:root{--paper:#eeeae1;--ink:#191a17;--lime:#c2f627;--line:#bdbbb1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #7760c0;outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}.skip{position:absolute;left:16px;top:-100px;background:var(--lime);padding:15px;z-index:9}.skip:focus{top:12px}.nav{padding:25px 4%;display:flex;align-items:center;justify-content:space-between}.home{font-weight:900;font-size:19px;letter-spacing:-.7px;display:flex;gap:10px;align-items:center}.dot{display:inline-block;width:17px;height:17px;border:5px solid var(--ink);background:var(--lime);border-radius:50%}.nav nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:bold}.nav-cta{border:1px solid;padding:12px 19px;border-radius:30px}.nav-cta span{margin-left:22px}.hero{padding:25px 4% 20px}.hero-top,.hero-bottom{display:flex;justify-content:space-between;gap:20px;font:10px/1.5 monospace;letter-spacing:1px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:5%;min-height:580px}.brand{position:relative}.brand img{display:block;width:118%;height:auto;margin-left:-9%;mix-blend-mode:multiply}.sticker{position:absolute;right:0;bottom:6%;background:var(--lime);border:1px solid;padding:18px 25px;font-weight:900;font-size:16px;line-height:1.1;transform:rotate(-9deg);box-shadow:4px 4px 0 var(--ink)}.eyebrow{font:11px/1.5 monospace;letter-spacing:1.4px;font-weight:bold}h1{font-size:clamp(42px,5.3vw,82px);line-height:.98;letter-spacing:-4px;margin:26px 0}em{font-family:Georgia,serif;font-weight:normal}.intro>p:not(.eyebrow){font-size:17px;line-height:1.6;max-width:380px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--ink);color:var(--paper);padding:18px 24px;border-radius:2px;font-size:14px;font-weight:bold;margin:14px 0}.button span{font-size:23px}.ticker{display:flex;justify-content:space-around;gap:30px;overflow:hidden;white-space:nowrap;background:var(--lime);border-block:1px solid;font-size:clamp(24px,3.5vw,52px);font-weight:900;letter-spacing:-2px;padding:18px 0}.ticker b{font-weight:normal}.collection,.how,.future,.play{padding:80px 6%}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-heading>p:last-child{font-size:16px;line-height:1.5}.game{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid}.game-art{position:relative;background:#b4a3ce;min-height:510px;display:flex;justify-content:center;align-items:center;padding:65px 28px}.issue{position:absolute;top:24px;left:24px;font:11px monospace}.credential{background:#e8e4cc;border:2px solid;width:290px;padding:20px;transform:rotate(-9deg);box-shadow:10px 12px 0 #191a17;position:relative}.credential-top{font:10px monospace;display:flex;justify-content:space-between;border-bottom:1px solid;padding-bottom:12px}.credential-top span{font-size:30px}.seal{font-size:44px;border:3px double;width:80px;height:80px;text-align:center;line-height:70px;border-radius:50%;margin:18px 0}.credential>p{font-weight:900;font-size:29px;letter-spacing:-1px;line-height:1;margin:18px 0}.credential-bottom{font:8px/2 monospace;border-top:1px solid;padding-top:12px}.credential-bottom span{letter-spacing:1px}.art-caption{position:absolute;bottom:23px;left:24px;right:20px;font:9px monospace;letter-spacing:1px}.game-copy{padding:46px}.pill{display:inline-block;border:1px solid;border-radius:20px;padding:8px 12px;font:9px monospace;margin:0}h2{font-size:clamp(38px,4.5vw,64px);line-height:1;letter-spacing:-2.5px;margin:24px 0}.game-copy h2{position:relative}.game-copy h2 span{float:right;font-weight:normal}.game-copy>p:not(.pill){line-height:1.6;font-size:18px}.game-copy>p.secondary{font-size:14px;color:#4e5048}.facts{display:flex;flex-wrap:wrap;gap:13px;font:9px monospace;border-block:1px solid var(--line);padding:18px 0;margin:26px 0}.text-link{display:flex;justify-content:space-between;font-size:14px;font-weight:bold}.how{background:var(--ink);color:var(--paper)}.how>.eyebrow{color:var(--lime)}.how h2{margin-bottom:55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps article{border-top:1px solid #686962;padding-top:22px}.steps span{font:11px monospace;color:var(--lime)}h3{font-size:23px;margin:25px 0 15px;letter-spacing:-.7px}.steps p{font-size:14px;line-height:1.7;color:#c5c4bb}.future{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;border-bottom:1px solid}.future p{line-height:1.6}.small{font-size:12px!important;line-height:1.6}.idea-list{align-self:center}.idea-list>span{display:flex;align-items:center;gap:16px;padding:30px 0;border-bottom:1px solid;font-size:14px;font-weight:900}.idea-list b{font:10px monospace}.idea-list i{font:8px monospace;margin-left:auto;border:1px solid;border-radius:20px;padding:7px}.play{text-align:center;background:var(--lime)}.play h2{font-size:clamp(45px,6vw,84px)}.play>p:not(.eyebrow){max-width:500px;margin:22px auto;line-height:1.6;font-size:16px}.play details{max-width:500px;margin:30px auto 0;border-top:1px solid;padding-top:20px;text-align:left;font-size:14px;line-height:1.7}.play summary{cursor:pointer;font-weight:bold}footer{padding:30px 4%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p{font-size:12px}footer>a:last-child{font:10px monospace}@media(min-width:1600px){body{max-width:1800px;margin:auto;border-inline:1px solid}}@media(max-width:800px){.hero-grid{min-height:480px;gap:3%}h1{letter-spacing:-2px}.brand img{width:120%;margin-left:-12%}.sticker{font-size:12px;padding:12px}.game-copy{padding:28px}.game-art{min-height:470px}.credential{width:235px}.credential>p{font-size:25px}.steps{gap:25px}.future{gap:30px}.idea-list>span{flex-wrap:wrap;font-size:12px}}@media(max-width:600px){.nav{padding:20px 5%;align-items:flex-start}.home{font-size:15px}.nav nav{gap:14px;font-size:11px}.nav nav>a:nth-child(2){display:none}.nav-cta{padding:7px 10px}.nav-cta span{margin-left:4px}.hero{padding:20px 5%}.hero-top{font-size:8px}.hero-grid{display:flex;flex-direction:column;gap:10px}.brand{width:100%;max-width:390px;margin:12px auto 0}.brand img{width:112%;margin-left:-6%}.sticker{bottom:10%;right:3%}.intro{width:100%;padding-bottom:35px}.intro .eyebrow{font-size:9px}h1{font-size:54px;margin:20px 0}.intro>p:not(.eyebrow){font-size:16px;max-width:100%}.hero-bottom{font-size:8px;gap:25px}.ticker{font-size:28px;justify-content:flex-start;padding:15px 20px;letter-spacing:-1px}.collection,.how,.future,.play{padding:50px 6%}.section-heading{align-items:flex-start;gap:20px}.section-heading .eyebrow{font-size:9px}.section-heading>p:last-child{font-size:12px}.game{grid-template-columns:1fr}.game-art{min-height:420px}.credential{width:260px}.game-copy{padding:30px}.game-copy h2{font-size:48px}.steps{grid-template-columns:1fr;gap:25px}.how h2{margin-bottom:35px}.steps h3{margin-top:16px}.future{grid-template-columns:1fr;gap:12px}.idea-list>span{font-size:13px}.play h2{font-size:47px;letter-spacing:-2px}footer{flex-wrap:wrap;padding:25px 6%}footer p{order:3;width:100%;margin:0}footer>a:last-child{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:600px){.brand img{width:110%;margin-left:-5%}.play h2{font-size:clamp(36px,12vw,47px)}}
.game>*{min-width:0}@media(max-width:600px){.game-art{padding-inline:24px}.credential{width:min(260px,100%)}.game-copy{padding:24px}.game-copy h2{font-size:clamp(39px,12vw,48px)}}
.controllers{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:820px;margin:36px auto;text-align:left}
.controller-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--ink);padding:28px;background:var(--paper)}
.platform-icon{height:40px;display:flex;align-items:center;margin-bottom:22px}
.platform-icon img{object-fit:contain}
.controller-card h3{font-size:23px;margin:0 0 12px;letter-spacing:-.7px}
.controller-card p{font-size:14px;line-height:1.6;margin:0 0 26px}
.platform-action{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:56px;margin-top:auto;padding:16px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:bold;border:1px solid var(--ink)}
.platform-action.unavailable{background:transparent;color:var(--ink)}
.platform-action .availability{font-size:11px;font-weight:normal;white-space:nowrap}
@media(max-width:700px){.controllers{grid-template-columns:1fr;max-width:420px}.controller-card{padding:24px}.controller-card h3{font-size:22px}}
/* A little slime at the edge of the dark room. */
.how{position:relative;padding-top:125px}.ooze{position:absolute;top:-1px;left:0;right:0;height:78px;pointer-events:none;overflow:hidden}.ooze svg{display:block;width:100%;height:100%;fill:var(--lime);transform-origin:top;animation:ooze-breathe 4s ease-in-out 1 alternate}
@keyframes ooze-breathe{from{transform:scaleY(.76)}to{transform:scaleY(1)}}
.reveal-ready{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-visible,.reveal-ready:focus-within{opacity:1;transform:translateY(0)}
.steps article:nth-child(2){transition-delay:90ms}.steps article:nth-child(3){transition-delay:180ms}
.button,.platform-action,.credential,.sticker{transition:transform .25s ease,box-shadow .25s ease}
@media(hover:hover){.button:hover,.platform-action[href]:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 #191a1760}.game-art:hover .credential{transform:rotate(-4deg) translateY(-7px);box-shadow:15px 18px 0 var(--ink)}.brand:hover .sticker{transform:rotate(3deg) scale(1.04)}}
@media(max-width:600px){.how{padding-top:105px}.ooze{height:58px}}
@media(prefers-reduced-motion:reduce){.ooze svg{animation:none}.reveal-ready{opacity:1;transform:none;transition:none}.button,.platform-action,.credential,.sticker{transition:none}}

@supports(animation-timeline:view()){.ooze svg{animation:ooze-breathe linear both;animation-timeline:view();animation-range:entry 0% cover 60%}}
@media(prefers-reduced-motion:reduce){.ooze svg{animation:none}}
/* Slow, staggered drops: stretch, detach, fall, then quietly begin again. */
.ooze{overflow:visible;height:90px;z-index:1}.ooze svg{position:relative;z-index:2;animation:slime-stretch 9s ease-in-out infinite alternate;animation-timeline:auto;animation-range:normal}
@keyframes slime-stretch{0%{transform:scaleY(.74)}55%{transform:scaleY(.98)}100%{transform:scaleY(.86)}}
.drip{position:absolute;top:46px;width:17px;height:24px;background:var(--lime);border-radius:45% 45% 55% 55%;opacity:0;transform-origin:top;animation:slow-drip 11s cubic-bezier(.45,0,.7,1) infinite}
.drip-one{left:15.1%;animation-delay:-3s}.drip-two{left:64%;animation-delay:-7s;width:19px}.drip-three{left:86%;animation-delay:-.5s;width:14px}
@keyframes slow-drip{0%,18%{opacity:0;transform:translateY(0) scale(.5,.3)}25%{opacity:1;transform:translateY(0) scale(.65,.6)}57%{opacity:1;transform:translateY(14px) scale(.8,1.5)}68%{opacity:1;transform:translateY(33px) scale(.82,1.1)}84%{opacity:.85;transform:translateY(82px) scale(.7,1.3)}94%,100%{opacity:0;transform:translateY(110px) scale(.6,.5)}}
.how{padding-top:175px}.hero .dot,.nav .dot{box-shadow:0 0 0 0 #c2f62770;animation:club-pulse 5s ease-out infinite}
@keyframes club-pulse{0%,60%,100%{box-shadow:0 0 0 0 #c2f62700}20%{box-shadow:0 0 0 9px #c2f62755}45%{box-shadow:0 0 0 15px #c2f62700}}
.ticker b{display:inline-block;animation:odd-spin 14s linear infinite}@keyframes odd-spin{to{transform:rotate(360deg)}}
.text-link span{transition:transform .25s ease}.text-link:hover span{transform:translate(4px,-4px)}
.motion-toggle{font:10px monospace;background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:20px;padding:10px 14px;cursor:pointer}.motion-toggle:focus-visible{outline:3px solid #7760c0;outline-offset:4px}
.effects-paused .ooze svg,.effects-paused .drip,.effects-paused .dot,.effects-paused .ticker b{animation-play-state:paused}.effects-paused .reveal-ready{opacity:1;transform:none;transition:none}.effects-paused .button,.effects-paused .platform-action,.effects-paused .credential,.effects-paused .sticker,.effects-paused .text-link span{transition:none}
@media(max-width:600px){.how{padding-top:160px}.ooze{height:70px}.drip{top:35px}}
@media(prefers-reduced-motion:reduce){.ooze svg,.drip,.nav .dot,.ticker b{animation:none}.drip{display:none}}

/* Grow slowly at the lip, then fall under gravity to the section floor. */
.how{container-type:inline-size}
.ooze{height:100%;overflow:hidden}
.ooze svg{height:90px}
.drip{animation:gravity-drip 11s linear infinite}
.drip-one{animation-delay:-3s}.drip-two{animation-delay:-7s}.drip-three{animation-delay:-.5s}
@keyframes gravity-drip{
  0%,18%{opacity:0;transform:scale(.5,.3);top:46px}
  25%{opacity:1;transform:scale(.65,.6);top:46px}
  65%{opacity:1;transform:scale(.8,1.5);top:60px;animation-timing-function:cubic-bezier(.55,.02,.9,.5)}
  71%{opacity:1;transform:scale(.85,1.25);top:calc(100% - 25px)}
  72%{opacity:0;transform:scale(1.7,.2);top:calc(100% - 10px)}
  73%,100%{opacity:0;transform:scale(.5,.3);top:46px}
}
@media(max-width:600px){.ooze svg{height:70px}}
@media(prefers-reduced-motion:reduce){.drip{animation:none;display:none}}
/* Anchor each drop to its own SVG lobe; elongate the neck before release. */
.ooze svg{animation:none;transform:none}
.drip{width:18px;height:25px;margin-left:-9px;--tip:74px;top:calc(var(--tip) - 12px)}
.drip-one{left:15.833333%;--tip:75.6px}
.drip-two{left:64.75%;--tip:88.2px}
.drip-three{left:86.666667%;--tip:69.3px;width:16px;margin-left:-8px}
@keyframes gravity-drip{
  0%,18%{opacity:0;transform:scale(.7,.15);top:calc(var(--tip) - 12px);border-radius:40% 40% 55% 55%}
  25%{opacity:1;transform:scale(.85,.6);top:calc(var(--tip) - 12px);border-radius:40% 40% 55% 55%}
  53%{opacity:1;transform:scale(.85,1.3);top:calc(var(--tip) - 12px);border-radius:35% 35% 55% 55%}
  63%{opacity:1;transform:scale(.55,2.3);top:calc(var(--tip) - 12px);border-radius:25% 25% 55% 55%}
  65%{opacity:1;transform:scale(.72,1.5);top:calc(var(--tip) + 20px);border-radius:45% 45% 55% 55%;animation-timing-function:cubic-bezier(.55,.02,.9,.5)}
  71%{opacity:1;transform:scale(.85,1.25);top:calc(100% - 25px);border-radius:45% 45% 55% 55%}
  72%{opacity:0;transform:scale(1.7,.2);top:calc(100% - 10px)}
  73%,100%{opacity:0;transform:scale(.7,.15);top:calc(var(--tip) - 12px)}
}
@media(max-width:600px){.drip-one{--tip:58.8px}.drip-two{--tip:68.6px}.drip-three{--tip:53.9px}}
/* Match each forming drop to the width of its parent lobe. */
.drip-one{width:3.333333%;margin-left:-1.666667%}
.drip-two{width:3.833333%;margin-left:-1.916667%}
.drip-three{width:3.333333%;margin-left:-1.666667%}
@keyframes gravity-drip{
  0%,18%{opacity:0;transform:scale(1,.15);top:calc(var(--tip) - 12px);border-radius:40% 40% 55% 55%}
  25%{opacity:1;transform:scale(1,.6);top:calc(var(--tip) - 12px);border-radius:40% 40% 55% 55%}
  53%{opacity:1;transform:scale(.9,1.3);top:calc(var(--tip) - 12px);border-radius:35% 35% 55% 55%}
  63%{opacity:1;transform:scale(.55,2.3);top:calc(var(--tip) - 12px);border-radius:25% 25% 55% 55%}
  65%{opacity:1;transform:scale(.6,1.5);top:calc(var(--tip) + 20px);border-radius:45% 45% 55% 55%;animation-timing-function:cubic-bezier(.55,.02,.9,.5)}
  71%{opacity:1;transform:scale(.65,1.25);top:calc(100% - 25px);border-radius:45% 45% 55% 55%}
  72%{opacity:0;transform:scale(1.3,.2);top:calc(100% - 10px)}
  73%,100%{opacity:0;transform:scale(1,.15);top:calc(var(--tip) - 12px)}
}
/* Merge the touching silhouettes into a continuous liquid neck. */
.ooze{filter:url(#ooze-merge)}
/* Channel 03: the selected original logo, framed in a battered little TV. */
.brand{padding:95px 0 30px}.retro-tv{position:relative;transform:rotate(-3deg);margin:0 12px 0 0}.rabbit-ears{position:absolute;width:76%;height:120px;bottom:calc(100% - 10px);left:9%;overflow:visible}.tv-cabinet{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:18px;background:#a99c81;border:6px solid var(--ink);border-radius:32px;padding:24px 20px 38px;box-shadow:8px 9px 0 var(--ink),inset 0 0 0 3px #d0c5ac}.tv-screen{position:relative;overflow:hidden;background:#e6e9d0;border:9px solid #393b31;border-radius:17% / 22%;box-shadow:inset 0 0 20px #64695770,0 0 0 2px #171914;aspect-ratio:1.3;display:flex;align-items:center}.brand .tv-screen img{display:block;width:115%;max-width:none;height:auto;margin:0 0 0 -7.5%;mix-blend-mode:multiply}.tv-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#191a1709 3px 4px),linear-gradient(125deg,#ffffff40,transparent 40%);box-shadow:inset 0 0 22px #151b1633;border-radius:inherit}.tv-controls{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:8px}.tv-knob{display:block;width:43px;height:43px;border-radius:50%;background:#32342b;border:3px solid #161811;box-shadow:2px 3px 0 #736952;position:relative}.tv-knob:after{content:"";position:absolute;width:4px;height:24px;left:17px;top:6px;background:#d6cdb5;border-radius:2px;transform:rotate(32deg)}.small-knob{width:32px;height:32px}.small-knob:after{height:17px;left:11px;top:4px;transform:rotate(-26deg)}.tv-speaker{width:33px;flex:1;min-height:35px;background:repeating-linear-gradient(0deg,#34362d 0 3px,transparent 3px 7px);border-radius:4px}.tv-light{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 7px #c2f62790}.tv-label{position:absolute;bottom:13px;left:30px;font:8px monospace;letter-spacing:2px;font-weight:bold}.tv-feet:before,.tv-feet:after{content:"";position:absolute;bottom:-17px;width:42px;height:22px;background:var(--ink);border-radius:0 0 6px 6px;z-index:-1}.tv-feet:before{left:38px;transform:rotate(10deg)}.tv-feet:after{right:38px;transform:rotate(-10deg)}.brand .sticker{right:-4px;bottom:4px;z-index:2}.hero-grid{min-height:650px}
@media(max-width:900px){.tv-cabinet{padding:17px 12px 32px;gap:10px;grid-template-columns:minmax(0,1fr) 36px;border-width:5px}.tv-screen{border-width:6px}.tv-knob{width:32px;height:32px}.tv-knob:after{height:18px;left:11px;top:4px}.small-knob{width:26px;height:26px}.small-knob:after{height:14px;left:8px;top:3px}.tv-speaker{width:25px}.tv-controls{gap:10px}.rabbit-ears{height:95px}.brand{padding-top:85px}.tv-label{font-size:6px;letter-spacing:1px}.hero-grid{min-height:560px}}
@media(max-width:600px){.brand{padding:95px 5px 36px;margin:20px auto 10px;max-width:390px}.retro-tv{margin-right:3px}.brand .sticker{right:0;bottom:7px}.hero-grid{min-height:0}.tv-cabinet{border-radius:25px}.tv-screen{aspect-ratio:1.25}.rabbit-ears{height:100px}}
.tv-static{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;z-index:3;mix-blend-mode:multiply;transition:opacity 120ms ease;border-radius:inherit;image-rendering:pixelated}.has-static .tv-static{opacity:.15}.effects-paused .tv-static{opacity:0;transition:none}@media(prefers-reduced-motion:reduce){.tv-static{display:none}}
.antenna{cursor:grab;touch-action:none;outline:none}.antenna.dragging{cursor:grabbing}.antenna-wire{fill:none;stroke:currentColor;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.antenna-hit{fill:none;stroke:transparent;stroke-width:30;pointer-events:stroke}.antenna:focus-visible .antenna-wire{stroke:#7760c0}.antenna:hover .antenna-wire{stroke:#4d513d}.tuning-help{font:10px/1.6 monospace;position:absolute;left:10px;bottom:-15px;margin:0}.signal-status{font-weight:bold}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.has-static .tv-static{opacity:var(--static-opacity,.15)}.effects-paused .tv-static{opacity:0}.rabbit-ears{z-index:3}
@media(max-width:600px){.tuning-help{left:5px;bottom:-12px;font-size:9px}.brand{margin-bottom:30px}}
.tuning-help{bottom:-28px;max-width:220px}.signal-status{display:block;min-height:16px}@media(max-width:600px){.tuning-help{bottom:-25px;max-width:210px}.brand{margin-bottom:45px}}

.nav{justify-content:flex-end}

.nav{justify-content:space-between;gap:24px}.header-tagline{margin:0;font:10px/1.5 monospace;letter-spacing:1px}.hero{padding-top:0}.hero-grid{min-height:590px}
@media(max-width:900px){.hero-grid{min-height:520px}.header-tagline{max-width:220px;font-size:9px}}
@media(max-width:600px){.nav{flex-direction:column;align-items:stretch;gap:20px;padding-bottom:5px}.nav nav{justify-content:space-between}.header-tagline{max-width:none;font-size:8px}.hero-grid{min-height:0}.brand{margin-top:10px}}

/* Keep the tuning caption in the hero flow, clear of the TV and section footer. */
.brand{display:grid;grid-template-columns:minmax(0,1fr);padding-bottom:20px}
.retro-tv{grid-area:1 / 1}
.brand .sticker{grid-area:1 / 1;position:relative;align-self:end;justify-self:end;right:-4px;bottom:-20px}
.tuning-help{grid-area:2 / 1;position:static;margin:46px 10px 0;max-width:260px}
.hero-bottom{margin-top:24px;align-items:flex-end}
@media(max-width:600px){
  .brand{margin-bottom:12px;padding-bottom:0}
  .brand .sticker{right:0;bottom:-18px}
  .tuning-help{margin:40px 5px 0;max-width:240px}
  .hero-bottom{margin-top:0;align-items:flex-start}
}

/* Collection and party details: keep every label inside its own layout space. */
.section-heading{gap:32px}
.section-heading>p{margin-block:0}
.section-heading>p:last-child{flex-shrink:0}
.game+.game{margin-top:36px}
.game-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.game-copy h2{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;width:100%}
.game-copy h2 .game-arrow{float:none;flex:none;font-size:.8em;line-height:1.1}
.game-copy h2 .game-title{float:none;min-width:0;font-size:inherit;line-height:inherit}
.game-copy .facts,.game-copy .text-link{width:100%}
.game-copy .text-link{gap:20px;margin-top:auto;padding-top:8px}
.game-copy .pill{line-height:1.6;max-width:100%}
.game-copy p.game-note{font:11px/1.7 monospace;color:#4e5048;margin:0 0 24px}
.oddio-art{background:#ef806d;overflow:hidden}
.record-sleeve{position:relative;width:min(330px,80%);aspect-ratio:1;background:#f2e6ce;border:2px solid;box-shadow:10px 12px 0 var(--ink);transform:rotate(6deg);padding:20px;display:flex;flex-direction:column;justify-content:space-between}
.sleeve-top,.sleeve-bottom{position:relative;z-index:1;font:9px/1.5 monospace;letter-spacing:1px}
.sleeve-title{font-size:clamp(44px,4vw,62px);font-weight:900;letter-spacing:-4px;line-height:1;position:relative;z-index:1}
.sleeve-title>span{display:block;font:9px/2 monospace;letter-spacing:2px}
.vinyl{position:absolute;right:-18%;top:30%;width:76%;aspect-ratio:1;border:7px solid var(--ink);border-radius:50%;background:repeating-radial-gradient(circle,#272820 0 2px,#191a17 3px 5px);display:grid;place-items:center}
.vinyl>span{width:38%;aspect-ratio:1;border-radius:50%;background:var(--lime);display:grid;place-content:center;text-align:center;font-size:28px;font-weight:bold}
.vinyl>span>span{display:block;font:8px monospace}
.sleeve-bottom{max-width:60%;font-weight:bold}
.party-features{align-self:center;min-width:0}
.party-features article{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid var(--line)}
.party-features article:first-child{padding-top:0}
.party-features article>span{font:11px/1.5 monospace;padding-top:4px;flex:none}
.party-features h3{font-size:21px;margin:0 0 10px}
.party-features p{font-size:14px;line-height:1.7;margin:0}
.controllers{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;gap:20px}
.controller-card{min-width:0;padding:24px}
.controller-card p{flex:1}
.controller-card h3{font-size:22px}
.platform-action{gap:10px;flex-wrap:wrap;align-content:center}
.play details+details{margin-top:18px}
footer{flex-wrap:wrap;row-gap:20px}
@media(max-width:1000px){
  .controllers{grid-template-columns:1fr;max-width:440px}
}
@media(max-width:900px){
  .game{grid-template-columns:1fr}
  .game-art{min-height:460px}
  .game-copy{padding:36px}
  .game-copy h2{font-size:52px}
  .future{grid-template-columns:1fr;gap:34px}
  .steps{gap:24px}
}
@media(max-width:600px){
  .section-heading{gap:20px;align-items:flex-start}
  .section-heading .eyebrow{max-width:48%;line-height:1.7}
  .section-heading>p:last-child{flex:1;min-width:0}
  .game+.game{margin-top:24px}
  .game-art{min-height:410px;padding:70px 30px}
  .credential{width:min(260px,calc(100% - 18px));padding:17px;box-shadow:7px 9px 0 var(--ink)}
  .credential>p{font-size:clamp(20px,6.3vw,25px)}
  .credential-top{font-size:8px}
  .credential-bottom{font-size:7px}
  .game-copy{padding:26px 22px}
  .game-copy h2{font-size:clamp(37px,11vw,48px);gap:12px}
  .game-copy h2 .game-arrow{font-size:36px}
  .facts{gap:10px;line-height:1.7}
  .record-sleeve{width:min(280px,84%);padding:18px}
  .sleeve-title{font-size:48px}
  .sleeve-top,.sleeve-bottom{font-size:8px}
  .party-features article{gap:16px;padding-block:24px}
  .party-features h3{font-size:20px;line-height:1.2}
  .controller-card{padding:24px}
  .hero-bottom{flex-wrap:wrap;gap:12px}
  footer{justify-content:flex-start;column-gap:24px}
  footer .home{margin-right:auto}
  footer p{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){.record-sleeve{transition:none}}
.record-sleeve{justify-content:flex-start}
.sleeve-title{margin-top:16px}
.vinyl{top:45%;right:-12%;width:66%}
.sleeve-bottom{margin-top:auto;max-width:42%}
@media(max-width:600px){.sleeve-title{font-size:clamp(36px,11vw,48px);margin-top:12px}.vinyl{top:52%}}

.how>.eyebrow,.how>h2,.how>.steps{position:relative;z-index:2}
.effects-paused{scroll-behavior:auto}
.game-copy h2{margin:22px 0 12px}
.game-copy>p:not(.pill):not(.game-note){margin:12px 0}