@font-face{font-family:Oxanium;src:url('oxanium-500-700.woff2') format('woff2');font-weight:500 700;font-display:swap}@font-face{font-family:Manrope;src:url('manrope-400-700.woff2') format('woff2');font-weight:400 700;font-display:swap}:root{--black:#050509;--shell:#191923;--shell2:#2a2934;--line:#484753;--lcd:#c7ff35;--purple:#9853ff;--cyan:#3ee7ff;--paper:#f3f1e9;--muted:#aaa8b6;--ink:#101015;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:58px}body{margin:0;background:var(--black);color:var(--paper);font-family:Manrope,sans-serif;line-height:1.5;overflow-x:clip}a{color:inherit}img{max-width:100%}::selection{background:var(--lcd);color:var(--ink)}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}h1,h2{margin:0;font-family:Oxanium,sans-serif;font-weight:700;line-height:.92;letter-spacing:-.05em;text-wrap:balance}h1{font-size:clamp(3rem,6vw,6.1rem);text-transform:uppercase}h2{font-size:clamp(2.5rem,5vw,5rem)}p{margin:0}.skip{position:fixed;left:12px;top:-70px;background:var(--lcd);color:#000;padding:10px;z-index:99}.skip:focus{top:8px}.powerbar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:0 max(20px,calc((100% - var(--max))/2));border-bottom:1px solid var(--line);background:#08080c;position:relative;z-index:20}.wordmark{font:700 13px/1 Oxanium,sans-serif;text-transform:uppercase;text-decoration:none}.wordmark>i,.power>i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-right:8px}.powerbar nav{display:flex;gap:26px}.powerbar nav a{color:var(--muted);font-size:12px;text-decoration:none}.powerbar nav a:hover{color:var(--lcd)}.power{font:700 10px/1 Oxanium,sans-serif;text-transform:uppercase}.power i{width:7px;height:7px;background:var(--lcd);box-shadow:0 0 10px var(--lcd)}.power.pressed i{background:var(--purple);box-shadow:0 0 16px var(--purple)}
.pocket-zone{height:650px;display:grid;place-items:center;padding:28px 22px 42px;background:radial-gradient(circle at 50% 50%,rgba(152,83,255,.22),transparent 38%),var(--black);position:relative}.handheld{width:min(100%,var(--max));height:525px;display:grid;grid-template-columns:1.25fr .75fr;gap:30px;padding:34px 46px;border:4px solid #44434d;border-radius:90px 48px 90px 48px;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 18%),linear-gradient(120deg,#24232d,#111117);box-shadow:0 0 0 8px #0c0c11,0 32px 90px rgba(152,83,255,.2);position:relative}.handheld:after{content:"DEMO UNIT / 3×5";position:absolute;left:58px;bottom:12px;color:#6c6a75;font:600 9px/1 Oxanium,sans-serif;letter-spacing:.12em}.lcd{margin:0;padding:12px 12px 0;border:5px solid #08080b;border-radius:34px;background:#0b0b10;box-shadow:inset 0 0 0 3px var(--line);overflow:hidden;position:relative}.lcd img{display:block;width:100%;height:410px;object-fit:cover;object-position:center}.lcd figcaption{height:55px;display:flex;align-items:center;color:var(--lcd);font:600 10px/1 Oxanium,sans-serif;text-transform:uppercase}.lcd-scan{position:absolute;inset:12px 12px 55px;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(199,255,53,.09) 6px);pointer-events:none;animation:scan 5s linear infinite}@keyframes scan{to{background-position:0 80px}}.controls{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;min-width:0}.maker,.system-label{display:inline-block;margin-bottom:12px;color:var(--cyan);font:600 10px/1 Oxanium,sans-serif;text-transform:uppercase;letter-spacing:.12em}.controls h1 b{color:var(--lcd)}.controls>p{max-width:31ch;margin-top:17px;color:var(--muted);font-size:14px}.controls>small{margin-top:18px;color:#76747f;font-size:10px}.keyset{display:flex;align-items:center;gap:17px;margin-top:24px}.dpad{width:70px;height:70px;position:relative}.dpad i,.dpad b{position:absolute;background:#08080c;border-radius:6px;box-shadow:inset 0 -4px 0 #000}.dpad i{left:25px;top:0;width:21px;height:70px}.dpad b{left:0;top:25px;width:70px;height:21px}.a-button{display:grid;width:68px;height:68px;place-items:center;border-radius:50%;background:var(--purple);box-shadow:0 7px 0 #59319b;color:#fff;font:700 11px/1 Oxanium,sans-serif;text-decoration:none;text-transform:uppercase;transition:transform .16s ease,box-shadow .16s ease}.a-button:hover{transform:translateY(5px);box-shadow:0 2px 0 #59319b}.b-button{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--lcd);color:#1a1a20;font:700 15px/1 Oxanium,sans-serif;font-style:normal;transform:translateY(15px)}
.cartridge{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:90px;padding:72px 24px 90px;border-top:3px solid var(--purple)}.cart-copy ol{margin:30px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.cart-copy li{display:grid;grid-template-columns:58px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.cart-copy li>b{color:var(--purple);font:700 22px/1 Oxanium,sans-serif}.cart-copy li span{display:flex;flex-direction:column;color:var(--muted);font-size:13px}.cart-copy li strong{margin-bottom:3px;color:#fff;font-size:15px}.mini-console{height:570px;margin:0;position:relative;overflow:hidden;border:4px solid var(--lcd);border-radius:180px 180px 24px 24px;background:#15151d;box-shadow:12px 12px 0 var(--purple)}.mini-console img{width:100%;height:100%;object-fit:cover}.mini-console span{position:absolute;left:50%;bottom:13px;padding:6px 10px;background:var(--black);color:var(--lcd);font:700 10px/1 Oxanium,sans-serif;transform:translateX(-50%)}.reveal{opacity:0;translate:0 20px;transition:opacity .65s ease,translate .65s ease}.reveal.shown{opacity:1;translate:0}
.hold-screen{min-height:650px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px;padding:76px max(24px,calc((100% - var(--max))/2));background:var(--lcd);color:var(--ink)}.hold-screen figure{height:550px;margin:0;position:relative;overflow:hidden;border:5px solid var(--ink);border-radius:28px}.hold-screen figure img{width:100%;height:100%;object-fit:cover;object-position:center 65%;filter:saturate(.9) contrast(1.08)}.hold-leds{position:absolute;left:14px;right:14px;bottom:14px;display:flex;justify-content:center;gap:18px}.hold-leds i{width:16px;height:16px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 6px rgba(152,83,255,.22);animation:led 1s steps(2,end) infinite}.hold-leds i:nth-child(2){animation-delay:.25s}.hold-leds i:nth-child(3){animation-delay:.5s}@keyframes led{50%{background:var(--cyan);box-shadow:0 0 0 10px rgba(62,231,255,.15)}}.hold-copy .system-label{color:#5a318e}.hold-copy>p{max-width:610px;margin-top:23px;color:#434349;font-size:17px}.hold-copy dl{display:flex;margin:30px 0 0;border-block:2px solid var(--ink)}.hold-copy dl div{flex:1;padding:15px;border-right:1px solid #71754d}.hold-copy dl div:last-child{border:0}.hold-copy dt{font-size:9px;text-transform:uppercase}.hold-copy dd{margin:5px 0 0;font:700 26px/1 Oxanium,sans-serif}
.help-strip{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;padding:82px 24px}.help-strip nav{display:flex;flex-direction:column}.help-strip nav a{display:flex;justify-content:space-between;gap:22px;padding:18px 0;border-top:1px solid var(--line);text-decoration:none}.help-strip nav a:last-child{border-bottom:1px solid var(--line)}.help-strip nav a:hover b{color:var(--lcd)}.help-strip nav b{font:700 13px/1.3 Oxanium,sans-serif;text-transform:uppercase}.help-strip nav span{color:var(--muted);font-size:12px}.faq-zone{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding:76px max(24px,calc((100% - var(--max))/2));background:#111117}.faq-title>p{max-width:430px;margin-top:20px;color:var(--muted);font-size:14px}.faq>div{border-top:1px solid var(--line)}.faq>div:last-child{border-bottom:1px solid var(--line)}.faq button{width:100%;display:flex;justify-content:space-between;gap:20px;padding:19px 0;border:0;background:none;color:#fff;font:700 15px/1.3 Manrope,sans-serif;text-align:left;cursor:pointer}.faq button i{font-style:normal;color:var(--lcd);font-size:20px;transition:rotate .2s}.faq button[aria-expanded=true] i{rotate:45deg;color:var(--purple)}.answer{display:grid;grid-template-rows:0fr}.answer p{overflow:hidden;color:var(--muted);font-size:14px}.answer.open{grid-template-rows:1fr}.answer.open p{padding:0 40px 18px 0}.dock{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:50px max(24px,calc((100% - var(--max))/2));background:var(--purple)}.dock>div>span{font:700 10px/1 Oxanium,sans-serif;text-transform:uppercase}.dock h2{margin-top:7px}.dock p{margin-top:9px;color:#e0d4f5;font-size:13px}.dock-button{flex:none;display:inline-flex;align-items:center;gap:18px;padding:17px 21px;background:var(--lcd);color:var(--ink);font:700 12px/1 Oxanium,sans-serif;text-transform:uppercase;text-decoration:none;box-shadow:0 6px 0 #7a9619}.dock-button span{font-size:18px}footer{max-width:var(--max);margin:auto;display:grid;grid-template-columns:auto 1fr;gap:20px 50px;padding:38px 24px;color:#777582;font-size:11px}footer strong{color:var(--lcd);font:700 12px/1 Oxanium,sans-serif;text-transform:uppercase}footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px 18px}footer p{grid-column:1/-1;margin:0;border-top:1px solid #25242b;padding-top:16px}footer a{text-underline-offset:4px}footer a:hover{color:#fff}
@media(max-width:900px){.handheld{padding:30px}.cartridge{grid-template-columns:1fr;gap:45px}.mini-console{width:min(100%,520px)}.hold-screen{grid-template-columns:1fr;gap:45px}.hold-screen figure{width:min(100%,600px)}.help-strip,.faq-zone{grid-template-columns:1fr;gap:45px}}
@media(max-width:640px){h1{font-size:clamp(2.7rem,14vw,4rem)}h2{font-size:clamp(2.4rem,12vw,3.7rem)}.powerbar{height:56px;padding-inline:14px}.powerbar nav{display:none}.pocket-zone{height:720px;padding:14px 10px 30px}.handheld{height:650px;display:flex;flex-direction:column;padding:20px 18px;border-radius:42px 28px;background:linear-gradient(145deg,#24232d,#111117)}.lcd{height:350px;flex:none;border-radius:24px}.lcd img{height:292px}.lcd figcaption{height:42px;font-size:8px}.lcd-scan{bottom:42px}.controls{display:grid;grid-template-columns:1fr auto;align-items:center}.maker{grid-column:1/-1}.controls h1{font-size:3rem}.controls h1 br:nth-of-type(1){display:none}.controls>p{grid-column:1/-1;font-size:12px;margin-top:9px}.keyset{grid-column:2;grid-row:2;margin:0}.dpad{width:52px;height:52px}.dpad i{left:18px;width:16px;height:52px}.dpad b{top:18px;width:52px;height:16px}.a-button{width:51px;height:51px;font-size:9px}.b-button{display:none}.controls>small{grid-column:1/-1;margin-top:8px}.handheld:after{display:none}.cartridge{padding:38px 18px 70px}.mini-console{height:470px;box-shadow:8px 8px 0 var(--purple)}.hold-screen{padding:62px 18px}.hold-screen figure{height:430px}.hold-copy>p{font-size:16px}.hold-copy dl div{padding:12px 8px}.hold-copy dd{font-size:21px}.help-strip{padding:64px 18px}.help-strip nav a{align-items:flex-start;flex-direction:column;gap:4px}.faq-zone{padding:62px 18px}.dock{align-items:flex-start;flex-direction:column;padding:44px 18px}.dock-button{width:100%;justify-content:center}footer{grid-template-columns:1fr;padding:34px 18px}footer nav{justify-content:flex-start}footer p{grid-column:auto}}
@media(max-width:640px){.controls h1{font-size:clamp(2.45rem,12vw,3.25rem)}.controls h1 br:nth-of-type(1){display:initial}.dpad{display:none}.handheld{width:100%;min-width:0}.controls{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;translate:0}}
/* Compact handheld proportions; the title never shares a line with the controls. */
@media(min-width:641px) and (max-height:780px){.pocket-zone{height:500px;padding-block:20px}.handheld{height:430px;padding:24px 36px}.lcd img{height:280px}.lcd figcaption{height:40px}.controls h1{font-size:4rem}.controls>p{font-size:13px}.controls>small{font-size:9px}.cartridge{padding-top:28px;align-items:start}}
@media(max-width:640px){.pocket-zone{height:520px}.handheld{height:480px;padding:16px;gap:18px}.lcd{height:230px}.lcd img{height:180px}.lcd figcaption{height:32px}.lcd-scan{bottom:32px}.controls h1{font-size:2.1rem}.cartridge{padding-top:28px}}
.cart-copy{opacity:1;translate:0}

/* CTA signal: the round A key gains a controller-style active ring. */
.a-button[data-yl-cta]{position:relative;isolation:isolate;box-shadow:0 7px 0 #59319b,0 0 0 4px var(--cyan),0 0 30px rgba(87,235,255,.38)}
.a-button[data-yl-cta]::after{content:"";position:absolute;inset:-10px;border:2px solid rgba(255,255,255,.78);border-radius:50%;pointer-events:none;animation:controller-ring 2.7s ease-out infinite}
.a-button[data-yl-cta]:hover{box-shadow:0 2px 0 #59319b,0 0 0 4px var(--cyan),0 0 38px rgba(87,235,255,.56)}
.a-button[data-yl-cta]:focus-visible{outline:3px solid #fff;outline-offset:12px}
@keyframes controller-ring{0%,58%{transform:scale(.86);opacity:0}70%{opacity:.9}92%,100%{transform:scale(1.14);opacity:0}}
@media(prefers-reduced-motion:reduce){.a-button[data-yl-cta]::after{animation:none!important;opacity:.72;transform:none}}

/* Keep the age and availability note beneath the handheld frame. */
.pocket-zone{display:flex;flex-direction:column;align-items:center;justify-content:center}
.pocket-age-note{width:min(100%,var(--max));margin:15px 0 0;color:var(--paper);font:600 13px/1.5 Manrope,sans-serif}
@media(max-width:640px){
  .pocket-zone{height:auto;min-height:520px;padding-bottom:22px;gap:0}
  .handheld{height:auto;min-height:480px}
  .pocket-age-note{padding:10px 14px;margin-top:12px;background:#191923;font-size:13px}
}