:root{--mouse-x:50vw;--mouse-y:50vh}body{color:#f1f3f5;background-color:#0c0d0e;font-family:JetBrains Mono,monospace;overflow-x:hidden}.font-dela{font-family:Dela Gothic One,cursive,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.font-coach{font-family:NOV27 Coach,cursive}.spotlight-grid{background-color:#0c0d0e;background-image:radial-gradient(750px circle at var(--mouse-x) var(--mouse-y), #fde0470d, transparent 45%), radial-gradient(#ffffff12 1px, transparent 0);background-size:100% 100%,24px 24px;background-attachment:fixed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:.75s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.25s}.delay-4{animation-delay:.35s}.card-interactive{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121417d9;border:1px solid #ffffff17;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;position:relative}.card-interactive:before{content:"";border-radius:inherit;background:radial-gradient(400px circle at var(--card-x,50%) var(--card-y,50%), #fde04740, transparent 40%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-interactive:hover{border-color:#ffffff38;transform:translateY(-4px);box-shadow:0 16px 36px -12px #0009}.card-interactive:hover:before{opacity:1}.tape-spring{transform-origin:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .3s}.card-interactive:hover .tape-spring{filter:drop-shadow(0 8px 16px #00000073);transform:translateY(-3px)scale(1.04)rotate(-.5deg)}@keyframes doodleFloat{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-3px)rotate(-.2deg)}}.doodle-float{animation:5s ease-in-out infinite doodleFloat;display:inline-block}@keyframes radarPing{0%{opacity:.8;transform:scale(.95)}70%{opacity:0;transform:scale(2.3)}to{opacity:0;transform:scale(2.3)}}.radar-ring{background-color:#10b981;border-radius:9999px;animation:2.2s cubic-bezier(0,0,.2,1) infinite radarPing;position:absolute;inset:0}.logo-hero{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.logo-hero:hover{transform:scale(1.08)rotate(-1.5deg)}.swatch-pill{transition:all .2s}.swatch-pill:hover{border-color:#fff6;transform:translateY(-1px)scale(1.06)}.handheld-section{--w:min(92vw, 560px, calc((100svh - 150px) / 1.7));flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:calc(100svh - 100px);display:flex}.handheld-stage{order:0}.handheld-side-right{flex-wrap:wrap;order:1;justify-content:center;gap:8px;display:flex}.handheld-side-left{color:#737373;letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;order:2;justify-content:center;align-items:center;gap:6px 16px;font-size:11px;display:flex}@media (width>=900px){.handheld-section{--w:min(560px, calc((100svh - 110px) / 1.7));grid-template-columns:1fr auto 1fr;gap:32px;display:grid}.handheld-side-left{flex-direction:column;order:0;justify-content:flex-end;align-self:end;align-items:flex-end;margin-bottom:8%}.handheld-side-right{flex-direction:column;order:2;align-self:end;align-items:flex-start;margin-bottom:8%}.handheld-stage{order:1}}@media (hover:none) and (pointer:coarse){.handheld-side-left>span{display:none}}@media (width<=600px){.handheld-section{--w:min(96vw, calc((100svh - 120px) / 1.7))}.handheld .handheld-bezel{border-radius:calc(var(--w) * .05);padding:3.5% 2.5% 0;inset:5% 3%}.handheld .handheld-wordmark{width:calc(var(--w) * .18)}}.handheld-chip{font:inherit;white-space:nowrap;color:#e5e5e5;cursor:pointer;background:#171717e6;border:1px solid #404040cc;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:border-color .2s,transform .2s,color .2s;display:inline-flex}.handheld-chip:hover{border-color:#737373;transform:translateY(-1px)}.handheld-chip span{color:#737373}.handheld-chip svg{width:14px;height:14px}.handheld-chip.is-lit{color:#fde047;border-color:#fde04780}#handheld-sound[aria-pressed=true]{color:#fde047;border-color:#fde0474d}#handheld-sound[aria-pressed=false]{color:#737373}.handheld-stage{perspective:1600px;transform-origin:50%;will-change:transform;transition:transform .9s cubic-bezier(.7,0,.84,0)}.handheld{--shell:#1d1e22;--shell-hi:#34363c;--shell-lo:#0f1012;--ink:#8a8d96;--btn:#fde047;--btn-ink:#0c0d0e;width:var(--w);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;flex-direction:column;align-items:center;font-family:JetBrains Mono,monospace;display:flex}.handheld[data-shell=yellow]{--shell:#fde047;--shell-hi:#fff08a;--shell-lo:#c9ae12;--ink:#5c5208;--btn:#0c0d0e;--btn-ink:#fde047}.handheld[data-shell=blue]{--shell:#007aff;--shell-hi:#4da3ff;--shell-lo:#0054b3;--ink:#cfe5ff;--btn:#00e5ff;--btn-ink:#002a59}.handheld[data-shell=sage]{--shell:#7e9774;--shell-hi:#a1b897;--shell-lo:#56694e;--ink:#1c2a18;--btn:#ffe57f;--btn-ink:#0e160d}.handheld:focus,.handheld:focus-visible{outline:none}.handheld-lid,.handheld-base{background:radial-gradient(120% 80% at 20% 0%, var(--shell-hi), transparent 55%), linear-gradient(160deg, var(--shell) 40%, var(--shell-lo));width:100%;position:relative}.handheld-lid{height:calc(var(--w) * .84);border-radius:calc(var(--w) * .09) calc(var(--w) * .09) calc(var(--w) * .025) calc(var(--w) * .025);transform-origin:50% 100%;transform-style:preserve-3d;z-index:2;background:0 0;transition:transform 1s cubic-bezier(.34,1.3,.5,1);transform:rotateX(10deg)}.handheld.is-closed .handheld-lid{transform:rotateX(-178deg)}.handheld.no-anim,.handheld.no-anim .handheld-lid{transition:none!important}.handheld{transition:transform .9s cubic-bezier(.34,1.2,.5,1)}.handheld.is-closed{transform:translateY(calc(var(--w) * -.42));cursor:pointer}.handheld.is-closed .handheld-lid-back{box-shadow:inset 0 1px #ffffff2e,0 30px 60px -20px #000000f2}.handheld-lid-front,.handheld-lid-back{border-radius:inherit;backface-visibility:hidden;background:radial-gradient(120% 80% at 20% 0%, var(--shell-hi), transparent 55%), linear-gradient(160deg, var(--shell) 40%, var(--shell-lo));position:absolute;inset:0;box-shadow:inset 0 1px #ffffff2e,inset 0 -2px #00000040,0 18px 40px -18px #000000e6}.handheld-lid-back{justify-content:center;align-items:center;display:flex;transform:rotateX(180deg)}.handheld-lid-logo{opacity:.92;filter:drop-shadow(0 1px #ffffff26);width:34%}.handheld-lid-logo-light,.handheld[data-shell=yellow] .handheld-lid-logo-dark,.handheld[data-shell=sage] .handheld-lid-logo-dark{display:none}.handheld[data-shell=yellow] .handheld-lid-logo-light,.handheld[data-shell=sage] .handheld-lid-logo-light{display:block}.handheld-bezel{border-radius:calc(var(--w) * .035);background:linear-gradient(170deg,#1b1c20,#050506 60%);flex-direction:column;align-items:center;padding:4% 3% 0;display:flex;position:absolute;inset:5.5% 3.5% 6%;box-shadow:inset 0 2px 6px #000c,0 1px #ffffff14}.handheld-bezel:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff17 0%,#ffffff05 28%,#0000 29%);position:absolute;inset:0}.handheld-screen{aspect-ratio:3/2;cursor:pointer;color:#f1f3f5;width:100%;image-rendering:pixelated;background:#000;border-radius:2px;position:relative;overflow:hidden;container-type:inline-size}.handheld-screen:after{content:"";pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,#00000024 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#00000014 0 1px,#0000 1px 3px),radial-gradient(120% 120%,#0000 60%,#00000059);position:absolute;inset:0}.handheld-wordmark{width:calc(var(--w) * .2);aspect-ratio:835/240;opacity:.75;background:#b4b6bc;margin:auto 0;-webkit-mask:url(/assets/global/nov27_horizontal_clean.svg) 50%/contain no-repeat;mask:url(/assets/global/nov27_horizontal_clean.svg) 50%/contain no-repeat}.handheld-hinge{width:104%;height:calc(var(--w) * .075);margin:calc(var(--w) * -.012) 0;border-radius:calc(var(--w) * .04);background:linear-gradient(180deg, var(--shell-lo), var(--shell-hi) 35%, var(--shell) 55%, var(--shell-lo));z-index:1;position:relative;box-shadow:0 2px 6px #00000080}.handheld-base{height:calc(var(--w) * .8);border-radius:calc(var(--w) * .025) calc(var(--w) * .025) calc(var(--w) * .11) calc(var(--w) * .11);box-shadow:inset 0 1px #ffffff24,inset 0 -3px #0000004d,0 28px 50px -20px #000000f2}.handheld-led-wrap{font-size:calc(var(--w) * .022);letter-spacing:.15em;color:var(--ink);align-items:center;gap:6px;font-weight:700;display:flex;position:absolute;top:8%;right:9%}.handheld-led{width:calc(var(--w) * .022);height:calc(var(--w) * .022);background:#2a2b2e;border-radius:50%;transition:background .2s,box-shadow .2s;box-shadow:inset 0 1px 2px #0009}.handheld-led.is-on{background:#39ff8a;box-shadow:0 0 8px #39ff8a,inset 0 0 2px #fff}.handheld button{cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;border:0;padding:0}.handheld-dpad{aspect-ratio:1;filter:drop-shadow(0 3px #00000073);grid-template:1fr 1fr 1fr/1fr 1fr 1fr;width:34%;display:grid;position:absolute;top:22%;left:9%}.handheld-dpad-btn,.handheld-dpad-center{background:#17181b}.handheld-up{border-radius:4px 4px 0 0;grid-area:1/2}.handheld-left{border-radius:4px 0 0 4px;grid-area:2/1}.handheld-dpad-center{background:radial-gradient(circle,#222327 30%,#17181b 32%);grid-area:2/2}.handheld-right{border-radius:0 4px 4px 0;grid-area:2/3}.handheld-down{border-radius:0 0 4px 4px;grid-area:3/2}.handheld-dpad-btn{transition:transform 60ms,background 60ms;position:relative}.handheld-dpad-btn:after{content:"";border:calc(var(--w) * .012) solid transparent;opacity:.35;position:absolute;inset:32%}.handheld-up:after{border-bottom-color:#8a8d96;inset:10% 30% 40%}.handheld-down:after{border-top-color:#8a8d96;inset:40% 30% 10%}.handheld-left:after{border-right-color:#8a8d96;inset:30% 40% 30% 10%}.handheld-right:after{border-left-color:#8a8d96;inset:30% 10% 30% 40%}.handheld-dpad-btn:active,.handheld-dpad-btn.is-pressed{background:#0c0c0e;transform:scale(.94)}.handheld-ab{aspect-ratio:1.25;width:40%;position:absolute;top:20%;right:7%}.handheld-round{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--btn) 70%, #fff), var(--btn) 45%, color-mix(in srgb, var(--btn) 75%, #000));width:38%;box-shadow:0 4px 0 color-mix(in srgb, var(--btn) 45%, #000), 0 6px 10px #0006;border-radius:50%;transition:transform 60ms,box-shadow 60ms;position:absolute}.handheld-round span{font-size:calc(var(--w) * .03);color:var(--ink);font-weight:800;position:absolute;bottom:-8%;left:100%}.handheld-b{top:48%;left:4%}.handheld-a{top:6%;right:4%}.handheld-round:active,.handheld-round.is-pressed{box-shadow:0 1px 0 color-mix(in srgb, var(--btn) 45%, #000), 0 2px 4px #0006;transform:translateY(3px)}.handheld-pills{gap:calc(var(--w) * .05);display:flex;position:absolute;bottom:14%;right:10%}.handheld-pill-wrap{font-size:calc(var(--w) * .022);letter-spacing:.12em;color:var(--ink);flex-direction:column;align-items:center;gap:4px;font-weight:700;display:flex}.handheld-pill{width:calc(var(--w) * .075);height:calc(var(--w) * .075);background:#17181b;border-radius:50%;transition:transform 60ms;box-shadow:0 2px #0009,inset 0 1px #ffffff14}.handheld-pill:active,.handheld-pill.is-pressed{transform:translateY(2px)}.handheld-speaker{aspect-ratio:1.6;opacity:.8;background-image:radial-gradient(circle,#0000008c 32%,#0000 36%);background-size:20% 33%;width:20%;position:absolute;bottom:12%;left:11%}.handheld-side-left kbd{color:#d4d4d4;border:1px solid #404040;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10px}.handheld-skip{color:#737373;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.handheld-skip:hover{color:#fde047}.scr{flex-direction:column;display:flex;position:absolute;inset:0}.scr-boot{color:#f1f3f5;background:radial-gradient(90% 90% at 50% 45%,#17181c,#050506);justify-content:center;align-items:center;animation:.25s ease-out both lcdOn}@keyframes lcdOn{0%{filter:brightness(0)}to{filter:brightness()}}.boot-word{aspect-ratio:835/240;width:80cqw;margin-top:-8%;position:relative;overflow:hidden}.boot-word svg{width:100%;height:100%;display:block}.boot-word svg>g:first-of-type{fill:#c9ccd2;animation:.3s linear 1.6s forwards bootLit}@keyframes bootLit{to{fill:#fff}}.boot-letter{opacity:0;animation:.42s cubic-bezier(.2,1.3,.4,1) forwards letterIn;transform:translate(900px)}@keyframes letterIn{to{opacity:1;transform:translate(0)}}.boot-word:after{content:"";background:linear-gradient(100deg,#0000 38%,#fffffff2 50%,#0000 62%) 130% 0/300% 100% no-repeat;animation:.7s ease-in-out 1.35s forwards shine;position:absolute;inset:0;-webkit-mask:url(/assets/global/nov27_horizontal_clean.svg) 50%/100% 100% no-repeat;mask:url(/assets/global/nov27_horizontal_clean.svg) 50%/100% 100% no-repeat}@keyframes shine{to{background-position:-30% 0}}.boot-sub{text-align:center;letter-spacing:.16em;color:#737373;opacity:0;font-size:3.6cqw;font-weight:800;animation:.5s ease-out 1.9s forwards fadeSub;position:absolute;bottom:13%;left:0;right:0}@keyframes fadeSub{0%{opacity:0;transform:translateY(2cqw)}to{opacity:1;transform:none}}.scr-ready{background:radial-gradient(90% 90% at 50% 45%,#17181c,#050506);justify-content:center;align-items:center;animation:.25s ease-out both lcdOn}.ready-start{letter-spacing:.22em;color:#fde047;font-size:6.4cqw;font-weight:800;animation:2s linear infinite readyBlink}@keyframes readyBlink{0%,55%{opacity:1}55.01%,to{opacity:0}}.scr-menu{background:#0c0d0e;padding:2.6cqw 4cqw}.scr-head{letter-spacing:.1em;color:#fde047;border-bottom:.5cqw solid #262626;justify-content:space-between;margin-bottom:1.4cqw;padding-bottom:1.4cqw;font-size:3.6cqw;font-weight:800;display:flex}.menu-pos{color:#a3a3a3;align-items:center;gap:1.2cqw;display:flex}.menu-pos b{color:#333;cursor:default;font-weight:800}.menu-pos b.is-more{color:#fde047;cursor:pointer;animation:.7s steps(2,end) infinite nudge}.menu-pos b:first-child.is-more{animation-name:nudgeUp}@keyframes nudgeUp{50%{transform:translateY(-.5cqw)}}.menu-list{flex-direction:column;gap:.4cqw;margin:0;padding:0;list-style:none;display:flex}.menu-item{letter-spacing:.04em;color:#737373;cursor:pointer;border-radius:1cqw;align-items:center;gap:2.5cqw;padding:.3cqw 2cqw;font-size:4.7cqw;font-weight:800;display:flex}.menu-item .cursor{color:#0000;width:3cqw}.menu-item .num{color:#525252;width:5cqw;font-size:3.2cqw}.menu-item .dot{background:var(--c,#fde047);opacity:.5;border-radius:.4cqw;width:2.4cqw;height:2.4cqw;margin-left:auto}.menu-item.is-active{color:#fff;background:#1a1a1a}.menu-item.is-active .cursor{color:var(--c,#fde047);animation:.6s steps(2,end) infinite nudge}.menu-item.is-active .dot{opacity:1}.menu-item>a{color:inherit;text-decoration:none;display:contents}.menu-list.is-static{overflow-y:auto}@keyframes nudge{50%{transform:translate(.8cqw)}}.menu-pos b:last-child.is-more{animation-name:nudgeDown}@keyframes nudgeDown{50%{transform:translateY(.5cqw)}}.menu-hint{border:.5cqw solid #262626;border-left:1cqw solid var(--c,#fde047);background:#111214;border-radius:1cqw;min-height:0;margin-top:auto;padding:1.1cqw 2.4cqw}.menu-hint-label{letter-spacing:.14em;color:var(--c,#fde047);margin-bottom:.8cqw;font-size:3cqw;font-weight:800}.menu-hint-text{color:#d4d4d4;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;height:3.9em;font-size:3.5cqw;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.scr-warp{color:var(--t,#fff);background:#0c0d0e;justify-content:center;align-items:center;gap:2.4cqw}.warp-wipe{z-index:0;grid-template-columns:repeat(10,1fr);display:grid;position:absolute;inset:0}.warp-wipe i{background:var(--c);transform-origin:top;animation:.28s steps(4,end) forwards wipe;transform:scaleY(0)}@keyframes wipe{to{transform:scaleY(1)}}.scr-warp>:not(.warp-wipe){z-index:1;position:relative}.warp-tape{object-fit:contain;opacity:0;filter:drop-shadow(0 1cqw #0000004d);max-width:80%;height:12cqw;animation:.5s cubic-bezier(.3,1.6,.5,1) .3s forwards drop;transform:translateY(-14cqw)}.warp-name{text-transform:uppercase;opacity:0;font-family:Dela Gothic One,sans-serif;font-size:8cqw;animation:.5s cubic-bezier(.3,1.6,.5,1) .3s forwards drop;transform:translateY(-14cqw)}@keyframes drop{to{opacity:1;transform:none}}.warp-fx{opacity:0;width:74%;height:13cqw;animation:.3s ease-out .45s forwards fadeSub}.warp-ecg{width:100%;height:100%;overflow:visible}.warp-ecg path{fill:none;stroke:var(--t,#fff);stroke-width:2.2px;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420px;animation:1.15s linear .5s forwards ecg}@keyframes ecg{to{stroke-dashoffset:0}}.warp-loaf{justify-content:center;align-items:flex-end;gap:3cqw;height:100%;display:flex}.warp-loaf i{background:var(--t,#fff);transform-origin:bottom;opacity:.9;border-radius:7cqw 7cqw 1cqw 1cqw;width:14cqw;height:100%;animation:1.1s steps(6,end) .5s forwards rise;transform:scaleY(.25)}.warp-loaf i:nth-child(2){animation-delay:.65s}.warp-loaf i:nth-child(3){animation-delay:.8s}@keyframes rise{to{transform:scaleY(1)}}.warp-lines{flex-direction:column;justify-content:center;gap:1.6cqw;height:100%;display:flex}.warp-lines i{background:var(--t,#fff);transform-origin:0;height:1.8cqw;animation:.35s steps(7,end) forwards write;transform:scaleX(0)}.warp-lines i:first-child{animation-delay:.5s}.warp-lines i:nth-child(2){width:86%;animation-delay:.8s}.warp-lines i:nth-child(3){width:94%;animation-delay:1.1s}.warp-lines i:nth-child(4){width:52%;animation-delay:1.4s}@keyframes write{to{transform:scaleX(1)}}.warp-eq{justify-content:center;align-items:flex-end;gap:1.6cqw;height:100%;display:flex}.warp-eq i{background:var(--t,#fff);transform-origin:bottom;width:4cqw;height:100%;animation:.4s steps(3,end) infinite alternate eq}.warp-eq i:nth-child(2n){animation-delay:.15s}.warp-eq i:nth-child(3n){animation-delay:.3s}@keyframes eq{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.warp-meta{letter-spacing:.14em;opacity:0;justify-content:space-between;width:74%;font-size:2.8cqw;font-weight:800;animation:.3s ease-out .45s forwards fadeSub;display:flex}.warp-blocks{border:.6cqw solid var(--t,#fff);opacity:0;grid-template-columns:repeat(10,1fr);gap:.8cqw;width:74%;height:3.4cqw;padding:.7cqw;animation:.3s ease-out .45s forwards fadeSub;display:grid}.warp-blocks i{background:var(--t,#fff);opacity:0}.warp-blocks i.is-on{opacity:1}.scr-warp.is-flash:before{content:"";z-index:5;background:#fff;animation:.35s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.9}to{opacity:0}}.handheld-curtain{z-index:100;background:var(--c,#0c0d0e);opacity:0;pointer-events:none;transition:opacity .35s .6s;position:fixed;inset:0}.handheld-curtain.is-on{opacity:1}@media (prefers-reduced-motion:reduce){.handheld-lid,.handheld-stage{transition:none!important}.boot-letter,.boot-sub{animation-duration:10ms!important;animation-delay:0s!important}.boot-word:after{display:none}.handheld{transition:none!important}.menu-item.is-active .cursor,.warp-eq i,.menu-pos b.is-more,.ready-start{animation:none}.warp-wipe i,.warp-tape,.warp-name,.warp-fx,.warp-meta,.warp-blocks,.warp-ecg path,.warp-loaf i,.warp-lines i{animation-duration:10ms!important;animation-delay:0s!important}}
