@font-face{font-family:Grotesk;src:url(/fonts/grotesk/SpaceGrotesk-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Grotesk;src:url(/fonts/grotesk/SpaceGrotesk-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}:root{--bg: #ececec;--bg-alt: #dfdfdf;--surface: #f5f5f5;--surface-2: #f8f8f8;--surface-glass: rgba(246, 246, 246, .82);--white: #ffffff;--ink: #121212;--black: #0f0f10;--muted: #666666;--muted-2: #5f5f5f;--muted-3: #777777;--line: #d7d7d7;--line-2: #c8c8c8;--line-3: #bcbcbc;--danger: #b42318;--radius: 2px;--font: "Grotesk", "Space Grotesk", system-ui, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1);--gutter: clamp(16px, 4vw, 40px);--max: 1152px;--nav-h: 60px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea{font:inherit;color:inherit}ol,ul{list-style:none}strong{font-weight:500}::selection{background:var(--black);color:var(--white)}:focus-visible{outline:2px solid var(--black);outline-offset:3px}.skip-link{position:fixed;left:12px;top:-60px;z-index:200;background:var(--black);color:var(--white);padding:10px 14px;font-size:13px;border-radius:var(--radius)}.skip-link:focus{top:12px}.container{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);margin:0 auto;padding:0 var(--gutter)}main,.footer{position:relative;z-index:2}#world-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:var(--black);color:var(--white);display:grid;place-items:center;pointer-events:none;transform:translateY(-100%)}.js .curtain{transform:translateY(0)}.curtain__inner{text-align:center}.curtain__brand{font-size:13px;letter-spacing:.24em;text-transform:uppercase}.curtain__bar{margin:16px auto 0;width:140px;height:1px;background:#ffffff2e;overflow:hidden}.curtain__bar span{display:block;height:100%;width:100%;background:var(--white);transform:scaleX(0);transform-origin:left}.nav{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--nav-h);border-bottom:1px solid transparent;transition:transform .5s var(--ease),background-color .3s,border-color .3s}.nav.is-scrolled{background:#ecececdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#d9d9d9}.nav.is-hidden{transform:translateY(-100%)}.nav__inner{height:100%;max-width:calc(var(--max) + var(--gutter) * 2);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}.nav__logo{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;letter-spacing:-.01em}.nav__mark{width:10px;height:10px;background:var(--black);transform:rotate(45deg);transition:transform .6s var(--ease)}.nav__logo:hover .nav__mark{transform:rotate(225deg)}.nav__links{display:flex;gap:28px;font-size:13px;color:var(--muted-2)}.nav__links a{position:relative;padding:4px 0;transition:color .2s}.nav__links a:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.nav__links a:hover,.nav__links a[aria-current=page]{color:var(--ink)}.nav__links a:hover:after,.nav__links a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}.nav__toggle{display:none;border:1px solid var(--line-3);border-radius:var(--radius);padding:6px 12px;font-size:12px}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:var(--bg);padding:calc(var(--nav-h) + 24px) var(--gutter) 32px}.mobile-menu[hidden]{display:none}.mobile-menu nav{display:grid;gap:4px}.mobile-menu a:not(.btn){font-size:clamp(28px,9vw,44px);font-weight:500;letter-spacing:-.03em;padding:6px 0;border-bottom:1px solid var(--line)}.mobile-menu .btn{margin-top:24px}@media(max-width:960px){.nav__links,.nav .nav__cta{display:none}.nav__toggle{display:inline-block}}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-3)}.section__title{font-size:clamp(28px,4.4vw,52px);font-weight:500;line-height:1.04;letter-spacing:-.035em}.section__lead{font-size:15px;color:var(--muted);max-width:46ch;margin-top:14px}.link-arrow{font-size:13px;color:var(--muted-2);border-bottom:1px solid var(--line-3);padding-bottom:2px;transition:color .2s,border-color .2s}.link-arrow:hover{color:var(--ink);border-color:var(--ink)}.line-mask{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.line-mask>span{display:block;will-change:transform}.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;font-size:13px;font-weight:500;line-height:1;border:1px solid var(--black);border-radius:var(--radius);transition:color .35s var(--ease),border-color .35s,box-shadow .3s,transform .2s;will-change:transform}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;transform:translateY(101%);transition:transform .45s var(--ease)}.btn:hover:before{transform:translateY(0)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--black);color:var(--white)}.btn--primary:before{background:var(--white)}.btn--primary:hover{color:var(--black);box-shadow:0 6px 20px #00000014}.btn--ghost{background:#f6f6f6;color:#1f1f1f;border-color:var(--line-3)}.btn--ghost:before{background:var(--black)}.btn--ghost:hover{color:var(--white);border-color:var(--black)}.btn--sm{padding:9px 14px;font-size:12px}.btn--block{width:100%}.btn:disabled{opacity:.6;pointer-events:none}.icon-btn{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--line-3);border-radius:50%;font-size:15px;background:var(--surface-2);transition:background-color .25s,color .25s,border-color .25s}.icon-btn:hover{background:var(--black);color:var(--white);border-color:var(--black)}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:calc(var(--nav-h) + 48px) 0 96px}.hero__inner{position:relative}.hero__title{margin-top:22px;font-size:clamp(42px,8vw,104px);font-weight:500;line-height:.98;letter-spacing:-.05em;max-width:11.5ch}.hero__title-muted{color:#9a9a9a}.hero__lead{margin-top:26px;max-width:40ch;font-size:clamp(15px,1.4vw,17px);color:var(--muted)}.hero__actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}.hero__hint{position:absolute;left:var(--gutter);bottom:32px;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-3)}@media(max-width:640px){.hero__hint{display:none}}@media(min-width:1240px){.hero__hint{left:calc((100vw - var(--max)) / 2)}}.hero__hint-line{width:40px;height:1px;background:var(--line-3);position:relative;overflow:hidden}.hero__hint-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--black);animation:hint 2.2s var(--ease) infinite}@keyframes hint{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.page-hero{padding:calc(var(--nav-h) + clamp(56px,10vw,120px)) 0 clamp(40px,6vw,72px)}.page-hero__title{margin-top:18px;font-size:clamp(40px,7vw,88px);font-weight:500;line-height:1;letter-spacing:-.045em;max-width:14ch}.page-hero__lead{margin-top:20px;max-width:52ch;font-size:clamp(15px,1.3vw,17px);color:var(--muted)}.page-hero__actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.marquee{position:relative;z-index:2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#dfdfdf8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;white-space:nowrap}.marquee__track{display:inline-flex;animation:marquee 38s linear infinite}.marquee__track span{padding:18px 28px;font-size:clamp(18px,2.4vw,28px);font-weight:500;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:56px}.marquee__track span:after{content:"";width:7px;height:7px;background:var(--black);transform:rotate(45deg)}@keyframes marquee{to{transform:translate(-50%)}}.section{position:relative;padding:clamp(80px,12vw,160px) 0}.section--tight{padding:clamp(40px,6vw,80px) 0}.section__head{margin-bottom:clamp(32px,5vw,56px)}.section__head--center{text-align:center}.section__head--center .section__title{margin-top:12px}.section__head--split{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.section__head--split .section__lead{margin-top:0}.grid{display:grid;gap:12px}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1024px){.grid--4,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid--4,.grid--3,.grid--2{grid-template-columns:minmax(0,1fr)}}.orbit-card{--mx: 50%;--my: 50%;position:relative;display:flex;flex-direction:column;min-width:0;padding:22px;background:var(--surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);transform-style:preserve-3d;transition:background-color .3s}.orbit-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(255,255,255,.9),transparent 70%);opacity:0;transition:opacity .3s}.orbit-card:hover:before{opacity:1}.orbit-card>*{position:relative}.orbit-card__svg{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.orbit-card__bg,.orbit-card__hl{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}.orbit-card__bg{stroke:var(--line-2);stroke-width:1.25}.orbit-card__hl{stroke:var(--black);stroke-width:1.75;stroke-linecap:square;stroke-dasharray:22 78;stroke-dashoffset:0;opacity:0;transition:opacity .2s}.orbit-card:hover .orbit-card__hl,.orbit-card:focus-visible .orbit-card__hl{opacity:1;animation:stroke-travel .95s linear infinite}@keyframes stroke-travel{to{stroke-dashoffset:-100}}.orbit-card__index{font-size:11px;letter-spacing:.16em;color:#9a9a9a}.orbit-card__title{margin-top:28px;font-size:16px;font-weight:500;letter-spacing:-.01em}.orbit-card__text{margin-top:8px;font-size:13px;color:var(--muted)}.orbit-card--lg{padding:clamp(24px,3vw,36px);min-height:220px}.orbit-card--lg .orbit-card__title{margin-top:auto;padding-top:48px;font-size:clamp(20px,2.2vw,28px);letter-spacing:-.03em}.orbit-card--lg .orbit-card__text{font-size:14px;max-width:36ch}.orbit-card__link{margin-top:18px;font-size:12px;font-weight:500;display:inline-flex;gap:6px;transform:translate(-4px);opacity:.55;transition:transform .4s var(--ease),opacity .3s}.orbit-card:hover .orbit-card__link{transform:none;opacity:1}.orbit-card__list{margin-top:16px;display:grid;gap:8px;font-size:13px;color:var(--muted-2)}.orbit-card__list li{display:flex;gap:10px}.orbit-card__list li:before{content:"";flex:none;width:5px;height:5px;margin-top:8px;background:var(--black);transform:rotate(45deg)}.orbit-card__actions{margin-top:auto;padding-top:24px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.offer{max-width:760px;margin:0 auto;text-align:center;padding:clamp(32px,6vw,64px);background:#f8f8f8c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius)}.offer__title{margin-top:12px;font-size:clamp(26px,3.6vw,40px);font-weight:500;letter-spacing:-.03em;line-height:1.08}.offer__text{margin:16px auto 28px;max-width:54ch;font-size:14px;color:var(--muted)}.showcase{position:relative;height:clamp(360px,62vh,640px);cursor:grab;touch-action:pan-y}.showcase.is-pointing{cursor:pointer}.showcase.is-dragging{cursor:grabbing}.showcase__canvas{display:block;width:100%;height:100%}.showcase__hint{position:absolute;left:50%;bottom:8px;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-3);pointer-events:none;white-space:nowrap}.showcase__hint span{width:6px;height:6px;border-radius:50%;background:var(--black);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(.4);opacity:.4}}.showcase__caption{margin-top:24px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.showcase__meta{max-width:52ch}.showcase__count{font-size:12px;color:var(--muted-3);margin-bottom:10px;font-variant-numeric:tabular-nums}.showcase__title{margin-top:6px;font-size:clamp(24px,3vw,36px);font-weight:500;letter-spacing:-.03em}.showcase__desc{margin-top:6px;font-size:14px;color:var(--muted)}.showcase__controls{display:flex;align-items:center;gap:10px}.showcase__meta>*{transition:opacity .25s,transform .35s var(--ease)}.showcase__meta.is-swapping>*{opacity:0;transform:translateY(6px)}.no-webgl .showcase{display:none}.process{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:40px}.process__rail{position:absolute;top:0;left:0;right:0;height:1px;background:var(--line-2)}.process__fill{display:block;height:100%;background:var(--black);transform:scaleX(0);transform-origin:left}.process__step{position:relative;padding:22px;background:var(--surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .4s,transform .5s var(--ease)}.process__dot{position:absolute;top:-45px;left:22px;width:11px;height:11px;background:var(--bg);border:1px solid var(--line-3);transform:rotate(45deg);transition:background-color .4s,border-color .4s}.process__step.is-active{border-color:var(--black)}.process__step.is-active .process__dot{background:var(--black);border-color:var(--black)}.process__title{margin-top:32px;font-size:clamp(20px,2vw,26px);font-weight:500;letter-spacing:-.03em}.process__text{margin-top:8px;font-size:13px;color:var(--muted)}@media(max-width:900px){.process{grid-template-columns:minmax(0,1fr);padding:0 0 0 28px}.process__rail{top:0;bottom:0;left:5px;right:auto;width:1px;height:auto}.process__fill{transform:scaleY(0);transform-origin:top}.process__dot{top:26px;left:-28px}}.quote-band{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding:clamp(28px,5vw,56px);background:#f8f8f8c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius)}.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}.contact__title{font-size:clamp(36px,5.6vw,72px);font-weight:500;line-height:1;letter-spacing:-.045em}.contact__direct{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}@media(max-width:900px){.contact__grid{grid-template-columns:minmax(0,1fr)}}.panel{background:#f7f7f7e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #d5d5d5;border-radius:var(--radius);padding:clamp(22px,3vw,32px)}.form{display:grid;gap:16px}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:560px){.form__row{grid-template-columns:minmax(0,1fr)}}.form__heading{font-size:20px;font-weight:500;letter-spacing:-.02em}.form__note{font-size:13px;color:var(--muted);margin-top:-8px}.field{display:grid;gap:6px}.field>span{font-size:12px;font-weight:500;color:#1f1f1f}.field input,.field textarea{width:100%;padding:11px 12px;background:var(--white);border:1px solid var(--line-2);border-radius:var(--radius);font-size:14px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:110px}.field input::placeholder,.field textarea::placeholder{color:#9c9c9c}.field input:focus,.field textarea:focus{border-color:var(--black);box-shadow:0 0 0 3px #0f0f100f}.field.is-invalid input,.field.is-invalid textarea{border-color:var(--danger)}.form__status{min-height:1.2em;font-size:13px;text-align:center}.form__status.is-error{color:var(--danger)}.form__status.is-ok{color:var(--ink)}.project{padding:14px}.project__media{overflow:hidden;border-radius:var(--radius);border:1px solid #dedede;background:var(--white);aspect-ratio:16 / 9}.project__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .8s var(--ease)}.project:hover .project__media img{transform:scale(1.06)}.project .eyebrow{margin-top:16px;font-size:10px;letter-spacing:.18em;color:var(--muted)}.project .orbit-card__title{margin-top:6px;font-size:18px}.project .orbit-card__link{margin-top:14px}.steps{counter-reset:step}.step{padding:24px}.step__num{width:40px;height:40px;display:grid;place-items:center;background:var(--black);color:var(--white);border-radius:50%;font-size:14px}.step .orbit-card__title{margin-top:22px}.faq{display:grid;gap:8px;max-width:880px;margin:0 auto}.faq__item{background:var(--surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius)}.faq__q{width:100%;text-align:left;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:16px;font-weight:500;letter-spacing:-.01em}.faq__icon{position:relative;width:12px;height:12px;flex:none}.faq__icon:before,.faq__icon:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:currentColor;transition:transform .4s var(--ease)}.faq__icon:after{transform:rotate(90deg)}.faq__item.is-open .faq__icon:after{transform:rotate(0)}.faq__a{overflow:hidden}.js .faq__a{height:0}.js .faq__item.is-open .faq__a{height:auto}.faq__a p{padding:0 22px 22px;font-size:14px;color:var(--muted);max-width:70ch}.cta-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}@media(max-width:900px){.cta-split{grid-template-columns:minmax(0,1fr)}}.article{max-width:760px;margin:0 auto}.article__title{font-size:clamp(32px,5vw,56px);font-weight:500;line-height:1.05;letter-spacing:-.04em;margin-top:18px}.prose{font-size:16px;color:#333}.prose>section{padding:36px 0;border-top:1px solid var(--line)}.prose h2{font-size:clamp(22px,2.6vw,28px);font-weight:500;letter-spacing:-.02em;color:var(--ink);margin-bottom:14px}.prose h3{font-size:18px;font-weight:500;color:var(--ink);margin:26px 0 10px}.prose p+p,.prose ul+p,.prose ol+p,.prose p+ul,.prose p+ol{margin-top:12px}.prose ul,.prose ol{padding-left:20px;color:var(--muted-2);display:grid;gap:6px}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose em{font-style:italic}.toc-progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:61;background:var(--black);transform:scaleX(0);transform-origin:left}.notfound{min-height:100vh;min-height:100svh;display:grid;place-items:center;text-align:center;padding:calc(var(--nav-h) + 40px) var(--gutter) 80px}.notfound__code{font-size:clamp(120px,26vw,320px);font-weight:500;line-height:.85;letter-spacing:-.07em}.notfound__text{margin:18px auto 28px;max-width:36ch;font-size:16px;color:var(--muted)}.footer{border-top:1px solid #d5d5d5;background:var(--bg);padding-top:clamp(56px,8vw,96px);overflow:hidden}.footer__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}.footer__pitch{margin:14px 0 22px;max-width:34ch;font-size:15px;color:var(--muted)}.footer__col{display:grid;align-content:start;gap:10px;font-size:13px;color:var(--muted-2)}.footer__col .eyebrow{margin-bottom:6px}.footer__col a{width:fit-content;transition:color .2s}.footer__col a:hover{color:var(--black)}.footer__wordmark{margin-top:clamp(48px,8vw,96px);font-size:clamp(40px,12.6vw,172px);font-weight:500;letter-spacing:-.065em;line-height:1;white-space:nowrap;color:var(--black);-webkit-user-select:none;user-select:none}.footer__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0 28px;margin-top:18px;border-top:1px solid #d5d5d5;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#202020}.footer__top-link{font-size:inherit;letter-spacing:inherit;text-transform:inherit;font-weight:inherit}.footer__top-link:hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:900px){.footer__top{grid-template-columns:1fr 1fr}.footer__intro{grid-column:1 / -1}}.js [data-fade],.js [data-reveal]{opacity:0}.js [data-stagger]>*{opacity:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.js [data-fade],.js [data-reveal],.js [data-stagger]>*{opacity:1}.marquee__track{animation:none}}.prose__block+.prose__block{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.prose__block h3{margin-top:0}.article .quote-band{margin-top:48px}.section__links{display:flex;gap:20px;flex-wrap:wrap}.game{position:relative;overflow:hidden;height:clamp(460px,72vh,680px);background:#f6f6f6b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.game:focus-visible{outline:2px solid var(--black);outline-offset:3px}.game__canvas{display:block;width:100%;height:100%;cursor:pointer}.game__hud{position:absolute;top:20px;left:0;right:0;pointer-events:none;display:grid;justify-items:center;gap:2px}.game__score{font-size:clamp(48px,7vw,84px);font-weight:500;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.game__score.is-bump{animation:bump .35s var(--ease)}@keyframes bump{40%{transform:scale(1.14)}}.game__best{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-3)}.game__combo{position:absolute;top:46%;left:50%;transform:translate(-50%);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;background:var(--black);color:var(--white);padding:6px 10px;border-radius:var(--radius);opacity:0;pointer-events:none}.game__combo.is-on{animation:combo 1s var(--ease) forwards}@keyframes combo{0%{opacity:0;transform:translate(-50%,10px)}20%{opacity:1;transform:translate(-50%)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-24px)}}.game__screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;text-align:center;background:#ececec9e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game__screen[hidden]{display:none}.game__title{font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:-.04em;line-height:1.05}.game__text{max-width:44ch;font-size:14px;color:var(--muted);margin-bottom:8px}.game kbd{font:inherit;font-size:12px;padding:1px 6px;border:1px solid var(--line-3);border-bottom-width:2px;border-radius:3px;background:var(--white)}.game__toast{position:absolute;left:16px;bottom:16px;z-index:1;display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:10px 14px 10px 10px;background:var(--white);border:1px solid var(--black);border-radius:var(--radius);box-shadow:0 10px 30px #00000014;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .35s,transform .5s var(--ease)}.game__toast.is-on{opacity:1;transform:none}.game__toast img{width:64px;height:40px;object-fit:cover;border-radius:var(--radius)}.game__toast .eyebrow{font-size:9px}.game__toast-title{font-size:15px;font-weight:500}.game__toast-cat{font-size:11px;color:var(--muted)}.collection{margin-top:20px}.collection__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.collection__count{font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted-2)}.collection__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}@media(max-width:900px){.collection__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.collect{display:grid;gap:6px;align-content:start;font-size:11px;color:var(--muted-3)}.collect>img,.collect__lock{aspect-ratio:16 / 10;width:100%;border-radius:var(--radius);border:1px dashed var(--line-3)}.collect__lock{display:grid;place-items:center;font-size:13px;letter-spacing:.1em;background:#f6f6f699}.collect.is-open{color:var(--ink)}.collect.is-open>img{object-fit:cover;border:1px solid var(--line);transition:transform .5s var(--ease)}.collect.is-open:hover>img{transform:translateY(-3px)}.collect.is-fresh>img{animation:fresh .9s var(--ease)}@keyframes fresh{0%{transform:scale(.6) rotate(-6deg);opacity:0}60%{transform:scale(1.06);opacity:1}}