picture[data-mh]{display:contents}
x-lost{display:contents}@scope (x-lost) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){.lost{display:grid;justify-items:center;align-content:center;min-height:70svh;padding:var(--space-2xl) var(--gutter);text-align:center}.code{font:700 var(--text-2xl) / 1 var(--font-display);color:transparent;-webkit-text-stroke:2px var(--color-accent);margin-bottom:var(--space-s)}h1{font-size:var(--text-xl)}p{color:var(--color-text-muted);margin-bottom:var(--space-xl)}}
x-footer{display:contents}@scope (x-footer) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){footer{position:relative;margin-top:var(--space-section);padding:var(--space-2xl) var(--gutter) var(--space-xl);background:var(--color-bg-sunken);border-top:var(--border);text-align:center}.peek{position:absolute;left:50%;bottom:100%;width:9rem;height:6.25rem;translate:-50% 0;overflow:clip;pointer-events:none}button{display:block;width:100%;height:100%;padding:0;background:transparent;box-shadow:none;border-radius:50% 50% 0 0;pointer-events:auto;translate:none}button:hover,button:active{background:transparent;box-shadow:none;translate:none}svg{display:block;width:100%;height:auto}.signoff{font:var(--weight-display) var(--text-l) / 1.2 var(--font-display);margin-bottom:var(--space-xs)}.reach{margin-bottom:var(--space-l);font-weight:var(--weight-strong)}.social{display:flex;justify-content:center;gap:var(--space-s);margin:0 0 var(--space-l);padding:0;list-style:none}.social a{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:var(--border);border-radius:var(--radius-pill);background:var(--color-bg-raised);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),translate var(--duration-fast) var(--ease-out)}.social a:hover{color:var(--color-accent-text);border-color:var(--color-accent-text);translate:0 -2px}.social svg{width:1.25rem;height:1.25rem;animation:none}.small{margin:0;font-size:var(--text-s);color:var(--color-text-muted)}@supports (animation-timeline:view()){svg{animation:footer-peek-up linear backwards;animation-timeline:view();animation-range:entry 0% entry 100%}}@keyframes footer-peek-up{from{translate:0 100%}}}
x-contact{display:contents}@scope (x-contact) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){.contact{position:relative;isolation:isolate;display:grid;justify-items:center;min-height:100svh;padding:var(--space-xl) var(--gutter) var(--space-2xl);overflow:hidden;text-align:center}.home{display:block;width:min(13rem,55vw);margin-bottom:var(--space-2xl);color:var(--color-ink)}.home svg{display:block;width:100%;height:auto}header{max-width:var(--measure);margin-bottom:var(--space-l)}h1{font-size:var(--text-xl);margin-bottom:var(--space-xs)}h1 em{font-style:normal;color:var(--color-accent-text)}.lede{margin:0;font-size:var(--text-l);color:var(--color-text-muted)}.desk{position:relative;width:min(100%,44rem);margin-top:5.5rem}.note{text-align:left;rotate:-1deg;animation:land var(--duration-slow) var(--ease-out) backwards}.greeting{margin-bottom:var(--space-m);font:var(--weight-display) var(--text-l) / 1.2 var(--font-display)}.line{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-xs) var(--space-s);margin-bottom:var(--space-s);font-size:var(--text-l)}.line + fieldset{margin-top:var(--space-l)}.line label{display:inline;margin:0;font:inherit;font-family:var(--font-body)}.line input{flex:1 1 11rem;width:auto;padding:var(--space-2xs) var(--space-2xs);border:0;border-bottom:2px dashed var(--color-border);border-radius:0;background:transparent;font:var(--weight-display) var(--text-l) / 1.3 var(--font-display);color:var(--color-accent-text)}.line input:hover{border-bottom-color:var(--color-accent)}.line input:focus-visible{border-bottom:2px solid var(--color-accent-text);outline:none;background:var(--color-glow)}.line input:user-invalid{border-bottom-color:var(--color-danger)}fieldset{margin:0 0 var(--space-l);padding:0;border:0}legend{float:left;margin:0 var(--space-s) var(--space-xs) 0;padding:var(--space-xs) 0;font-size:var(--text-l)}@media (width < 34rem){legend{float:none}}.choices{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-s)}.choices label{position:relative;display:inline-flex;align-items:center;gap:var(--space-xs);margin:0;padding:var(--space-xs) var(--space-m);border:2px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),translate var(--duration-fast) var(--ease-spring)}.choices label:hover{border-color:var(--color-accent);translate:0 -2px}.choices label:has(:checked){border-color:var(--color-accent-text);background:var(--color-accent);color:var(--color-on-accent)}.choices label:has(:focus-visible){outline:var(--focus-ring);outline-offset:3px}.choices input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.tip{clear:both;display:none;margin:0;color:var(--color-text-muted)}fieldset:has([value="Player feedback"]:checked) .tip[data-for="Player feedback"],fieldset:has([value="Bug report"]:checked) .tip[data-for="Bug report"],fieldset:has([value="Business"]:checked) .tip[data-for="Business"]{display:block;animation:rise var(--duration-m) var(--ease-out)}textarea{min-height:12rem;margin-bottom:var(--space-l);padding:0 var(--space-xs);border:0;border-radius:0;background:repeating-linear-gradient(transparent 0 calc(1.7em - 1px),var(--color-border) calc(1.7em - 1px) 1.7em) 0 0 / 100% 1.7em local;line-height:1.7;font-size:var(--text-m)}textarea:focus-visible{outline:var(--focus-ring);outline-offset:6px;border-radius:var(--radius-s)}.sign{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-m)}.sign button{margin-left:auto;font-size:var(--text-l);padding:var(--space-s) var(--space-xl)}.gotcha{position:absolute;left:-9999px}.cf-turnstile:empty{display:none}@keyframes land{from{opacity:0;translate:0 2rem;rotate:-4deg}}}
x-doodles{display:contents}@scope (x-doodles) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){.doodles{position:absolute;inset:0;z-index:-1;pointer-events:none}canvas{display:block;width:100%;height:100%;color:var(--color-doodle);mask-image:radial-gradient(ellipse 38% 32% at 50% 48%,rgb(0 0 0 / 0.25),#000)}.set{color:var(--color-doodle-lit)}}
x-peek{display:contents}@scope (x-peek) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){.peek{position:absolute;left:50%;bottom:calc(100% - 4.1rem);z-index:-1;width:9.5rem;translate:-50% 0;animation:sheet-peek-up var(--duration-slow) var(--ease-spring) 0.4s backwards}button,button:hover,button:active{display:block;width:100%;padding:0;background:transparent;box-shadow:none;translate:none}svg{display:block;width:100%;height:auto}@keyframes sheet-peek-up{from{translate:-50% 70%}}}
x-sent{display:contents}@scope (x-sent) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){.sent{display:grid;justify-items:center;align-content:center;min-height:70svh;padding:var(--space-2xl) var(--gutter);text-align:center}h1{font-size:var(--text-xl)}p:not(.eyebrow){max-width:var(--measure);color:var(--color-text-muted);margin-bottom:var(--space-xl)}}
x-games-index{display:contents}@scope (x-games-index) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){.index{position:relative;isolation:isolate;display:grid;justify-items:center;align-content:start;min-height:100svh;padding:var(--space-xl) var(--gutter) var(--space-2xl);overflow:hidden;text-align:center}.home{display:block;width:min(13rem,55vw);margin-bottom:var(--space-2xl);color:var(--color-ink)}.home svg{display:block;width:100%;height:auto}header{max-width:var(--measure);margin-bottom:var(--space-2xl)}h1{font-size:var(--text-xl);margin-bottom:var(--space-xs)}.lede{margin:0;font-size:var(--text-l);color:var(--color-text-muted)}.shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),30rem));justify-content:center;gap:var(--space-xl);width:min(100%,var(--width));margin:0;padding:0;list-style:none}.shelf li{animation:games-land var(--duration-slow) var(--ease-out) backwards}.shelf li:nth-child(2){animation-delay:120ms}.shelf li:nth-child(3){animation-delay:240ms}@keyframes games-land{from{opacity:0;translate:0 2rem;rotate:-3deg}}}
x-game-card{display:contents}@scope (x-game-card) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){.card{position:relative;display:flex;flex-direction:column;height:100%;overflow:clip;border:var(--border);border-radius:var(--radius-l);background:var(--color-bg-raised);box-shadow:var(--shadow-raised);color:var(--color-text);text-decoration:none;transition:translate var(--duration-m) var(--ease-spring),rotate var(--duration-m) var(--ease-spring),border-color var(--duration-m) var(--ease-out)}.card:hover{translate:0 -8px;rotate:-1.2deg;border-color:var(--color-accent)}.banner{display:block;aspect-ratio:1024 / 500;overflow:hidden;border-bottom:var(--border)}.banner img{display:block;width:100%;height:100%;object-fit:cover;transition:scale var(--duration-slow) var(--ease-out)}.card:hover .banner img{scale:1.05}.tag{position:absolute;top:var(--space-m);right:var(--space-m);rotate:4deg;box-shadow:0 3px 0 rgb(0 0 0 / 0.35)}.body{display:grid;justify-items:center;flex:1;padding:0 var(--space-l) var(--space-xl);text-align:center}.icon{width:6rem;height:6rem;margin:-3rem 0 var(--space-m);border:4px solid var(--color-bg-raised);border-radius:26%;box-shadow:var(--shadow-pop);rotate:-6deg;transition:rotate var(--duration-m) var(--ease-spring),scale var(--duration-m) var(--ease-spring)}.card:hover .icon{rotate:7deg;scale:1.1}h2,h3{font-size:var(--text-l);margin-bottom:var(--space-xs)}p{max-width:26rem;margin-bottom:var(--space-l);color:var(--color-text-muted)}.descriptor{margin-bottom:var(--space-xs);font:var(--weight-display) var(--text-s) / 1.3 var(--font-display);letter-spacing:0.08em;text-transform:uppercase}.go{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:auto;font:var(--weight-display) var(--text-m) / 1 var(--font-display);color:var(--color-accent-text)}.go svg{transition:translate var(--duration-m) var(--ease-spring)}.card:hover .go svg{translate:6px 0}}
x-hero{display:contents}@scope (x-hero) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){.hero{--my:40%;--lantern-size:20rem;position:relative;isolation:isolate;display:grid;place-items:center;min-height:100svh;padding:var(--space-2xl) var(--gutter);overflow:hidden}.hero::after{content:"";position:absolute;left:50%;top:42%;z-index:-3;width:min(70rem,140vw);aspect-ratio:2 / 1;translate:-50% -50%;background:radial-gradient(closest-side,var(--color-glow),transparent);animation:breathe 6s ease-in-out infinite}.stage{display:grid;justify-items:center;width:min(100%,60rem);text-align:center}x-logo{display:block;width:100%;margin-bottom:var(--space-xl)}.tagline{font:var(--weight-display) var(--text-xl) / var(--leading-tight) var(--font-display);margin-bottom:var(--space-s);animation:rise var(--duration-slow) var(--ease-out) 1.5s backwards}.tagline em{font-style:normal;color:var(--color-accent-text)}.pitch{max-width:var(--measure);font-size:var(--text-l);color:var(--color-text-muted);margin-bottom:var(--space-xl);animation:rise var(--duration-slow) var(--ease-out) 1.65s backwards}.button{animation:rise var(--duration-slow) var(--ease-out) 1.8s backwards}.scroll-cue{position:absolute;bottom:var(--space-l);left:50%;translate:-50% 0;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-l);animation:nudge 2.2s ease-in-out 2.4s infinite}.scroll-cue:hover{color:var(--color-accent-text)}@keyframes breathe{0%,100%{opacity:0.75;scale:1}50%{opacity:1;scale:1.08}}@keyframes nudge{0%,100%{translate:-50% 0}50%{translate:-50% 8px}}}
x-logo{display:contents}@scope (x-logo) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){.logo{position:relative;color:var(--color-ink)}svg{display:block;width:100%;height:auto;overflow:visible}.poke-target{position:absolute;left:3%;top:6%;width:15%;height:72%;padding:0;border-radius:45%;background:transparent;box-shadow:none;translate:none}.poke-target:hover,.poke-target:active{background:transparent;box-shadow:none;translate:none}.letter{animation:letter-drop 900ms var(--ease-bounce) backwards;transition:translate var(--duration-m) var(--ease-spring)}.letter:hover{translate:0 -28px}.letter:nth-child(1){animation-delay:100ms}.letter:nth-child(2){animation-delay:160ms}.letter:nth-child(3){animation-delay:220ms}.letter:nth-child(4){animation-delay:280ms}.letter:nth-child(5){animation-delay:340ms}.letter:nth-child(6){animation-delay:400ms}.letter:nth-child(7){animation-delay:460ms}.letter:nth-child(8){animation-delay:520ms}.letter:nth-child(9){animation-delay:580ms}.letter:nth-child(10){animation-delay:640ms}.dot{animation:dot-hop 6s ease-in-out 2.4s infinite}.letter:nth-child(4) .dot{animation-delay:2.55s}.letter:nth-child(9) .dot{animation-delay:2.7s}.goblin,.hands{transform-box:view-box;transform-origin:240px 355px}.goblin{animation:goblin-rise 750ms var(--ease-spring) 700ms backwards,goblin-sway 5s ease-in-out 1.6s infinite}.hands{animation:hands-grab 380ms var(--ease-spring) 1.15s backwards,goblin-sway 5s ease-in-out 1.6s infinite}.ear-l{animation:ear-twitch 7s ease-in-out 2s infinite}.ear-r{animation:ear-twitch 7s ease-in-out 4.6s infinite}.tm{animation:fade-in var(--duration-slow) ease 1.4s backwards}@keyframes letter-drop{from{translate:0 -520px}}@keyframes dot-hop{0%,82%,100%{translate:0 0}87%{translate:0 -46px}92%{translate:0 0}95%{translate:0 -10px}}@keyframes goblin-rise{from{scale:0.5 0}}@keyframes hands-grab{from{opacity:0;translate:0 40px}}@keyframes goblin-sway{0%,100%{rotate:0deg}30%{rotate:-1.4deg}70%{rotate:1.2deg}}@keyframes ear-twitch{0%,86%,100%{rotate:0deg}89%{rotate:-12deg}92%{rotate:7deg}95%{rotate:-4deg}}@keyframes fade-in{from{opacity:0}}}
x-games{display:contents}@scope (x-games) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){.games{position:relative;isolation:isolate;display:grid;justify-items:center;max-width:var(--width);margin:0 auto;padding:var(--space-section) var(--gutter);text-align:center;scroll-margin-top:var(--space-l)}.games::before{content:"";position:absolute;left:50%;top:55%;z-index:-1;width:min(64rem,130vw);aspect-ratio:2 / 1;translate:-50% -50%;background:radial-gradient(closest-side,var(--color-glow),transparent);pointer-events:none}header{max-width:var(--measure);margin-bottom:var(--space-2xl)}.lede{font-size:var(--text-l);color:var(--color-text-muted)}.shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),30rem));justify-content:center;gap:var(--space-xl);width:100%;margin:0 0 var(--space-2xl);padding:0;list-style:none}@supports (animation-timeline:view()){header,li{animation:rise linear backwards;animation-timeline:view();animation-range:entry 10% entry 70%}li:nth-child(2n){animation-range:entry 20% entry 80%}}}
x-pillars{display:contents}@scope (x-pillars) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){.pillars{max-width:var(--width);margin:0 auto;padding:var(--space-section) var(--gutter);scroll-margin-top:var(--space-l)}header{max-width:var(--measure);margin-bottom:var(--space-2xl)}.lede{font-size:var(--text-l);color:var(--color-text-muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--space-l)}article{padding:var(--space-xl) var(--space-l);border:var(--border);border-radius:var(--radius-l);background:var(--color-bg-raised);box-shadow:var(--shadow-raised);transition:translate var(--duration-m) var(--ease-spring),rotate var(--duration-m) var(--ease-spring),border-color var(--duration-m) var(--ease-out)}article:hover{translate:0 -8px;rotate:-1.5deg;border-color:var(--color-accent)}article:nth-child(2):hover{rotate:1.5deg}article p{margin:0;color:var(--color-text-muted)}.badge{display:grid;place-items:center;width:3.25rem;height:3.25rem;margin-bottom:var(--space-l);border-radius:42% 58% 55% 45% / 50% 45% 55% 50%;background:var(--color-accent);color:var(--color-on-accent);font-size:1.5rem;transition:rotate var(--duration-m) var(--ease-spring)}article:hover .badge{rotate:12deg}@supports (animation-timeline:view()){header,article{animation:rise linear backwards;animation-timeline:view();animation-range:entry 10% entry 70%}article:nth-child(2){animation-range:entry 20% entry 80%}article:nth-child(3){animation-range:entry 30% entry 90%}}}
x-marquee{display:contents}@scope (x-marquee) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){.marquee{rotate:-2.5deg;margin:var(--space-xl) -2rem;padding:var(--space-m) 0;background:var(--color-accent);color:var(--color-on-accent);overflow:hidden;box-shadow:var(--shadow-pop)}.track{display:flex;width:max-content;animation:slide 28s linear infinite}.marquee:hover .track{animation-play-state:paused}p{margin:0;padding-right:0.6em;font:700 var(--text-xl) / 1 var(--font-display);text-transform:uppercase;letter-spacing:0.02em;white-space:nowrap}span{display:inline-block;margin:0 0.35em;color:var(--color-bg);font-size:0.6em;vertical-align:middle}@keyframes slide{to{translate:-50% 0}}}
x-principles{display:contents}@scope (x-principles) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){.principles{max-width:var(--width);margin:0 auto;padding:var(--space-section) var(--gutter)}header{margin-bottom:var(--space-2xl)}ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:var(--space-xl) var(--space-2xl);margin:0;padding:0;list-style:none;counter-reset:rule}li{position:relative;padding-top:var(--space-l);border-top:2px solid var(--color-border);counter-increment:rule}li::before{content:counter(rule,decimal-leading-zero);display:block;margin-bottom:var(--space-s);font:700 var(--text-2xl) / 1 var(--font-display);color:transparent;-webkit-text-stroke:2px var(--color-accent);transition:color var(--duration-m) var(--ease-out),translate var(--duration-m) var(--ease-spring)}li:hover::before{color:var(--color-accent);translate:6px 0}li p{margin:0;color:var(--color-text-muted)}@supports (animation-timeline:view()){li{animation:rise linear backwards;animation-timeline:view();animation-range:entry 10% entry 70%}}}
x-spec{display:contents}@scope (x-spec) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){.spec{max-width:var(--width);margin:0 auto;padding:var(--space-2xl) var(--gutter)}h2{margin-top:var(--space-2xl)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--space-m);padding:0;list-style:none}.swatches li{padding:var(--space-2xl) var(--space-m) var(--space-s);border:var(--border);border-radius:var(--radius-m);font-size:var(--text-s);background:var(--color-bg-raised)}.swatches li::before{content:"";display:block;height:2rem;margin:calc(-1 * var(--space-xl)) 0 var(--space-s);border-radius:var(--radius-s);border:var(--border)}.bg::before{background:var(--color-bg)}.raised::before{background:var(--color-bg-raised)}.sunken::before{background:var(--color-bg-sunken)}.text::before{background:var(--color-text)}.muted::before{background:var(--color-text-muted)}.border::before{background:var(--color-border)}.accent::before{background:var(--color-accent)}.accent-text::before{background:var(--color-accent-text)}.row{display:flex;flex-wrap:wrap;gap:var(--space-m)}}
x-game{display:contents}@scope (x-game) to (:scope :is(x-base,x-contact,x-doodles,x-footer,x-game,x-game-card,x-games,x-games-index,x-hero,x-logo,x-lost,x-marquee,x-peek,x-pillars,x-principles,x-sent,x-spec)>*){.scene{position:relative;isolation:isolate;display:grid;justify-items:center;padding:var(--space-xl) var(--gutter) var(--space-l);overflow:hidden;text-align:center}.scene::after{content:"";position:absolute;left:50%;top:22rem;z-index:-3;width:min(60rem,140vw);aspect-ratio:2 / 1;translate:-50% -50%;background:radial-gradient(closest-side,var(--color-glow),transparent);animation:game-breathe 6s ease-in-out infinite}.home{display:block;width:min(13rem,55vw);margin-bottom:var(--space-xl);color:var(--color-ink)}.home svg{display:block;width:100%;height:auto}.back{display:inline-flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xl);padding:var(--space-2xs) var(--space-m);border:2px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);font:var(--weight-display) var(--text-s) / 1.4 var(--font-display);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-out),translate var(--duration-fast) var(--ease-spring)}.back:hover{border-color:var(--color-accent);translate:-3px 0}.hero{display:grid;justify-items:center;align-items:center;gap:var(--space-xl);width:min(100%,64rem)}.pitch{display:grid;justify-items:center}@media (width>= 60rem){.hero:has(.clips){grid-template-columns:1fr minmax(0,34rem);justify-items:stretch;text-align:left}.hero:has(.clips) .pitch{justify-items:start}.hero:has(.clips) .stores{justify-content:flex-start}}.tag{margin-bottom:var(--space-m);rotate:-2deg;animation:rise var(--duration-slow) var(--ease-out) 0.5s backwards}h1{max-width:16ch;font-size:var(--text-xl);margin-bottom:var(--space-s);animation:rise var(--duration-slow) var(--ease-out) 0.6s backwards}h1.logo{width:min(100%,26rem);max-width:none;margin-bottom:var(--space-m)}h1.logo img{display:block;width:100%;height:auto}.descriptor{margin-bottom:var(--space-xs);font:var(--weight-display) var(--text-s) / 1.3 var(--font-display);letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-muted);animation:rise var(--duration-slow) var(--ease-out) 0.65s backwards}.tagline{margin-bottom:var(--space-xs);font:var(--weight-display) var(--text-l) / 1.3 var(--font-display);color:var(--color-accent-text);animation:rise var(--duration-slow) var(--ease-out) 0.7s backwards}.lede{max-width:var(--measure);margin-bottom:var(--space-xl);color:var(--color-text-muted);animation:rise var(--duration-slow) var(--ease-out) 0.8s backwards}.stores{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-m);margin-bottom:var(--space-m);animation:rise var(--duration-slow) var(--ease-out) 0.9s backwards}.note{margin:0;font-size:var(--text-s);color:var(--color-text-muted)}.clips{display:flex;justify-content:center;gap:var(--space-xl);width:100%;margin:0;padding:0 0 var(--space-m);list-style:none}.clips li{flex:0 1 17rem;min-width:0;rotate:-2deg;transition:rotate var(--duration-m) var(--ease-spring),translate var(--duration-m) var(--ease-spring);animation:rise var(--duration-slow) var(--ease-out) 1s backwards}.clips li:nth-child(2n){rotate:2deg;translate:0 var(--space-m)}.clips li:hover{rotate:0deg;translate:0 -8px}.clips figure{margin:0}.clips video{display:block;width:100%;height:auto;aspect-ratio:720 / 1280;padding:var(--space-xs);border:var(--border);border-radius:var(--radius-l);background:var(--color-bg-raised);box-shadow:var(--shadow-raised);object-fit:cover;transition:border-color var(--duration-m) var(--ease-out)}.clips li:hover video{border-color:var(--color-accent)}.clips figcaption{margin-top:var(--space-s);font:var(--weight-display) var(--text-s) / 1 var(--font-display);letter-spacing:0.14em;text-transform:uppercase;color:var(--color-accent-text)}@media (width < 40rem){.clips{gap:var(--space-m)}}.shots{display:grid;grid-template-columns:repeat(4,minmax(0,13.5rem));justify-content:center;gap:var(--space-l);width:100%;margin:var(--space-xl) 0 0;padding:var(--space-l) 0 var(--space-xl);list-style:none}@media (width < 48rem){.shots{grid-template-columns:repeat(2,minmax(0,13.5rem));gap:var(--space-m)}}.shots li{padding:var(--space-xs);border:var(--border);border-radius:var(--radius-l);background:var(--color-bg-raised);box-shadow:var(--shadow-raised);rotate:-2deg;transition:rotate var(--duration-m) var(--ease-spring),translate var(--duration-m) var(--ease-spring),border-color var(--duration-m) var(--ease-out)}.shots li:nth-child(2n){rotate:2deg;translate:0 var(--space-m)}.shots li:hover{rotate:0deg;translate:0 -8px;border-color:var(--color-accent)}.shots img{display:block;width:100%;height:auto;border-radius:var(--radius-m)}.about{position:relative;isolation:isolate;display:grid;justify-items:center;padding:0 var(--gutter)}.desk{position:relative;width:min(100%,44rem);margin-top:7rem}.sheet{text-align:left;rotate:-1deg}@media (width < 40rem){.sheet{rotate:-0.25deg}}.text h2{margin:var(--space-xl) 0 var(--space-s);font-size:var(--text-l)}.text ul{padding:0;list-style:none}.text li{position:relative;margin-bottom:var(--space-xs);padding-left:1.5em}.text li::before{content:"✦";position:absolute;left:0;color:var(--color-accent-text)}.sign{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-m);margin-top:var(--space-xl)}.more{display:grid;justify-items:center;max-width:var(--width);margin:0 auto;padding:var(--space-section) var(--gutter) 0;text-align:center}.more ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),30rem));justify-content:center;gap:var(--space-xl);width:100%;margin:var(--space-l) 0 var(--space-2xl);padding:0;list-style:none}@keyframes game-breathe{0%,100%{opacity:0.75;scale:1}50%{opacity:1;scale:1.08}}}