:root{color:#f6f8ff;font-synthesis:none;text-rendering:optimizelegibility;--cyan:#40bff2;--cyan-bright:#60dbff;--gold:#ffd23f;--purple:#be5bff;--muted:#8d9ab4;--muted-strong:#aeb9ce;--line:#7d96c238;--line-strong:#91aede61;--surface:#091023e0;--surface-strong:#0b1329;--display:"Barlow Condensed", Impact, sans-serif;--site-max-width:1560px;--site-gutter:30px;--site-mobile-gutter:12px;background:#050916;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{background:#050916;width:100%;min-width:320px;max-width:100%;overflow-x:clip}body{background:radial-gradient(circle at 80% 0,#275ba330,#0000 34rem),radial-gradient(circle at 8% 44%,#1f4a8c1c,#0000 31rem),linear-gradient(145deg,#050916 0%,#071127 55%,#050a18 100%);width:100%;min-width:320px;max-width:100%;min-height:100vh;margin:0;overflow-x:clip}body:before{content:"";pointer-events:none;opacity:.18;background-image:radial-gradient(circle,#ffffff52 0 1px,#0000 1.4px),linear-gradient(125deg,#0000 49%,#5885cb0b 50%,#0000 51%);background-size:68px 68px,280px 220px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-loading{color:#91a0ba;min-height:100dvh;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;place-items:center;font-size:1rem;font-style:italic;display:grid}.app-shell{width:min(100%,var(--site-max-width));padding:82px var(--site-gutter) 96px;margin:0 auto;position:relative}.app-header{border-bottom:1px solid #7894c22e;grid-template-columns:minmax(330px,1.1fr) minmax(480px,1fr);align-items:center;gap:30px;min-height:92px;margin-bottom:12px;padding:14px 16px 16px;display:grid}.app-header__title h1{font-family:var(--display);letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(2.6rem,3.8vw,4.2rem);font-style:italic;font-weight:900;line-height:.9}.app-header__title h1 a{color:inherit;text-decoration:none}.app-header__title h1 a:hover{color:#fff}.app-header__title p{color:var(--muted-strong);margin:9px 0 0;font-size:.84rem;line-height:1.45}.app-header__title p span{display:block}.app-header__progress{justify-content:flex-end;gap:34px;display:flex}.progress-panel{--panel-color:var(--cyan);grid-template-columns:66px auto;align-items:center;gap:12px;min-width:156px;display:grid}.progress-panel--mastered{--panel-color:var(--gold)}.progress-panel__meter{place-items:center;width:66px;height:66px;display:grid;position:relative}.progress-panel__meter svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.progress-panel__meter circle{fill:none;stroke-width:4px}.progress-panel__ring{stroke:#7d91b42e}.progress-panel__value{stroke:var(--panel-color);stroke-linecap:round;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--panel-color) 55%,transparent));transition:stroke-dasharray .26s}.progress-panel__meter>strong{color:var(--panel-color);font-size:.7rem;font-weight:900}.progress-panel__copy{min-width:0}.progress-panel__topline,.progress-panel__numbers{align-items:center;display:flex}.progress-panel__topline{color:#c9d2e4;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;gap:7px;font-size:.78rem;font-weight:800}.progress-panel__topline svg{width:17px;height:17px;color:var(--panel-color)}.progress-panel__numbers{gap:6px;margin-top:6px}.progress-panel__numbers strong{color:var(--panel-color);letter-spacing:-.04em;font-size:1.55rem;line-height:1}.progress-panel__numbers span{color:#7f8ca6;font-size:.86rem;font-weight:700}.user-badge{color:#eef2fb;flex:0 auto;align-items:center;min-width:0;font-size:.79rem;font-weight:800;display:flex;position:relative}.user-badge__profile{min-width:0;color:inherit;border:1px solid #0000;border-radius:999px;align-items:center;gap:9px;padding:3px 10px 3px 3px;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:flex}.user-badge__profile:hover,.user-badge__profile:focus-visible{color:var(--cyan-bright);background:#ffffff0b;border-color:#72c3ec40}.user-badge__avatar{color:#071127;background:var(--cyan);border:1px solid #60dbff8c;border-radius:50%;flex:none;place-items:center;width:37px;height:37px;font-size:.7rem;font-weight:900;display:grid;overflow:hidden}.user-badge__avatar img{object-fit:cover;width:100%;height:100%}.user-badge__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:230px;display:block;overflow:hidden}.sync-toast{z-index:100;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 62px);color:#eafff4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#051418f0;border:1px solid #65e1a56b;border-radius:999px;align-items:center;gap:9px;min-height:42px;padding:0 16px;font-size:.72rem;font-weight:800;animation:.24s cubic-bezier(.22,1,.36,1) sync-toast-in,.24s 2.1s forwards sync-toast-out;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 14px 42px #0000006b,0 0 20px #4dde971a}.sync-toast svg{color:#63e2a4;width:17px;height:17px}.filters{z-index:10;margin-bottom:7px;position:relative}.filter-quick-controls{border-bottom:1px solid #7894c22b;gap:7px;padding:10px 0 13px;display:grid}.filter-quick-row{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.filter-quick-row>span{color:#9aa8bf;letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:850}.filter-quick-row--rarity .filter-menu{width:min(320px,100%)}.filter-choice-bar{border:1px solid var(--line);scrollbar-width:none;background:#091023b3;border-radius:10px;align-items:center;gap:3px;min-width:0;min-height:44px;padding:4px;display:flex;overflow-x:auto}.filter-choice-bar::-webkit-scrollbar{display:none}.filter-choice-bar button{color:#8e9ab2;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1 0 auto;min-width:96px;height:34px;padding:0 13px;font-size:.71rem;font-weight:800;transition:color .15s,background .15s,box-shadow .15s}.filter-choice-bar button:hover{color:#fff}.filter-choice-bar button[aria-pressed=true]{color:#fff;box-shadow:inset 0 0 0 1px var(--cyan);background:#25669759}.filter-backdrop{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;background:#0206106b;border:0;padding:0;position:fixed;inset:0}.filter-dock{z-index:72;bottom:max(14px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060c1ced;border:1px solid #7f99c457;border-radius:13px;align-items:center;gap:4px;padding:4px;display:none;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000070,inset 0 1px #ffffff0d}.filter-dock>button{color:#a7b2c7;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:92px;min-height:40px;padding:0 13px;font-size:.72rem;font-weight:800;display:flex;position:relative}.filter-dock>.filter-dock__tilt{min-width:82px}.filter-dock__search{display:none!important}.filter-dock>button:hover,.filter-dock>button[aria-expanded=true]{color:#fff;background:#26699857}.filter-dock>button.has-active-filter{color:#dff8ff}.filter-dock svg{width:17px;height:17px}.filter-dock>button>i{background:var(--cyan-bright);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px;box-shadow:0 0 8px #60dbffa6}.filter-dock>button>b{color:#061123;background:var(--cyan-bright);border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.59rem;line-height:1;display:grid}.filter-panel{z-index:71;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 58px);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#080f21f7;border-radius:16px;width:min(680px,100vw - 28px);padding:14px;animation:.18s cubic-bezier(.22,1,.36,1) filter-panel-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 24px 70px #0000008c,inset 0 1px #ffffff0a}.filter-panel--search{width:min(560px,100vw - 28px)}.filter-panel__header{color:#f3f6fd;font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:1.05rem;font-style:italic;display:flex}.filter-panel__header strong,.filter-panel__header small{display:block}.filter-panel__header small{color:#9aa8bf;letter-spacing:0;text-transform:none;margin-top:2px;font-family:Inter,system-ui,sans-serif;font-size:.62rem;font-style:normal;font-weight:700}.filter-panel__header>button{border:1px solid var(--line);color:#98a5bb;cursor:pointer;background:#050a18b3;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;font-size:1.25rem;line-height:1;display:grid}.filter-panel__header>button:hover{color:#fff;border-color:var(--line-strong)}.filter-panel__controls{grid-template-columns:1fr 1fr;gap:12px;display:grid}.filter-panel__group{border:0;min-width:0;margin:0;padding:0}.filter-panel__group legend{color:#a9b5c9;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:.65rem;font-weight:850}.filter-panel__group--rarity{grid-column:1/-1}.filter-panel__actions{grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.filter-panel__actions button{border:1px solid var(--line);color:#b7c4d8;cursor:pointer;background:#091023cc;border-radius:9px;min-height:40px;padding:0 15px;font-size:.7rem;font-weight:800}.filter-panel__actions button:last-child{color:#061123;border-color:var(--cyan);background:var(--cyan-bright)}.filter-panel__actions button:disabled{cursor:default;opacity:.4}.search-field,.filter-menu,.variant-tabs{border:1px solid var(--line);background:#091023db;border-radius:10px;min-height:48px;box-shadow:inset 0 1px #ffffff06}.search-field{align-items:center;min-width:0;display:flex;position:relative}.search-field svg{color:#8f9db7;width:19px;position:absolute;left:16px}.search-field input{color:#fff;background:0 0;border:0;outline:0;width:100%;height:46px;padding:0 70px 0 46px;font-size:.84rem}.search-field input::placeholder{color:#718099}.search-field:focus-within{border-color:#40bff2b3;box-shadow:0 0 0 3px #40bff214}.search-field>button{color:#9fcbdc;cursor:pointer;background:#235f824d;border:0;border-radius:7px;min-height:32px;padding:0 9px;font-size:.65rem;font-weight:800;position:absolute;right:8px}.filter-menu{min-width:0;position:relative}.filter-menu.is-open{z-index:40;border-color:#40bff2a8;box-shadow:0 0 0 3px #40bff214}.filter-menu__trigger{color:#7f8ba4;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) 16px;align-items:center;gap:6px;width:100%;height:46px;padding:0 13px;font-size:.73rem;font-weight:700;display:grid}.filter-menu__trigger>span:after{content:":"}.filter-menu__trigger strong{color:#f3f6fd;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:800;overflow:hidden}.filter-menu__trigger i{border-bottom:1.5px solid #9eabc1;border-right:1.5px solid #9eabc1;justify-self:center;width:7px;height:7px;margin-top:-4px;transition:transform .15s,margin .15s;transform:rotate(45deg)}.filter-menu.is-open .filter-menu__trigger i{margin-top:4px;transform:rotate(225deg)}.filter-menu__options{border:1px solid var(--line-strong);background:#0b1329;border-radius:10px;gap:3px;padding:6px;display:grid;position:absolute;top:calc(100% + 7px);left:-1px;right:-1px;box-shadow:0 18px 40px #00000073}.filter-panel .filter-menu__options{top:auto;bottom:calc(100% + 7px)}.filter-menu__options button{color:#a8b4c9;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:0 10px;font-size:.76rem;font-weight:700;display:flex}.filter-menu__options button:hover,.filter-menu__options button[aria-selected=true]{color:#fff;background:#2868964d}.filter-menu__options svg{width:17px;height:17px;color:var(--cyan-bright)}.variant-filter{grid-column:1/-1}.variant-filter>span{color:#8895ac;text-transform:uppercase;margin:2px 0 7px;font-size:.65rem;font-weight:800;display:block}.variant-tabs{scrollbar-width:none;align-items:center;gap:2px;padding:4px;display:flex;overflow-x:auto}.variant-tabs::-webkit-scrollbar{display:none}.variant-tabs button{color:#8e9ab2;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:1 0 auto;height:38px;padding:0 13px;font-size:.71rem;font-weight:800;transition:color .15s,background .15s,box-shadow .15s}.variant-tabs button:hover{color:#fff}.variant-tabs button[aria-pressed=true]{color:#fff;box-shadow:inset 0 0 0 1px var(--cyan);background:#25669759}@keyframes filter-panel-in{0%{opacity:0;transform:translate(-50%,10px)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}.family-sidebar{border-bottom:1px solid #7894c22b;margin:0 -30px;padding:4px 30px 11px;position:relative}.family-sidebar__list{scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-inline:contain;gap:7px;padding:3px 62px 3px 0;scroll-padding-inline:0 62px;display:flex;overflow-x:auto}.family-sidebar__list::-webkit-scrollbar{width:0;height:0;display:none}.family-scroll{z-index:4;color:#e8f8ff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050c1deb;border:1px solid #61b9e180;border-radius:12px;place-items:center;width:40px;height:48px;margin-top:-27px;padding:0;font-size:2rem;line-height:1;display:grid;position:absolute;top:50%;box-shadow:0 8px 24px #00000057,0 0 18px #40bff214}.family-scroll:hover{border-color:var(--cyan);background:#0d3149f2}.family-scroll--left{left:30px}.family-scroll--right{right:30px}.family-scroll--left:before,.family-scroll--right:before{content:"";z-index:-1;pointer-events:none;width:30px;position:absolute;top:-12px;bottom:-12px}.family-scroll--left:before{background:linear-gradient(90deg,#060b1a 25%,#0000);left:-30px}.family-scroll--right:before{background:linear-gradient(270deg,#060b1a 25%,#0000);right:-30px}.family-option{color:#98a4ba;cursor:pointer;scroll-snap-align:center;background:#080f21a3;border:1px solid #7994c233;border-radius:10px;flex:0 0 74px;align-content:center;justify-items:center;gap:2px;min-height:72px;padding:5px 4px;transition:color .15s,border-color .15s,background .15s,transform .15s;display:grid}.family-option:hover{color:#fff;border-color:#91aede73;transform:translateY(-1px)}.family-option[aria-pressed=true]{color:#fff;border-color:var(--cyan);box-shadow:inset 0 -2px var(--cyan), 0 0 15px #40bff214;background:#14507652}.family-option img,.family-option__all{object-fit:contain;width:42px;height:42px}.family-option__all{color:var(--cyan-bright);place-items:center;font-size:1.25rem;display:grid}.family-option>span:last-child{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.64rem;font-weight:700;line-height:1.15;overflow:hidden}.desktop-search{border:1px solid var(--line);background:#091023b3;border-radius:10px;align-items:center;width:100%;min-height:48px;margin-top:13px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff06}.desktop-search:focus-within{border-color:#40bff2b3;box-shadow:0 0 0 3px #40bff214}.desktop-search>svg{color:#8f9db7;width:19px;position:absolute;left:16px}.desktop-search input{color:#fff;background:0 0;border:0;outline:0;width:100%;height:46px;padding:0 70px 0 46px;font-size:.84rem}.desktop-search input::placeholder{color:#718099}.desktop-search>button{color:#9fcbdc;cursor:pointer;background:#235f824d;border:0;border-radius:7px;min-height:32px;padding:0 9px;font-size:.65rem;font-weight:800;position:absolute;right:8px}.collection-results{min-width:0;padding-top:18px}.results-bar{justify-content:space-between;align-items:center;gap:20px;min-height:74px;margin-bottom:14px;display:flex}.results-bar__family{align-items:center;min-width:0;display:flex}.results-bar__family>img,.results-bar__family>span{object-fit:contain;flex:none;width:70px;height:70px;margin-right:12px}.results-bar__family>span{color:var(--cyan);place-items:center;font-size:2rem;display:grid}.results-bar h2{font-family:var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:0;font-size:clamp(2.1rem,3.2vw,3.5rem);font-style:italic;font-weight:900;line-height:.9}.results-bar p{color:#8290aa;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin:8px 0 0;font-size:.7rem;font-weight:800;display:flex}.results-bar p strong{color:var(--gold)}.results-bar p i{background:currentColor;border-radius:50%;width:3px;height:3px}.results-bar__progress-summary{color:#7f8da6;align-items:center;gap:7px;margin-top:7px;font-size:.66rem;font-weight:700;display:flex}.results-bar__progress-summary span:first-child b{color:var(--cyan-bright)}.results-bar__progress-summary span:last-child b{color:var(--gold)}.results-bar__progress-summary i{background:#66748c;border-radius:50%;width:3px;height:3px}.results-bar>button,.empty-state button{border:1px solid var(--line);color:#9aa7bd;cursor:pointer;background:#091023a6;border-radius:9px;min-height:42px;padding:0 16px;font-size:.72rem;font-weight:700}.results-bar>button:hover,.empty-state button:hover{color:#fff;border-color:var(--line-strong)}.collection-settings-button{color:#b4c1d6!important;background:#0910238f!important;border-color:#829dc947!important}.collection-settings-button:hover{color:#fff!important;background:#194e6d4d!important;border-color:#60dbff8c!important}.collection-settings-backdrop{z-index:140;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020610b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.collection-settings{border:1px solid var(--line-strong);background:#0a1227;border-radius:18px;width:min(520px,100%);padding:24px;box-shadow:0 30px 90px #00000094,inset 0 1px #ffffff0a}.collection-settings__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.collection-settings__header span{color:var(--cyan-bright);letter-spacing:.12em;text-transform:uppercase;font-size:.63rem;font-weight:850}.collection-settings h2{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;margin:4px 0 0;font-size:2rem;font-style:italic}.collection-settings__header>button{border:1px solid var(--line);color:#aab6ca;cursor:pointer;background:#050a18bf;border-radius:9px;place-items:center;width:36px;height:36px;padding:0;font-size:1.35rem;display:grid}.collection-settings>p{color:#a7b3c8;margin:15px 0 18px;font-size:.78rem;line-height:1.55}.collection-settings__danger{background:#6f143429;border:1px solid #ff6b8f59;border-radius:13px;gap:10px;padding:17px;display:grid}.collection-settings__danger>strong{color:#ffadc0;font-size:.85rem}.collection-settings__danger>small{color:#aeb9cc;font-size:.7rem;line-height:1.5}.collection-settings__danger input{color:#fff;background:#050a18c7;border:1px solid #ff789752;border-radius:9px;outline:0;width:100%;min-height:44px;padding:0 12px;font-size:16px}.collection-settings__danger input:focus{border-color:#ff7897;box-shadow:0 0 0 3px #ff6b8f1a}.collection-settings__danger>button{color:#160710;cursor:pointer;background:#ff91aa;border:1px solid #ff7897;border-radius:9px;justify-self:end;min-height:42px;padding:0 14px;font-size:.72rem;font-weight:850}.collection-settings__danger>button:disabled{cursor:not-allowed;opacity:.38}.sprite-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));align-items:stretch;gap:14px;display:grid}.sprite-card{--rarity:#68aef3;--tilt-x:var(--device-card-tilt-x,0deg);--tilt-y:var(--device-card-tilt-y,0deg);--card-lift:0px;--image-x:var(--device-image-x,0px);--image-y:var(--device-image-y,0px);--image-rotate:var(--device-image-rotate,0deg);--image-scale:1.015;--glow-x:var(--device-glow-x,50%);--glow-y:var(--device-glow-y,50%);min-width:0;transform:perspective(1100px) translate3d(0,var(--card-lift),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transform-origin:50%;will-change:transform;background:linear-gradient(150deg,#111b32f5,#070d1dfa);border:1px solid #7f99c452;border-radius:14px;transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s,background-color .3s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 10px 28px #00000029}.sprite-card:before{content:"";z-index:2;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(22rem circle at var(--glow-x) var(--glow-y),#a3c0ff1f,transparent 62%);transition:opacity .24s;position:absolute;inset:0}.sprite-card.rarity-rare{--rarity:#3ca8ff}.sprite-card.rarity-epic{--rarity:#b55cf0}.sprite-card.rarity-legendary{--rarity:#f19b42}.sprite-card.rarity-mythic{--rarity:#f1c33e}.sprite-card:hover{--card-lift:-3px;--image-scale:1.035;border-color:#a7c4ed94;box-shadow:inset 0 1px #ffffff0d,0 18px 35px #00000040}.sprite-card:hover:before{opacity:1}.sprite-card.is-collected{border-color:#40bff2b8;box-shadow:inset 0 0 0 1px #40bff21f,0 0 20px #40bff214}.sprite-card.is-mastered{border-color:#ffd23fbd;box-shadow:inset 0 0 0 1px #ffd23f1c,0 0 22px #ffd23f14}.sprite-card__collect{z-index:1;width:100%;height:100%;color:inherit;text-align:left;cursor:pointer;transform-style:preserve-3d;background:0 0;border:0;flex-direction:column;padding:0;display:flex;position:relative}.sprite-card__art{aspect-ratio:1/.92;width:100%;transform-style:preserve-3d;place-items:center;padding:26px 20px 4px;display:grid;position:relative}.sprite-card__art img{object-fit:contain;filter:drop-shadow(0 13px 16px #0000006b);width:100%;height:100%;transform:translate3d(var(--image-x),var(--image-y),0) rotate(var(--image-rotate)) scale(var(--image-scale));will-change:transform;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .16s,filter .22s}@media (hover:hover) and (pointer:fine){.sprite-card:hover .sprite-card__art img{transition-duration:.13s}}.sprite-card:not(.is-collected) .sprite-card__art img{opacity:.82;filter:saturate(.82)drop-shadow(0 13px 16px #0000006b)}.sprite-card:not(.is-collected):hover .sprite-card__art img{opacity:1;filter:saturate()drop-shadow(0 13px 16px #0000006b)}.sprite-card__check{color:#fff;background:var(--cyan);opacity:0;border:1px solid #c5f3ff;border-radius:50%;place-items:center;width:30px;height:30px;transition:opacity .14s,transform .18s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;top:13px;left:13px;transform:scale(.65);box-shadow:0 4px 13px #0000004d,0 0 12px #40bff252}.sprite-card__check svg{width:18px;height:18px}.sprite-card.is-collected .sprite-card__check{opacity:1;transform:scale(1)}.sprite-card__text{flex-direction:column;flex:1;min-height:118px;padding:14px 14px 13px;display:flex}.sprite-card__text strong{color:#f8faff;font-family:var(--display);letter-spacing:-.01em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:1.28rem;font-style:italic;font-weight:900;line-height:1;display:block;overflow:hidden}.sprite-card__meta{color:var(--rarity);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;margin-top:7px;font-size:.63rem;font-weight:900;display:flex}.sprite-card__meta i{background:#8490a8;border-radius:50%;width:3px;height:3px}.sprite-card__state{color:#78859e;border:1px solid #7f99c442;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:37px;margin-top:auto;padding:0 8px;font-size:.69rem;font-weight:800;transition:color .15s,border-color .15s,background .15s;display:flex}.sprite-card__state svg{width:16px;height:16px}.sprite-card.is-collected .sprite-card__state{color:var(--cyan-bright);background:#1860851f;border-color:#40bff2ad}.sprite-card__master{z-index:3;color:#bec8da;cursor:pointer;background:#040813ad;border:1px solid #7f99c440;border-radius:9px;place-items:center;width:42px;height:42px;padding:0;transition:color .14s,transform .17s,border-color .14s,background .14s;display:grid;position:absolute;top:12px;right:12px}.sprite-card__master:hover{color:#fff;border-color:#b0c8eb85;transform:scale(1.05)}.sprite-card__master svg{filter:drop-shadow(0 3px 5px #00000073);width:24px;height:24px}.sprite-card__master[aria-pressed=true]{color:var(--gold);background:#4836058c;border-color:#ffd23fa6}.sprite-card__master[aria-pressed=true] svg{fill:currentColor;animation:.26s cubic-bezier(.34,1.56,.64,1) star-pop}.sprite-card__celebration{z-index:6;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sprite-card__celebration i{opacity:0;display:block;position:absolute;top:44%;left:50%}.sprite-card__celebration--confetti i{background:var(--cyan-bright);border-radius:2px;width:7px;height:11px;animation:.9s cubic-bezier(.16,.75,.28,1) forwards confetti-burst}.sprite-card__celebration--confetti i:nth-child(3n+2){background:var(--gold)}.sprite-card__celebration--confetti i:nth-child(3n){background:#ff6da8}.sprite-card__celebration--stars i{color:var(--gold);text-shadow:0 0 10px #ffd23fbf;font-size:1.05rem;font-style:normal;animation:.95s cubic-bezier(.16,.75,.28,1) forwards star-burst}.sprite-card__celebration i:first-child{--burst-x:-88px;--burst-y:-112px;--burst-r:-80deg;animation-delay:0s}.sprite-card__celebration i:nth-child(2){--burst-x:-28px;--burst-y:-142px;--burst-r:65deg;animation-delay:35ms}.sprite-card__celebration i:nth-child(3){--burst-x:48px;--burst-y:-128px;--burst-r:145deg;animation-delay:70ms}.sprite-card__celebration i:nth-child(4){--burst-x:96px;--burst-y:-72px;--burst-r:220deg;animation-delay:15ms}.sprite-card__celebration i:nth-child(5){--burst-x:92px;--burst-y:34px;--burst-r:305deg;animation-delay:85ms}.sprite-card__celebration i:nth-child(6){--burst-x:44px;--burst-y:124px;--burst-r:380deg;animation-delay:50ms}.sprite-card__celebration i:nth-child(7){--burst-x:-32px;--burst-y:138px;--burst-r:450deg;animation-delay:.1s}.sprite-card__celebration i:nth-child(8){--burst-x:-92px;--burst-y:82px;--burst-r:540deg;animation-delay:25ms}.sprite-card__celebration i:nth-child(9){--burst-x:-106px;--burst-y:-22px;--burst-r:625deg;animation-delay:75ms}.sprite-card__celebration i:nth-child(10){--burst-x:9px;--burst-y:-94px;--burst-r:710deg;animation-delay:.11s}.sprite-card__celebration i:nth-child(11){--burst-x:72px;--burst-y:80px;--burst-r:790deg;animation-delay:45ms}.sprite-card__celebration i:nth-child(12){--burst-x:-66px;--burst-y:30px;--burst-r:880deg;animation-delay:95ms}.empty-state{text-align:center;place-items:center;min-height:330px;display:grid}.empty-state h2{font-family:var(--display);text-transform:uppercase;margin:0;font-size:2.4rem;font-style:italic}.empty-state p{color:var(--muted);margin:-95px 0 0}.empty-state button{margin-top:-165px}@keyframes star-pop{0%{transform:scale(.55)rotate(-20deg)}to{transform:scale(1)rotate(0)}}@keyframes confetti-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) scale(1) rotate(var(--burst-r))}}@keyframes star-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}16%{opacity:1}65%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) scale(1.1) rotate(var(--burst-r))}}@keyframes sync-toast-in{0%{opacity:0;transform:translate(-50%,12px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes sync-toast-out{to{opacity:0;transform:translate(-50%,8px)scale(.98)}}@keyframes sprite-hover-dance{0%,to{transform:translate3d(var(--image-x),var(--image-y),0) rotate(0deg) scale(var(--image-scale))}24%{transform:translate3d(calc(var(--image-x) - 3px),calc(var(--image-y) - 10px),0) rotate(-2.5deg) scale(calc(var(--image-scale) + .018))}45%{transform:translate3d(calc(var(--image-x) + 2px),calc(var(--image-y) - 3px),0) rotate(2deg) scale(var(--image-scale))}66%{transform:translate3d(calc(var(--image-x) + 4px),calc(var(--image-y) - 8px),0) rotate(2.8deg) scale(calc(var(--image-scale) + .012))}84%{transform:translate3d(calc(var(--image-x) - 2px),var(--image-y),0) rotate(-1.5deg) scale(var(--image-scale))}}@keyframes sprite-hover-wiggle{0%,to{transform:translate3d(var(--image-x),var(--image-y),0) rotate(var(--image-rotate)) scale(var(--image-scale))}22%{transform:translate3d(calc(var(--image-x) - 3px),calc(var(--image-y) - 2px),0) rotate(-4deg) scale(calc(var(--image-scale) + .018))}48%{transform:translate3d(calc(var(--image-x) + 4px),calc(var(--image-y) - 4px),0) rotate(4.5deg) scale(calc(var(--image-scale) + .025))}72%{transform:translate3d(calc(var(--image-x) - 2px),calc(var(--image-y) - 1px),0) rotate(-2.4deg) scale(calc(var(--image-scale) + .01))}}@media (hover:hover) and (pointer:fine){.sprite-card:not(.is-celebrating-collected):not(.is-celebrating-mastered):hover .sprite-card__art img{animation:.41s cubic-bezier(.22,.8,.28,1) sprite-hover-wiggle}}.sprite-card.is-celebrating-collected .sprite-card__art img{transform-origin:50% 84%;animation:.68s cubic-bezier(.2,.8,.2,1) both sprite-collected-jump}.sprite-card.is-celebrating-mastered .sprite-card__art img{transform-origin:50% 82%;animation:.76s cubic-bezier(.37,0,.2,1) both sprite-hover-dance}@keyframes sprite-collected-jump{0%,to{transform:translate3d(var(--image-x),var(--image-y),0) rotate(0deg) scale(var(--image-scale))}18%{transform:translate3d(var(--image-x),calc(var(--image-y) + 5px),0) rotate(-2deg) scaleX(1.06) scaleY(.94)}48%{transform:translate3d(var(--image-x),calc(var(--image-y) - 26px),0) rotate(4deg) scale(calc(var(--image-scale) + .055))}72%{transform:translate3d(var(--image-x),calc(var(--image-y) + 2px),0) rotate(-2deg) scaleX(.97) scaleY(1.035)}}@media (prefers-reduced-motion:reduce){.sprite-card:hover .sprite-card__art img{animation:none}}@media (max-width:1180px){.app-header{grid-template-columns:minmax(300px,1fr) minmax(410px,1.2fr);gap:20px}.sprite-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr))}}@media (max-width:820px){.app-shell{padding:116px 18px 94px}.app-header{grid-template-columns:1fr;grid-template-areas:"title""progress";gap:16px;padding:12px 4px 16px}.app-header__title{grid-area:title}.app-header__title h1{font-size:clamp(2.35rem,7vw,3.25rem)}.app-header__title p{font-size:.76rem}.app-header__progress{grid-area:progress;justify-content:flex-start}.family-sidebar{margin-inline:-18px;padding-inline:18px}.family-scroll--left{left:18px}.family-scroll--right{right:18px}.sprite-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.app-shell{padding:max(122px, calc(env(safe-area-inset-top) + 114px)) 12px calc(max(22px, env(safe-area-inset-bottom)) + 74px)}.app-header{gap:13px;margin-bottom:7px}.app-header__title h1{font-size:clamp(2rem,10vw,2.65rem)}.app-header__title p{max-width:210px;margin-top:6px;font-size:.68rem}.user-badge__name{max-width:150px;display:block}.user-badge__avatar{width:38px;height:38px}.sync-toast{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 60px);max-width:calc(100vw - 24px);min-height:40px;padding-inline:14px;font-size:.67rem}.app-header__progress{justify-content:space-between;gap:10px}.progress-panel{grid-template-columns:52px auto;gap:9px;min-width:0}.progress-panel__meter{width:52px;height:52px}.progress-panel__meter circle{stroke-width:4.5px}.progress-panel__meter>strong{font-size:.61rem}.progress-panel__topline{font-size:.69rem}.progress-panel__topline svg{width:14px;height:14px}.progress-panel__numbers strong{font-size:1.32rem}.progress-panel__numbers span{font-size:.74rem}.filter-quick-controls{display:none}.filter-quick-row{grid-template-columns:1fr;gap:5px}.filter-quick-row>span{padding-left:2px;font-size:.6rem}.filter-choice-bar,.filter-quick-row .variant-tabs{min-height:44px}.filter-choice-bar button{min-width:88px;height:34px}.filter-dock{bottom:max(10px,env(safe-area-inset-bottom));display:flex}.filter-dock__search{display:flex!important}.filter-dock>button{min-width:86px;min-height:42px;padding-inline:12px}.filter-dock>.filter-dock__tilt{min-width:76px}.filter-panel{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 58px);border-radius:15px;width:calc(100vw - 20px);max-height:calc(100dvh - 92px);padding:15px;overflow-y:auto}.search-field input{font-size:16px}.filter-panel__controls{grid-template-columns:1fr;gap:13px}.filter-panel__group,.filter-panel__group--rarity,.filter-panel__actions{grid-column:1}.filter-panel__group .filter-choice-bar,.filter-panel__group .variant-tabs{min-height:46px}.filter-panel__actions{padding:12px 15px max(12px,env(safe-area-inset-bottom));background:linear-gradient(#080f2100,#081021 24%);margin:0 -15px -15px;position:sticky;bottom:-15px}.filter-menu{min-width:0}.filter-menu__trigger{min-height:46px;padding-inline:12px}.filter-menu__options{border-radius:14px;gap:4px;width:min(300px,100vw - 24px);padding:10px;position:absolute;inset:auto auto calc(100% + 7px) 0}.filter-menu+.filter-menu .filter-menu__options{left:auto;right:0}.filter-menu__options button{min-height:48px;padding-inline:13px;font-size:.82rem}.variant-tabs button{min-width:68px;padding-inline:10px}.family-sidebar{margin-inline:-12px;padding:5px 12px 10px}.family-sidebar__list{padding-right:58px;scroll-padding-right:58px}.family-scroll{border-radius:11px;width:38px;height:44px;margin-top:-25px}.family-scroll--left{left:12px}.family-scroll--right{right:12px}.family-option{border-radius:9px;flex-basis:66px;min-height:66px}.family-option img,.family-option__all{width:37px;height:37px}.desktop-search{display:none}.collection-results{padding-top:13px}.results-bar{min-height:62px;margin-bottom:10px}.results-bar__family>img,.results-bar__family>span{width:54px;height:54px;margin-right:8px}.results-bar h2{font-size:clamp(1.75rem,9vw,2.35rem)}.results-bar p{gap:6px;margin-top:6px;font-size:.6rem}.results-bar__progress-summary{gap:5px;margin-top:5px;font-size:.57rem}.results-bar>button{min-height:40px;padding-inline:10px;font-size:.64rem}.collection-settings{border-radius:16px;padding:20px}.collection-settings h2{font-size:1.75rem}.sprite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sprite-card{border-radius:11px}.sprite-card__art{aspect-ratio:1/.92;padding:24px 9px 0}.sprite-card__text{min-height:108px;padding:11px 9px 9px}.sprite-card__text strong{font-size:1.02rem}.sprite-card__meta{letter-spacing:.09em;gap:5px;margin-top:6px;font-size:.53rem}.sprite-card__state{gap:5px;min-height:36px;padding:0 4px;font-size:.59rem}.sprite-card__state svg{width:14px;height:14px}.sprite-card__master{width:44px;height:44px;top:8px;right:8px}.sprite-card__master svg{width:22px;height:22px}.sprite-card__check{width:27px;height:27px;top:9px;left:9px}footer{text-align:center;flex-direction:column;gap:7px}footer p:last-child{justify-content:center}}@media (max-width:370px){.results-bar__family>img,.results-bar__family>span{display:none}.results-bar h2{font-size:1.75rem}.sprite-card__state{font-size:.54rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.sprite-card:hover,.sprite-card__art img{transform:none}.sprite-card__celebration{display:none}}@media (hover:none),(pointer:coarse){html:not([data-device-tilt=active]) .sprite-card,html:not([data-device-tilt=active]) .sprite-card__art img{transform:none}html[data-device-tilt=active] .sprite-card:before{opacity:.72}}
.landing{color:#f8fbff;background:radial-gradient(circle at 76% 20%,#1b7eff29,#0000 30%),radial-gradient(circle at 56% 58%,#823fff1a,#0000 28%),#050818;min-height:100vh;overflow:hidden}.landing:before{content:"";pointer-events:none;opacity:.42;background-image:radial-gradient(circle,#5ec2ff61 0 1px,#0000 1.2px);background-size:74px 74px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.hero,.showcase,.features{width:min(var(--site-max-width),calc(100% - (var(--site-gutter) * 2)));z-index:1;margin-inline:auto;position:relative}.button{color:#04101e;background:linear-gradient(135deg,#56e1ff,#55b7ff);border:1px solid #42c7ff;border-radius:14px;justify-content:center;align-items:center;gap:28px;min-height:54px;padding:0 24px;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 38px #25aeff33,inset 0 1px #ffffff80}.button:hover{transform:translateY(-2px);box-shadow:0 16px 44px #25aeff52,inset 0 1px #ffffff80}.button--small{border-radius:11px;gap:10px;min-height:42px;padding:0 18px}.button--ghost{color:#d8e3f8;box-shadow:none;background:#091126b3;border-color:#7ca7e059}.hero{grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);align-items:center;gap:48px;min-height:782px;padding-top:78px;display:grid}.hero__copy{padding-block:74px}.eyebrow{color:#57d6ff;letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px;font-size:12px;font-weight:900}.eyebrow i{background:#55e0ff;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block;box-shadow:0 0 16px #55e0ff}.hero h1{color:#fff;max-width:720px;font-family:var(--display-font,Impact, sans-serif);letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 10px 34px #00000059;margin:0;font-size:clamp(68px,7vw,112px);font-style:italic;font-weight:900;line-height:.83}.hero h1 span{color:#58d7ff;text-shadow:0 0 34px #46ceff47}.hero__lede{color:#aebbd1;max-width:615px;margin:32px 0;font-size:clamp(17px,1.5vw,20px);line-height:1.65}.hero__actions{flex-wrap:wrap;gap:14px;display:flex}.hero__privacy{color:#71809c;margin:20px 0 0;font-size:13px}.hero__privacy span{color:#53dea0;margin-right:7px}.hero__permission{color:#71809c;max-width:560px;margin:20px 0 0;font-size:13px;line-height:1.55}.hero__visual{perspective:1000px;place-items:center;min-height:610px;display:grid;position:relative}.hero__orb{filter:blur(6px);background:radial-gradient(circle,#1dc3ff2e,#4a2de414 48%,#0000 70%);border-radius:50%;width:530px;height:530px;position:absolute}.hero__mascot{mix-blend-mode:screen;filter:drop-shadow(0 28px 55px #2059ff38);border-radius:42%;width:min(500px,95%);animation:5s ease-in-out infinite mascotFloat;position:relative}.hero__stat{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#081026bd;border:1px solid #68bdff40;border-radius:16px;min-width:145px;padding:16px 18px;position:absolute;box-shadow:0 18px 60px #0000004d}.hero__stat b,.hero__stat span{display:block}.hero__stat b{color:#fff;font-size:21px}.hero__stat span{color:#7f90ad;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:800}.hero__stat--left{bottom:130px;left:0;transform:rotate(-4deg)}.hero__stat--right{top:150px;right:-10px;transform:rotate(4deg)}@keyframes mascotFloat{50%{transform:translateY(-13px)rotate(1deg)}}.showcase{border-top:1px solid #82ade724;padding:100px 0 130px}.showcase__heading{text-align:center}.showcase__heading h2{font-family:var(--display-font,Impact, sans-serif);letter-spacing:-.03em;text-transform:uppercase;margin:0;font-size:clamp(46px,5vw,72px);font-style:italic}.showcase__cards{justify-content:center;align-items:stretch;gap:18px;margin-top:54px;display:flex}.showcase-slider__controls{display:none}.showcase-card-preview{pointer-events:none;flex:0 270px;width:min(270px,25%);transform:none}.showcase-card-preview .sprite-card__collect{cursor:default}.showcase-card-preview.is-mastered .showcase-card-preview__master{color:var(--gold);background:#4836058c;border-color:#ffd23fa6}.showcase-card-preview.is-mastered .showcase-card-preview__master svg{fill:currentColor}.features{border-block:1px solid #82ade724;grid-template-columns:repeat(4,1fr);display:grid}.features article{border-right:1px solid #82ade724;min-height:260px;padding:48px}.features article:last-child{border:0}.features article>span{color:#50d6ff;font-size:11px;font-weight:900}.features h3{margin:54px 0 12px;font-size:23px}.features p{color:#8090ab;max-width:300px;margin:0;line-height:1.6}.auth-card__privacy a{color:#91a5c4}.auth-card__privacy a:hover,.auth-card__privacy a:focus-visible{color:#5edaff}.auth-page{background:radial-gradient(circle at 50% 32%,#2091ff2e,#0000 30%),#050818;flex-direction:column;align-items:center;min-height:100vh;padding:112px 30px 30px;display:flex}.auth-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#091127e0;border:1px solid #65b6ff47;border-radius:28px;width:min(470px,100%);margin:auto;padding:40px;box-shadow:0 40px 120px #00000073}.auth-card--wide{width:min(620px,100%)}.auth-card__mascot{mix-blend-mode:screen;border-radius:42%;width:150px;margin:-15px auto 5px}.auth-card h1{font-family:var(--display-font,Impact, sans-serif);text-transform:uppercase;margin:0;font-size:54px;font-style:italic}.auth-card>p:not(.eyebrow){color:#9dabc2;line-height:1.65}.auth-card__button{width:100%;margin:18px 0 14px}.auth-provider{cursor:pointer;justify-content:space-between}.auth-provider:disabled{cursor:wait;opacity:.7}.auth-provider__icon{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font:900 16px/1 Arial,sans-serif;display:grid}.auth-provider--epic{color:#fff;background:#2f2f2f;text-decoration:none}.auth-provider--epic:hover,.auth-provider--epic:focus-visible{color:#fff;background:#3a3a3a}.auth-provider__icon--epic{color:#fff;background:#111}.auth-card__divider{text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:12px;font-size:11px;display:flex;color:#66758e!important;margin:5px 0!important}.auth-card__divider:before,.auth-card__divider:after{content:"";background:#65b6ff2e;flex:1;height:1px}.auth-card__error{background:#6f143438;border:1px solid #ff6b8f59;border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:13px;color:#ff9ab2!important}.auth-card__privacy{font-size:11px;color:#70809a!important;margin:16px 0 0!important;line-height:1.55!important}.auth-card small{color:#66758e}.auth-card code{overflow-wrap:anywhere;color:#5edaff;background:#050b1a;border:1px solid #65b6ff3d;border-radius:12px;margin:24px 0;padding:16px;display:block}.connect-actions{justify-content:center;gap:12px;display:flex}.connect-page{align-items:stretch}.connect-card{text-align:left;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);align-items:center;gap:42px;width:min(1040px,100%);display:grid}.connect-card__intro{text-align:center}.connect-card__intro .auth-card__mascot{width:190px}.connect-card__intro h1{font-size:clamp(48px,5vw,68px);line-height:.92}.connect-card__lede{max-width:350px;font-size:13px;color:#a8b5ca!important;margin:17px auto 0!important}.connect-card__workflow{min-width:0}.connect-status{background:#25745226;border:1px solid #53daa040;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex;color:#b9f4d9!important;margin:4px auto 22px!important}.connect-status i{background:#54df9d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #54df9db3}.connect-steps{text-align:left;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.connect-steps li{background:#050b1a7a;border:1px solid #6997d32e;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.connect-steps li>span{color:#061123;background:#58d7ff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:grid}.connect-steps strong,.connect-steps small{display:block}.connect-steps strong{color:#ecf5ff;font-size:13px}.connect-steps small{color:#92a0b8;margin-top:3px;font-size:11px;line-height:1.4}.connect-launch{grid-template-columns:1fr 1fr;gap:10px;display:grid}.connect-endpoint{background:#050b1a;border:1px solid #65b6ff3d;border-radius:12px;grid-column:1/-1;align-items:center;gap:8px;padding:5px;display:flex}.connect-endpoint code{text-align:left;text-overflow:ellipsis;white-space:nowrap;border:0;flex:1;min-width:0;margin:0;padding:10px;font-size:12px;overflow:hidden}.connect-endpoint button{color:#bfefff;cursor:pointer;background:#1a5e7e52;border:1px solid #55d8ff52;border-radius:8px;flex:none;min-height:36px;padding:0 12px;font-size:11px;font-weight:850}.connect-launch .button{gap:12px;min-height:46px;padding-inline:16px;font-size:12px}.connect-limit{border-top:1px solid #65b6ff1f;padding-top:17px;font-size:10px;color:#63728b!important;margin:20px 0 0!important}@media (max-width:1100px) and (min-width:851px){.features{grid-template-columns:repeat(2,1fr)}.features article:nth-child(2){border-right:0}.features article:nth-child(-n+2){border-bottom:1px solid #82ade724}}@media (max-width:850px){.hero,.showcase,.features{width:calc(100% - 32px)}.hero{text-align:center;grid-template-columns:1fr;gap:0;padding-top:96px}.hero__copy{padding:36px 0 0}.hero__lede,.hero__permission{margin-inline:auto}.hero__actions{justify-content:center}.hero__visual{min-height:470px}.hero__mascot{width:420px}.hero__stat--left{bottom:70px;left:2%}.hero__stat--right{top:90px;right:2%}.showcase__cards{flex-wrap:wrap}.showcase-card-preview{flex-basis:calc(50% - 12px);width:calc(50% - 12px)}.features{grid-template-columns:1fr}.features article{border-bottom:1px solid #82ade724;border-right:0;min-height:190px}.features h3{margin-top:28px}}@media (max-width:900px){.connect-card{text-align:center;grid-template-columns:1fr;gap:22px;width:min(680px,100%)}.connect-card__intro .auth-card__mascot{width:150px}.connect-card__workflow{text-align:left}}@media (max-width:560px){.hero,.showcase,.features{width:calc(100% - 28px)}.hero{min-height:auto;padding:max(118px,calc(env(safe-area-inset-top) + 112px)) 0 42px;text-align:left}.hero__copy{padding:0}.eyebrow{margin-bottom:11px;font-size:9px;line-height:1.45}.hero h1{letter-spacing:-.035em;max-width:100%;font-size:clamp(44px,14.2vw,58px);line-height:.9}.hero__lede{margin:20px 0;font-size:15px;line-height:1.52}.hero__actions{grid-template-columns:1fr;gap:10px;display:grid}.hero__actions .button{width:100%;min-height:50px}.hero__privacy{align-items:flex-start;margin-top:16px;font-size:11px;line-height:1.5;display:flex}.hero__permission{margin-top:13px;font-size:10px;line-height:1.45}.hero__visual{min-height:310px;margin-top:6px}.hero__orb{width:300px;height:300px}.hero__mascot{width:min(305px,96%)}.hero__stat{border-radius:12px;min-width:101px;padding:10px 11px}.hero__stat b{font-size:15px}.hero__stat span{font-size:8px}.hero__stat--left{bottom:28px;left:0}.hero__stat--right{top:38px;right:0}.showcase{width:100%;padding:52px 0 68px}.showcase__heading{text-align:left;width:calc(100% - 28px);margin-inline:auto;padding-inline:2px}.showcase__heading h2{max-width:330px;font-size:clamp(38px,12.4vw,43px);line-height:.93}.showcase__cards{scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:12px;margin-top:28px;padding:8px 14px 24px;scroll-padding-inline:14px;overflow-x:auto}.showcase__cards::-webkit-scrollbar{display:none}.showcase-card-preview{scroll-snap-align:start;flex:0 0 clamp(260px,78vw,300px);width:clamp(260px,78vw,300px);max-width:none}.showcase-slider__controls{grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;width:calc(100% - 28px);margin:-6px auto 0;display:grid}.showcase-slider__controls>button{color:#dff8ff;background:#09142de0;border:1px solid #68bdff47;border-radius:50%;width:40px;height:40px;font-size:19px}.showcase-slider__controls>button:disabled{opacity:.28}.showcase-slider__controls>div{justify-content:center;gap:7px;display:flex}.showcase-slider__controls>div button{background:#34435f;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:width .2s,background .2s}.showcase-slider__controls>div button.is-active{background:#55d8ff;width:24px;box-shadow:0 0 12px #55d8ff8c}.features{width:calc(100% - 28px)}.features article{min-height:150px;padding:26px 20px}.features h3{margin-top:18px;font-size:20px}.features p{font-size:13px;line-height:1.55}.auth-page{padding:max(128px,calc(env(safe-area-inset-top) + 120px)) 16px 16px}.auth-card{border-radius:22px;padding:28px 20px}.auth-card__mascot{width:126px}.auth-card h1{font-size:42px}.connect-actions{flex-direction:column}.connect-launch{grid-template-columns:1fr}.connect-endpoint{grid-column:1}}