:root{--font-display: "Press Start 2P", cursive;--font-screen: "VT323", monospace;--font-body: var(--font-screen);--text-2xs: 10px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--line-tight: 1;--line-normal: 1.3;--line-relaxed: 1.5;--letter-ui: .04em;--letter-screen: .02em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-shell: 40px;--radius-screen: 12px;--radius-button-round: 999px;--radius-button-pill: 999px;--motion-instant: 80ms;--motion-fast: .14s;--motion-normal: .22s;--motion-slow: .36s;--motion-boot: .6s;--motion-press-down: 55ms;--motion-release: .12s;--motion-transition-weighted: .18s;--motion-screen-flash: .2s;--ease-snappy: cubic-bezier(.12, 1, .14, 1);--ease-soft: cubic-bezier(.25, .8, .25, 1);--ease-press: cubic-bezier(.2, .9, .2, 1);--ease-release: cubic-bezier(.2, .7, .2, 1);--ease-dramatic: cubic-bezier(.68, -.55, .265, 1.55);--shadow-shell: inset 2px 2px 5px rgba(255, 255, 255, .18), inset -7px -10px 18px rgba(0, 0, 0, .34), 0 16px 34px rgba(0, 0, 0, .24), 0 28px 64px rgba(0, 0, 0, .46);--shadow-lens: 0 5px 15px rgba(0, 0, 0, .5);--shadow-floating: 0 10px 25px rgba(0, 0, 0, .4);--shadow-glow-screen: 0 0 10px rgba(10, 255, 194, .5);--shadow-screen-depth: inset 0 0 22px rgba(0, 0, 0, .78), inset 0 -10px 18px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-screen-surface: 0 0 0 1px rgba(255, 255, 255, .02), 0 0 8px color-mix(in srgb, var(--device-screen-text) 8%, transparent), 0 4px 12px rgba(0, 0, 0, .24);--shadow-screen-mounted: var(--shadow-screen-depth), var(--shadow-screen-surface), 0 0 0 10px rgba(0, 0, 0, .08);--screen-vignette-edge: rgba(0, 0, 0, .14);--screen-rim-highlight: rgba(255, 255, 255, .03);--surface-screen-panel: rgba(0, 0, 0, .24);--surface-screen-panel-strong: rgba(0, 0, 0, .36);--border-screen-subtle: rgba(10, 255, 194, .24);--border-screen-strong: rgba(10, 255, 194, .45);--interactive-hover-shift: translateY(-1px);--color-text-primary: #fff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-bg-canvas: #0f0c29;--color-bg-elevated: #1a1a2e;--color-danger: #ff0055;--color-warning: #ffff00;--color-success: #7fff00;--device-shell: rgba(108, 38, 194, .85);--device-shell-shadow: #2a0b4d;--device-shell-highlight: rgba(255, 255, 255, .15);--device-lens-bg: #111;--device-screen-bg: #1a1a2e;--device-screen-text: #0affc2;--device-screen-dim: #055a44;--device-button-dpad: #222;--device-button-primary: #ff0055;--device-button-secondary: #ff0055;--device-button-meta: #555;--device-bg-base: #0f0c29;--device-bg-gradient: #302b63;--device-led-on: #ff3b30;--device-led-off: #330000;--device-trim: rgba(255, 255, 255, .16);--device-trim-strong: rgba(255, 255, 255, .26);--device-shadow-deep: rgba(0, 0, 0, .72);--console-width: 420px;--console-height: 720px;--console-landscape-width: 860px;--console-landscape-height: 400px;--focus-ring-width: 2px;--focus-ring-color: var(--device-screen-text);--focus-ring-shadow: 0 0 0 4px rgba(10, 255, 194, .2);--console-body: var(--device-shell);--console-shadow: var(--device-shell-shadow);--console-highlight: var(--device-shell-highlight);--lens-bg: var(--device-lens-bg);--screen-bg: var(--device-screen-bg);--screen-text: var(--device-screen-text);--screen-dim: var(--device-screen-dim);--btn-dpad: var(--device-button-dpad);--btn-a: var(--device-button-primary);--btn-b: var(--device-button-secondary);--btn-pill: var(--device-button-meta);--accent-glow: var(--shadow-glow-screen);--bg-color: var(--device-bg-base);--bg-gradient: var(--device-bg-gradient)}body.theme-atomic{color:inherit}body.theme-berry{--device-shell: rgba(215, 45, 109, .9);--device-shell-shadow: #5c0b2b;--device-screen-bg: #2b0f16;--device-screen-text: #ff7eb6;--device-screen-dim: #a63e6b;--device-button-primary: #00f0ff;--device-button-secondary: #00f0ff;--device-bg-base: #1a0509;--device-bg-gradient: #4d0f22;--border-screen-subtle: rgba(255, 126, 182, .22);--border-screen-strong: rgba(255, 126, 182, .4);--shadow-glow-screen: 0 0 8px rgba(255, 126, 182, .26)}body.theme-ice{--device-shell: rgba(100, 200, 255, .85);--device-shell-shadow: #1a4d66;--device-screen-bg: #0d1b2a;--device-screen-text: #00e5ff;--device-screen-dim: #007ea7;--device-button-primary: #ff0055;--device-button-secondary: #ff0055;--device-bg-base: #05101a;--device-bg-gradient: #153b50;--border-screen-subtle: rgba(0, 229, 255, .2);--border-screen-strong: rgba(0, 229, 255, .38);--shadow-glow-screen: 0 0 8px rgba(0, 229, 255, .24)}body.theme-jungle{--device-shell: rgba(50, 205, 50, .85);--device-shell-shadow: #0f4d12;--device-screen-bg: #0a1f0b;--device-screen-text: #adff2f;--device-screen-dim: #4caf50;--device-button-primary: #ffae00;--device-button-secondary: #ffae00;--device-bg-base: #051406;--device-bg-gradient: #143d16;--border-screen-subtle: rgba(173, 255, 47, .2);--border-screen-strong: rgba(173, 255, 47, .38);--shadow-glow-screen: 0 0 8px rgba(173, 255, 47, .22)}body.theme-classic{--device-shell: #c0c0c0;--device-shell-shadow: #555;--device-shell-highlight: rgba(255, 255, 255, .4);--device-screen-bg: #8bac0f;--device-screen-text: #0f380f;--device-screen-dim: #306230;--device-button-dpad: #333;--device-button-primary: #8b0000;--device-button-secondary: #8b0000;--device-bg-base: #222;--device-bg-gradient: #444;--border-screen-subtle: rgba(15, 56, 15, .16);--border-screen-strong: rgba(15, 56, 15, .28);--shadow-glow-screen: 0 0 4px rgba(15, 56, 15, .08)}body.theme-sunblaze{--device-shell: rgba(255, 100, 0, .85);--device-shell-shadow: #662200;--device-screen-bg: #2a0a00;--device-screen-text: #ffaa00;--device-screen-dim: #cc5500;--device-button-primary: #ffee00;--device-button-secondary: #ffee00;--device-bg-base: #1a0a00;--device-bg-gradient: #3d1500;--border-screen-subtle: rgba(255, 170, 0, .2);--border-screen-strong: rgba(255, 170, 0, .38);--shadow-glow-screen: 0 0 8px rgba(255, 170, 0, .24)}body.theme-cyberpunk{--device-shell: rgba(250, 230, 40, .9);--device-shell-shadow: #665c00;--device-screen-bg: #1a0033;--device-screen-text: #00ffff;--device-screen-dim: #ff00ff;--device-button-primary: #ff00ff;--device-button-secondary: #ff00ff;--device-bg-base: #0b001a;--device-bg-gradient: #1a0033;--border-screen-subtle: rgba(0, 255, 255, .2);--border-screen-strong: rgba(0, 255, 255, .38);--shadow-glow-screen: 0 0 8px rgba(0, 255, 255, .24)}body.theme-midnight{--device-shell: rgba(20, 20, 30, .95);--device-shell-shadow: #05050a;--device-shell-highlight: rgba(255, 255, 255, .05);--device-screen-bg: #000000;--device-screen-text: #88ccee;--device-screen-dim: #224466;--device-button-dpad: #111;--device-button-primary: #ee5555;--device-button-secondary: #ee5555;--device-bg-base: #050505;--device-bg-gradient: #111115;--border-screen-subtle: rgba(136, 204, 238, .18);--border-screen-strong: rgba(136, 204, 238, .34);--shadow-glow-screen: 0 0 8px rgba(136, 204, 238, .18)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-display);background-color:var(--device-bg-base);background-image:radial-gradient(circle at center,var(--device-bg-gradient) 0%,var(--device-bg-base) 100%);background-attachment:fixed;margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:var(--space-5);color:var(--color-text-primary);position:relative}::selection{background:var(--device-screen-text);color:var(--device-screen-bg)}.console{width:var(--console-width);height:var(--console-height);border-radius:var(--radius-shell);box-shadow:var(--shadow-shell)}.console.landscape{width:var(--console-landscape-width);height:var(--console-landscape-height)}.screen-lens{background:var(--device-lens-bg);box-shadow:var(--shadow-lens)}.screen-display{background:var(--device-screen-bg);color:var(--device-screen-text)}:where(button,[role=button],[role=switch],[role=tab],a):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:3px;box-shadow:var(--focus-ring-shadow)}:where(button,[role=button],[role=switch],[role=tab],a){transition-timing-function:var(--ease-soft)}.console-off :where(.tab-indicator,.social-link),.console-booting :where(.tab-indicator,.social-link){pointer-events:none}*{box-sizing:border-box}.scanlines{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#fff0,#fff0 50%,#00000040 50%,#00000040);background-size:100% 4px;z-index:-10;pointer-events:none}.pixels{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-11;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.pixels span{display:none}.snake-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-0);padding:var(--space-0)}.snake-score{font-family:var(--font-screen);font-size:var(--text-xs);color:var(--device-screen-text);text-shadow:0 0 4px color-mix(in srgb,var(--device-screen-text) 40%,transparent);letter-spacing:.08em;text-transform:uppercase;user-select:none;padding-bottom:var(--space-0)}.snake-canvas-wrapper{position:relative;width:100%;display:flex;justify-content:center}.snake-canvas{display:block;width:100%;max-width:288px;height:135px;border:2px solid color-mix(in srgb,var(--device-screen-text) 30%,transparent);border-radius:2px;image-rendering:pixelated;background:#0000004d}.snake-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);background:#000c;pointer-events:none}.snake-overlay-text{font-family:var(--font-screen);font-size:var(--text-lg);color:var(--device-screen-text);text-shadow:0 0 6px color-mix(in srgb,var(--device-screen-text) 50%,transparent);letter-spacing:.08em;text-transform:uppercase;margin:0}.snake-overlay-score{font-family:var(--font-screen);font-size:var(--text-sm);color:var(--device-screen-text);opacity:.8;letter-spacing:.06em;margin:0}.snake-overlay-best{font-family:var(--font-screen);font-size:var(--text-2xs);color:var(--device-screen-dim);letter-spacing:.06em;margin:0}.snake-overlay-hint{font-family:var(--font-screen);font-size:var(--text-2xs);color:var(--device-screen-text);opacity:.7;margin:var(--space-1) 0 0;animation:blink 1s infinite;letter-spacing:.06em}.dpad-btn:before,.pill-btn:before,.action-buttons button:before{content:"";position:absolute;inset:-10px;z-index:10}@keyframes whipIn{0%{transform:translate(100vw) rotate(5deg) scale(.9);opacity:0}60%{transform:translate(-15px) rotate(-1deg) scale(1.02);opacity:1}80%{transform:translate(5px) rotate(.5deg) scale(.99)}to{transform:translate(0) rotate(0) scale(1);opacity:1}}@keyframes consoleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.console{position:relative;background:linear-gradient(155deg,color-mix(in srgb,var(--device-shell) 82%,white 18%),color-mix(in srgb,var(--device-shell) 90%,black 10%) 42%,color-mix(in srgb,var(--device-shell-shadow) 80%,black 20%));backdrop-filter:blur(10px);box-shadow:var(--shadow-shell);display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;border:2px solid var(--device-trim-strong);animation:whipIn var(--motion-normal) var(--ease-soft) forwards,consoleFloat 6s ease-in-out infinite var(--motion-normal);width:var(--console-width);height:var(--console-height);border-radius:var(--radius-shell);padding:var(--space-8) var(--space-7);margin:0 auto;overflow:hidden}.console:before,.console:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit}.console:before{background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.18),transparent 22%),linear-gradient(155deg,rgba(255,255,255,.12) 0%,transparent 30%),linear-gradient(335deg,transparent 64%,rgba(0,0,0,.14) 100%);mix-blend-mode:screen;opacity:.52}.console:after{inset:10px;border-radius:calc(var(--radius-shell) - 10px);border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff0f,inset 10px 10px 18px #ffffff06,inset -14px -16px 26px #00000024}.console.landscape{width:var(--console-landscape-width);height:var(--console-landscape-height);padding:var(--space-5)}.console-body{z-index:1}.console-body{width:100%;height:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"screen screen" "left right" "meta speaker";gap:var(--space-2)}.console.landscape .console-body{display:grid;grid-template-columns:180px 1fr 180px;grid-template-rows:1fr auto;grid-template-areas:"left screen right" "meta screen speaker";align-items:center;gap:var(--space-4);width:100%}.left-controls,.right-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.left-controls{grid-area:left;justify-content:flex-start;padding-top:var(--space-5)}.console.landscape .left-controls{align-items:center;padding-right:var(--space-2);padding-top:0}.console.landscape .dpad{transform:scale(1.1) rotate(360deg);transition:transform var(--motion-slow) var(--ease-soft)}.right-controls{grid-area:right;justify-content:flex-start;padding-top:var(--space-8)}.console.landscape .left-controls,.console.landscape .right-controls{flex:0 0 180px;height:100%;padding:0;justify-content:center}.console.landscape .left-controls{align-items:center;padding-right:var(--space-2)}.console.landscape .right-controls{align-items:center;padding-left:var(--space-2)}.console{view-transition-name:console-shell}.screen-lens{view-transition-name:console-screen}.dpad{view-transition-name:console-dpad}.action-buttons{view-transition-name:none}.group-a{view-transition-name:btn-group-a}.group-b{view-transition-name:btn-group-b}.meta-controls{view-transition-name:none;grid-area:meta}.speaker{view-transition-name:none}::view-transition-group(root),::view-transition-group(console-shell),::view-transition-group(console-screen),::view-transition-group(console-dpad),::view-transition-group(btn-group-a),::view-transition-group(btn-group-b),::view-transition-group(btn-select),::view-transition-group(btn-start),::view-transition-group(label-select),::view-transition-group(label-start),::view-transition-group(s1),::view-transition-group(s2),::view-transition-group(s3),::view-transition-group(s4),::view-transition-group(s5),::view-transition-group(s6),::view-transition-group(console-power-switch){animation-timing-function:var(--ease-soft);animation-duration:var(--motion-transition-weighted)}@keyframes gbaFlash{0%{filter:brightness(1) contrast(1)}45%{filter:brightness(1.1) contrast(.98)}to{filter:brightness(1) contrast(1)}}::view-transition-new(console-screen){animation:gbaFlash var(--motion-screen-flash) var(--ease-soft);height:100%;width:100%}::view-transition-old(console-shell),::view-transition-new(console-shell),::view-transition-old(console-screen),::view-transition-new(console-screen),::view-transition-old(console-dpad),::view-transition-new(console-dpad),::view-transition-old(btn-group-a),::view-transition-new(btn-group-a),::view-transition-old(btn-group-b),::view-transition-new(btn-group-b),::view-transition-old(btn-select),::view-transition-new(btn-select),::view-transition-old(console-power-switch),::view-transition-new(console-power-switch),::view-transition-old(btn-start),::view-transition-new(btn-start),::view-transition-old(label-select),::view-transition-new(label-select),::view-transition-old(label-start),::view-transition-new(label-start),::view-transition-old(s1),::view-transition-new(s1),::view-transition-old(s2),::view-transition-new(s2),::view-transition-old(s3),::view-transition-new(s3),::view-transition-old(s4),::view-transition-new(s4),::view-transition-old(s5),::view-transition-new(s5),::view-transition-old(s6),::view-transition-new(s6){height:100%;width:100%}::view-transition-old(console-shell){display:none}::view-transition-new(console-shell){animation:none}::view-transition-old(console-screen),::view-transition-new(console-screen){mix-blend-mode:normal}.power-switch-container{position:absolute;top:60px;left:-12px;z-index:-1;transform-style:preserve-3d;cursor:pointer;padding:10px 20px 10px 0;view-transition-name:console-power-switch}.console.landscape .power-switch-container{left:178px;top:45px;z-index:5}.console.landscape .switch-track{width:18px;height:40px}.console.landscape .switch-handle{width:16px;height:14px}.console.landscape .switch-track[aria-checked=false] .switch-handle{top:24px}::view-transition-group(console-power-switch){z-index:5}::view-transition-group(console-screen){z-index:20}.switch-track{width:25px;height:50px;background:linear-gradient(180deg,#1a1a1a,#0e0e0e);border-radius:5px 0 0 5px;position:relative;box-shadow:inset 2px 0 5px #ffffff1a,-2px 2px 5px #00000080;border:1px solid #222;border-right:none;overflow:hidden}.switch-handle{width:24px;height:18px;background:linear-gradient(180deg,#666,#3c3c3c);background-image:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(0,0,0,.5) 2px,rgba(0,0,0,.5) 3px);position:absolute;left:1px;border-radius:3px 0 0 3px;box-shadow:inset 1px 0 1px #ffffff4d,0 2px 4px #000c;transition:top var(--motion-fast) var(--ease-soft),box-shadow var(--motion-fast) var(--ease-soft),background-color var(--motion-fast) var(--ease-soft);z-index:2}.switch-track[aria-checked=false] .switch-handle{top:30px;background-color:#333;box-shadow:inset 1px 0 1px #ffffff1f,0 1px 3px #000000bf}.switch-track[aria-checked=true] .switch-handle{top:2px;background-color:#555;box-shadow:0 0 10px #0f03,0 0 0 1px #ffffff14}.console-off .screen-display{background:#040404!important;background-image:radial-gradient(120% 90% at 18% 10%,rgba(255,255,255,.028),transparent 30%),radial-gradient(130% 110% at 50% 58%,rgba(255,255,255,.012),transparent 52%),linear-gradient(180deg,#16161673,#000000eb)!important;color:#111!important;text-shadow:none!important;box-shadow:inset 0 0 42px #000000f5,inset 0 -14px 18px #00000052,inset 0 1px #ffffff06!important;overflow:hidden}.console-off .screen-display:before{background:radial-gradient(135% 100% at 20% 8%,rgba(255,255,255,.028),transparent 26%),radial-gradient(140% 110% at 50% 50%,transparent 60%,rgba(0,0,0,.22) 100%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 22%,transparent 80%,rgba(0,0,0,.12));box-shadow:inset 0 0 0 1px #ffffff03;opacity:.9}.console-off .screen-display *{opacity:0!important;transition:opacity .1s}.console-off .power-indicator .led{background:#300;box-shadow:none;animation:none;opacity:.3}.console-off .screen-display,.console-off .dpad-btn,.console-off .action-buttons button,.console-off .meta-controls,.console-booting .screen-display,.console-booting .dpad-btn,.console-booting .action-buttons button,.console-booting .meta-controls{pointer-events:none}.screen-lens{background:linear-gradient(180deg,color-mix(in srgb,var(--device-lens-bg) 86%,white 14%),color-mix(in srgb,var(--device-lens-bg) 92%,black 8%) 58%,color-mix(in srgb,var(--device-lens-bg) 78%,black 22%));grid-area:screen;width:100%;align-self:flex-start;border-radius:15px 15px 45px;padding:var(--space-7) var(--space-8) var(--space-4) var(--space-8);position:relative;box-shadow:var(--shadow-lens),inset 0 1px #ffffff0f,inset 0 -12px 18px #00000029,0 0 0 1px #00000029;margin-bottom:var(--space-5);border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;justify-content:center}.console.landscape .screen-lens{flex:1;align-self:stretch;border-radius:15px 15px 45px;margin:10px 0}.screen-lens>.screen-display{box-shadow:var(--shadow-screen-mounted)}.screen-lens:before{content:"";position:absolute;top:25px;left:40px;right:40px;height:3px;background:linear-gradient(90deg,var(--color-danger),#a210bc,#00ccff);box-shadow:0 0 5px #fff3}.logo{font-family:sans-serif;color:#ccc;font-style:italic;font-weight:700;font-size:var(--text-sm);text-align:center;margin-top:var(--space-1);width:100%}.logo .advance{font-family:var(--font-display);color:var(--device-button-primary);font-style:normal;font-size:var(--text-2xs);margin-left:var(--space-1);letter-spacing:1px}.power-indicator{position:absolute;top:50%;left:15px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;filter:drop-shadow(0 0 6px rgba(255,59,48,.18))}.power-indicator .led{width:8px;height:8px;background:var(--device-led-on);border-radius:50%;box-shadow:0 0 6px var(--device-led-on),0 0 12px #ff3b3033;animation:pulse 3s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.screen-display{background:var(--device-screen-bg);width:100%;height:230px;box-shadow:var(--shadow-screen-depth),var(--shadow-screen-surface);overflow:hidden;padding:var(--space-4);font-family:var(--font-screen);font-size:1.4rem;color:var(--device-screen-text);position:relative;border-radius:var(--radius-xs);border:1px solid var(--border-screen-subtle);background-image:radial-gradient(circle at 46% 6%,rgba(255,255,255,.035),transparent 28%),linear-gradient(#12101000 50%,#0000002e 50%),linear-gradient(90deg,#ff000007,#00ff0003,#0000ff07);background-size:100% 100%,100% 2px,3px 100%}.screen-display:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(140% 110% at 50% 50%,transparent 58%,var(--screen-vignette-edge) 100%),linear-gradient(180deg,var(--screen-rim-highlight),transparent 18%,transparent 82%,rgba(0,0,0,.08));box-shadow:inset 0 0 0 1px #ffffff04,inset 0 0 20px color-mix(in srgb,var(--device-screen-text) 4%,transparent);opacity:.78}.boot-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--device-screen-bg);z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-4);opacity:0;visibility:hidden;transition:opacity var(--motion-normal) var(--ease-soft),visibility var(--motion-normal) var(--ease-soft)}.boot-screen.active{opacity:1;visibility:visible}.progress-container{width:60%;height:16px;border:3px solid var(--screen-text);border-radius:4px;padding:2px;box-shadow:0 0 5px var(--screen-text);background:#0006;display:flex;align-items:center}.progress-bar{width:100%;height:100%;background:var(--screen-text);border-radius:2px}.boot-screen.active .progress-bar{animation:fillProgressBlocks 3.5s steps(5,jump-none) forwards}.boot-status{margin:0;font-size:var(--text-sm);letter-spacing:var(--letter-screen);text-transform:uppercase;color:var(--device-screen-text);text-shadow:0 0 6px rgba(10,255,194,.3);animation:blink 1.2s steps(2,jump-none) infinite}@keyframes fillProgressBlocks{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}.screen-lens:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:linear-gradient(114deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.028) 26%,rgba(255,255,255,.012) 42%,transparent 54%),radial-gradient(120% 70% at 18% 10%,rgba(255,255,255,.045),transparent 32%);opacity:.85;pointer-events:none;z-index:100}.top-hud{position:absolute;top:var(--space-3);left:var(--space-4);right:60px;display:flex;align-items:center;gap:var(--space-3);font-size:13px;line-height:var(--line-tight);color:var(--device-screen-text);z-index:3;pointer-events:none;text-transform:uppercase;letter-spacing:var(--letter-screen)}.hud-item{display:inline-flex;align-items:center;white-space:nowrap;text-shadow:0 0 4px rgba(10,255,194,.35);font-variant-numeric:tabular-nums}.brand-text{text-align:center;color:#666;font-style:italic;font-size:14px;margin-top:12px;font-family:sans-serif;font-weight:700;letter-spacing:1px}.brand-text span{color:#ccc;font-weight:800}.brand-text .color-text{font-family:"Press Start 2P",cursive;background:linear-gradient(90deg,#f05,#0cf);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:16px;position:relative;top:1px}.profile{text-align:center;margin-bottom:15px;border-bottom:1px solid rgba(10,255,194,.3);padding-bottom:10px}.avatar-wrapper{width:80px;height:80px;margin:0 auto 10px;border:2px solid var(--screen-text);box-shadow:0 0 10px var(--screen-text);border-radius:5px;overflow:hidden}.avatar{width:100%;height:100%;object-fit:cover;filter:sepia(1) hue-rotate(130deg) saturate(2) contrast(1.2);image-rendering:pixelated}h1{font-size:24px;margin:5px 0;text-transform:uppercase;text-shadow:2px 2px 0 var(--screen-dim)}h2{margin:0;text-wrap:balance;font-size:var(--text-md);letter-spacing:.06em}.tagline{font-size:var(--text-sm);margin:0;opacity:.8;color:var(--screen-text);text-shadow:1px 1px 0 var(--screen-dim)}.tabs-header{display:flex;justify-content:center;gap:var(--space-5);margin-bottom:var(--space-3);border-bottom:1px solid var(--border-screen-subtle);padding:0 0 6px;margin-top:var(--space-3)}.tab-indicator{appearance:none;border:none;border-bottom:2px solid transparent;background:transparent;font-size:var(--text-md);cursor:pointer;opacity:.62;transition:opacity var(--motion-fast),text-shadow var(--motion-fast),border-color var(--motion-fast);color:var(--device-screen-text);text-transform:uppercase;font-family:var(--font-screen);letter-spacing:.08em;border-radius:0;padding:0 0 2px}.tab-indicator:hover{opacity:.82;border-color:color-mix(in srgb,var(--device-screen-text) 18%,transparent)}.tab-indicator.active{opacity:1;font-weight:700;text-shadow:0 0 4px color-mix(in srgb,var(--device-screen-text) 40%,transparent);border-bottom-color:var(--border-screen-strong);background:transparent;box-shadow:none;margin-bottom:0}.tab-content{display:none;animation:fadeIn var(--motion-normal) var(--ease-soft)}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.about-text{font-family:var(--font-screen);font-size:var(--text-md);line-height:1.3;color:var(--device-screen-text);text-shadow:0 0 1px color-mix(in srgb,var(--device-screen-text) 40%,transparent);padding:8px var(--space-3);background:#0000001f;border:1px solid var(--border-screen-subtle);border-radius:0;min-height:100px;text-wrap:pretty;box-shadow:none}.help-panel{padding:8px var(--space-3);border:1px solid var(--border-screen-subtle);border-radius:0;background:#0000001a;font-size:var(--text-md);color:var(--device-screen-text);box-shadow:none}.help-panel h3{margin:0 0 var(--space-2);font-size:var(--text-md);color:var(--device-screen-text);text-shadow:none;border-bottom:1px solid var(--border-screen-strong);padding-bottom:4px;text-wrap:nowrap;letter-spacing:.08em}.help-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.help-panel li{display:flex;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--device-screen-dim) 55%,transparent);padding:0 0 4px}.help-panel li span:first-child{font-weight:700;color:var(--device-screen-text)}.secret-hint{margin:var(--space-3) 0 0;color:var(--device-screen-text);background:#00000024;border:1px solid var(--border-screen-subtle);padding:4px var(--space-2);text-align:center;font-weight:700;letter-spacing:.08em;border-radius:0;font-size:14px;white-space:nowrap}.cursor{display:inline-block;width:10px;height:1em;background-color:var(--device-screen-text);animation:blink 1s infinite;vertical-align:bottom}.battery{position:absolute;top:var(--space-4);right:var(--space-5);width:30px;height:14px;border:2px solid var(--device-screen-dim);border-radius:2px;padding:1px;display:flex;align-items:center}.battery:after{content:"";position:absolute;right:-4px;top:3px;width:2px;height:4px;background:var(--device-screen-dim)}.battery-level{height:100%;width:0%;background:var(--device-screen-dim);transition:width var(--motion-slow),background-color var(--motion-slow)}.battery-level.charging{animation:charge 2s steps(5) infinite;transition:none}@keyframes charge{0%{width:0%}to{width:100%}}#start-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--device-screen-bg);box-shadow:inset 0 0 20px #000c;z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--device-screen-text);font-size:var(--text-lg)}.blink{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes turnOn{0%{transform:scaleY(.035);opacity:0}28%{transform:scaleY(.035);opacity:.92}62%{transform:scaleY(.88);opacity:1}to{transform:scale(1);opacity:1}}.screen-display{animation:turnOn var(--motion-transition-weighted) var(--ease-soft);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.screen-display::-webkit-scrollbar{display:none}.links{display:flex;flex-direction:column;gap:var(--space-2)}.links a{display:flex;align-items:center;color:var(--device-screen-text);text-decoration:none;padding:5px var(--space-3);border:none;border-left:2px solid transparent;border-radius:0;transition:color var(--motion-fast),background-color var(--motion-fast),border-color var(--motion-fast),text-shadow var(--motion-fast);font-size:var(--text-md);background:transparent}.links a:hover{background:color-mix(in srgb,var(--device-screen-text) 10%,transparent);border-left-color:color-mix(in srgb,var(--device-screen-text) 35%,transparent);text-shadow:0 0 4px color-mix(in srgb,var(--device-screen-text) 28%,transparent)}.links a.active{background:var(--device-screen-text);color:var(--device-screen-bg);border-left-color:var(--device-screen-text);box-shadow:none;font-weight:700;text-shadow:none}.links a svg{width:20px;height:20px;margin-right:var(--space-3);fill:currentColor;flex-shrink:0}.footer{text-align:center;color:var(--device-screen-dim);font-size:var(--text-2xs);margin-top:var(--space-4);padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,var(--device-screen-dim) 70%,transparent);letter-spacing:.08em}.start-content{text-align:center;padding:var(--space-5);text-shadow:0 0 10px rgba(10,255,194,.18)}.start-content p{font-size:var(--text-sm);margin-top:var(--space-5)}.dpad-area{width:140px;height:140px;position:relative}.dpad{width:130px;height:130px;position:relative;border-radius:50%;background:#0001;box-shadow:inset 3px 3px 10px #000000a3,inset -1px -1px 3px #ffffff14,inset 0 -8px 14px #0000001f,0 1px 1px #ffffff29,0 2px 4px #0000001f;transition:transform var(--motion-slow) var(--ease-soft)}.dpad-btn{position:absolute;background-color:var(--device-button-dpad);border:none;cursor:pointer;background-image:linear-gradient(135deg,#ffffff1a,#fff0 40%,#0003);transition:transform var(--motion-release) var(--ease-release),box-shadow var(--motion-release) var(--ease-release),filter var(--motion-release) var(--ease-release),background-image var(--motion-release) var(--ease-release);z-index:2;display:flex;justify-content:center;align-items:center}.dpad-btn:hover{filter:brightness(1.04)}.dpad-btn:after{content:"";display:block;width:0;height:0;border-style:solid;opacity:.15}.dpad-up{top:12px;left:45px;width:40px;height:40px;border-radius:4px 4px 0 0;box-shadow:inset 0 1.5px 2px #fff3,inset 1px 0 2px #ffffff1a,inset -1px 0 2px #0003,0 4px #000000b3,0 6px 10px #00000080}.dpad-up:after{border-width:0 6px 7px 6px;border-color:transparent transparent #000 transparent;margin-bottom:8px}.dpad-down{bottom:12px;left:45px;width:40px;height:40px;border-radius:0 0 4px 4px;box-shadow:inset 1px 0 2px #ffffff1a,inset -1px 0 2px #0003,inset 0 -2px 4px #00000080,0 4px #000000b3,0 6px 10px #00000080}.dpad-down:after{border-width:7px 6px 0 6px;border-color:#000 transparent transparent transparent;margin-top:8px}.dpad-left{top:45px;left:12px;width:40px;height:40px;border-radius:4px 0 0 4px;box-shadow:inset 1.5px 0 2px #fff3,inset 0 1px 2px #ffffff1a,inset 0 -1px 2px #0003,0 4px #000000b3,0 6px 10px #00000080}.dpad-left:after{border-width:6px 7px 6px 0;border-color:transparent #000 transparent transparent;margin-right:8px}.dpad-right{top:45px;right:12px;width:40px;height:40px;border-radius:0 4px 4px 0;box-shadow:inset 0 1px 2px #ffffff1a,inset 0 -1px 2px #0003,inset -2px 0 4px #00000080,0 4px #000000b3,0 6px 10px #00000080}.dpad-right:after{border-width:6px 0 6px 7px;border-color:transparent transparent transparent #000;margin-left:8px}.dpad-center{position:absolute;top:45px;left:45px;width:40px;height:40px;background-color:var(--device-button-dpad);background-image:linear-gradient(135deg,#ffffff0d,#fff0,#0000001a);z-index:3;box-shadow:-4px 0 0 var(--device-button-dpad),4px 0 0 var(--device-button-dpad),0 -4px 0 var(--device-button-dpad),0 4px 0 var(--device-button-dpad),0 4px #000000b3,0 6px 10px #00000080}.dpad-center:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:#0000001a;box-shadow:inset 1px 1px 3px #0006,0 1px 1px #ffffff0d}.dpad-btn:active,.dpad-btn.pressed{background-image:linear-gradient(135deg,#ffffff0d,#0000001a 40%,#0000004d);transition:transform var(--motion-press-down) var(--ease-snappy),box-shadow var(--motion-press-down) var(--ease-snappy),filter var(--motion-press-down) var(--ease-snappy),background-image var(--motion-press-down) linear}.dpad-up:active,.dpad-up.pressed{transform:perspective(200px) rotateX(15deg);transform-origin:bottom center;box-shadow:inset 0 2px 4px #00000080,inset 1px 0 2px #0003,inset -1px 0 2px #0003,0 0 #0009,0 2px 4px #00000080}.dpad-down:active,.dpad-down.pressed{transform:perspective(200px) rotateX(-15deg);transform-origin:top center;box-shadow:inset 0 2px 4px #00000080,inset 1px 0 2px #0003,inset -1px 0 2px #0003,0 0 #0009,0 2px 4px #00000080}.dpad-left:active,.dpad-left.pressed{transform:perspective(200px) rotateY(-15deg);transform-origin:right center;box-shadow:inset 0 2px 4px #00000080,inset 1.5px 0 2px #0003,inset 0 -1px 2px #0003,0 0 #0009,0 2px 4px #00000080}.dpad-right:active,.dpad-right.pressed{transform:perspective(200px) rotateY(15deg);transform-origin:left center;box-shadow:inset 0 2px 4px #00000080,inset -2px 0 4px #0003,inset 0 -1px 2px #0003,0 0 #0009,0 2px 4px #00000080}.action-buttons{display:flex;gap:var(--space-5);transform:rotate(25deg);margin-bottom:var(--space-7);padding-left:var(--space-5);margin-top:var(--space-4)}.console.landscape .action-buttons{transform:rotate(-15deg);margin-bottom:var(--space-5);padding-left:0;gap:var(--space-4)}.btn-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);position:relative;z-index:1}.btn-group:before{content:"";position:absolute;top:-5px;width:66px;height:66px;border-radius:50%;background:#0000000f;box-shadow:inset 3px 3px 6px #0000009e,inset -1px -1px 3px #ffffff14,inset 0 -6px 10px #0000001f,0 1px 1px #ffffff24,0 2px 5px #0000001f;z-index:-1;pointer-events:none}.action-buttons button{width:56px;height:56px;border-radius:var(--radius-button-round);border:none;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:800;font-size:19px;letter-spacing:1px;color:var(--btn-text, rgba(255, 255, 255, .95));background-image:linear-gradient(135deg,#ffffff40,#fff0 40%,#00000026);text-shadow:0 1px 2px rgba(0,0,0,.4);cursor:pointer;position:relative;z-index:2;transition:transform var(--motion-release) var(--ease-release),box-shadow var(--motion-release) var(--ease-release),filter var(--motion-release) var(--ease-release)}.btn-a{background-color:var(--device-button-primary);box-shadow:inset 0 1.5px 2px #fff9,inset 0 -2px 4px #0000004d,0 4px #0009,0 6px 10px #0009}.btn-b{background-color:var(--device-button-secondary);box-shadow:inset 0 1.5px 2px #fff9,inset 0 -2px 4px #0000004d,0 4px #0009,0 6px 10px #0009}.action-buttons button:hover{filter:brightness(1.03);transform:translateY(-.5px)}.action-buttons .btn-a:active,.action-buttons .btn-a.pressed,.action-buttons .btn-b:active,.action-buttons .btn-b.pressed{transform:translateY(4px);box-shadow:inset 0 2px 4px #00000080,inset 0 -1px 2px #ffffff1a,0 0 #0009,0 2px 4px #00000080;transition:transform var(--motion-press-down) var(--ease-snappy),box-shadow var(--motion-press-down) var(--ease-snappy),filter var(--motion-press-down) var(--ease-snappy)}.btn-group:after{content:"A";font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:800;color:#fff6;font-size:15px;letter-spacing:1px;margin-top:2px}.btn-group:last-child:after{content:"B"}.btn-group:first-child:after{content:"A"}.speaker{grid-area:speaker;display:flex;justify-content:center;gap:var(--space-2);transform:rotate(25deg);opacity:.92;margin-bottom:var(--space-5);justify-self:end;padding-right:var(--space-8)}.speaker span{width:6px;height:60px;background:linear-gradient(180deg,#000000ad,#000000e6);border-radius:5px;box-shadow:inset 1px 1px 3px #000000e6,inset -1px -1px 2px #ffffff14,1px 1px 1px #ffffff29}.console.landscape .speaker{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:auto;margin-bottom:25px;transform:rotate(-10deg);margin-left:0}.console.landscape .speaker span{width:8px;height:8px;background:#000c;border-radius:50%;box-shadow:inset 1px 1px 3px #000000e6,inset -1px -1px 1px #ffffff1a,1px 1px 1px #fff3}.meta-controls{grid-area:meta;display:flex;justify-content:flex-start;padding-left:var(--space-5);gap:var(--space-4);margin-bottom:var(--space-5);transform:rotate(25deg);z-index:5}.meta-group{display:flex;justify-content:center;position:relative;width:60px;height:14px;z-index:1}.meta-group:before{content:"";position:absolute;top:-5px;left:-5px;width:70px;height:24px;border-radius:12px;background:#00000018;box-shadow:inset 3px 3px 5px #0000009e,inset -1px -1px 3px #ffffff12,inset 0 -4px 8px #0000001a,0 1px 1px #ffffff1f,0 2px 4px #0000001a;z-index:-1;pointer-events:none}.pill-label{position:absolute;top:24px;width:100%;text-align:center;font-size:var(--text-2xs);color:#fff6;font-family:sans-serif;font-weight:700;letter-spacing:.5px;view-transition-name:none}.pill-label.label-select{view-transition-name:label-select}.pill-label.label-start{view-transition-name:label-start}.pill-btn{width:60px;height:14px;background:var(--device-button-meta);border:none;border-radius:10px;position:relative;box-shadow:0 2px 3px #000c,inset 0 1px 1px #ffffff1a;cursor:pointer;view-transition-name:none;transition:transform var(--motion-release) var(--ease-release),filter var(--motion-release) var(--ease-release),box-shadow var(--motion-release) var(--ease-release),background-color var(--motion-release) var(--ease-release)}.pill-btn.select{view-transition-name:btn-select}.pill-btn.start{view-transition-name:btn-start}.pill-btn:hover{filter:brightness(1.04)}.pill-btn:active,.pill-btn.pressed{transform:translateY(2px);background:#222;box-shadow:0 0 1px #000c,inset 0 2px 4px #00000080;transition:transform var(--motion-press-down) var(--ease-snappy),filter var(--motion-press-down) var(--ease-snappy),box-shadow var(--motion-press-down) var(--ease-snappy),background-color var(--motion-press-down) linear}.console.landscape .meta-controls{position:absolute;top:var(--space-5);bottom:auto;left:var(--space-8);right:var(--space-8);width:auto;height:auto;transform:none;justify-content:space-between;gap:0;pointer-events:none;padding:0;margin:0;z-index:20}.console.landscape .meta-group{flex-direction:column;width:24px;height:12px}.console.landscape .meta-group:before{top:-5px;left:-5px;width:34px;height:22px;border-radius:11px;background:#0003;box-shadow:inset 1px 1px 3px #000c}.console.landscape .pill-label{top:-18px;left:50%;transform:translate(-50%);width:auto;white-space:nowrap;font-size:8px}.console.landscape .pill-btn{pointer-events:auto;width:24px;height:12px;border-radius:6px;background:#333;box-shadow:0 1px 2px #000c,inset 0 1px 1px #ffffff1a}.console.landscape .pill-btn:active,.console.landscape .pill-btn.pressed{transform:translateY(1px);background:#222;box-shadow:0 0 1px #000c,inset 0 2px 4px #00000080}@media(max-width:500px){body{padding:0;margin:0;background-color:#000;background-image:none;overflow:hidden}.console{width:100vw;border-radius:0;height:100dvh;min-height:100dvh;transform:none;box-shadow:none;border:none;margin:0}.top-hud{left:var(--space-3);right:52px;gap:var(--space-2);font-size:11px}.profile{margin-top:58px}.help-panel{font-size:16px}.power-switch-container{top:max(10px,env(safe-area-inset-top));left:8px;z-index:8;padding:8px}.switch-track{width:22px;height:42px}.switch-handle{width:20px;height:16px}.switch-track[aria-checked=false] .switch-handle{top:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-turn-control{position:fixed;bottom:var(--space-7);right:var(--space-7);z-index:1000;pointer-events:auto}.app-btn{appearance:none;width:64px;height:64px;border-radius:var(--radius-button-round);background:#14141ed9;backdrop-filter:blur(8px);color:#ffffffe6;border:2px solid rgba(255,255,255,.1);box-shadow:var(--shadow-floating);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all var(--motion-slow) var(--ease-dramatic)}.app-btn:hover{transform:scale(1.1) rotate(5deg);background:#282832f2;color:#fff;box-shadow:0 12px 35px color-mix(in srgb,var(--device-shell) 50%,transparent);border-color:#ffffff4d}.app-btn:active,.app-btn.pressed{transform:scale(.9)}.turn-icon{width:28px;height:28px;fill:currentColor;transition:transform var(--motion-slow) var(--ease-dramatic)}.app-btn:hover .turn-icon{transform:rotate(180deg)}@media(max-width:768px),(hover:none)and (pointer:coarse){.app-turn-control{bottom:calc(env(safe-area-inset-bottom) + var(--space-4));right:calc(env(safe-area-inset-right) + var(--space-4))}.app-btn{width:52px;height:52px}.turn-icon{width:22px;height:22px}}