:root{--console-body: rgba(108, 38, 194, .85);--console-shadow: #2a0b4d;--console-highlight: rgba(255, 255, 255, .15);--lens-bg: #111;--screen-bg: #1a1a2e;--screen-text: #0affc2;--screen-dim: #055a44;--btn-dpad: #222;--btn-a: #ff0055;--btn-b: #ff0055;--btn-pill: #555;--accent-glow: 0 0 10px rgba(10, 255, 194, .5);--bg-color: #0f0c29;--bg-gradient: #302b63}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Press Start 2P",cursive;background-color:var(--bg-color);background-image:radial-gradient(circle at center,var(--bg-gradient) 0%,var(--bg-color) 100%);background-attachment:fixed;margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:20px;color:#fff;position:relative}::selection{background:var(--screen-text);color:var(--screen-bg)}.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}body.theme-atomic{color:inherit}body.theme-berry{--console-body: rgba(215, 45, 109, .9);--console-shadow: #5c0b2b;--screen-bg: #2b0f16;--screen-text: #ff7eb6;--screen-dim: #a63e6b;--btn-a: #00f0ff;--btn-b: #00f0ff;--accent-glow: 0 0 10px rgba(255, 126, 182, .6);--bg-color: #1a0509;--bg-gradient: #4d0f22}body.theme-ice{--console-body: rgba(100, 200, 255, .85);--console-shadow: #1a4d66;--screen-bg: #0d1b2a;--screen-text: #00e5ff;--screen-dim: #007ea7;--btn-a: #ff0055;--btn-b: #ff0055;--accent-glow: 0 0 10px rgba(0, 229, 255, .6);--bg-color: #05101a;--bg-gradient: #153b50}body.theme-jungle{--console-body: rgba(50, 205, 50, .85);--console-shadow: #0f4d12;--screen-bg: #0a1f0b;--screen-text: #adff2f;--screen-dim: #4caf50;--btn-a: #ffae00;--btn-b: #ffae00;--accent-glow: 0 0 10px rgba(173, 255, 47, .5);--bg-color: #051406;--bg-gradient: #143d16}body.theme-classic{--console-body: #c0c0c0;--console-shadow: #555;--console-highlight: rgba(255,255,255,.4);--screen-bg: #8bac0f;--screen-text: #0f380f;--screen-dim: #306230;--btn-dpad: #333;--btn-a: #8b0000;--btn-b: #8b0000;--accent-glow: none;--bg-color: #222;--bg-gradient: #444}body.theme-sunblaze{--console-body: rgba(255, 100, 0, .85);--console-shadow: #662200;--screen-bg: #2a0a00;--screen-text: #ffaa00;--screen-dim: #cc5500;--btn-a: #ffee00;--btn-b: #ffee00;--accent-glow: 0 0 10px rgba(255, 170, 0, .6);--bg-color: #1a0a00;--bg-gradient: #3d1500}body.theme-cyberpunk{--console-body: rgba(250, 230, 40, .9);--console-shadow: #665c00;--screen-bg: #1a0033;--screen-text: #00ffff;--screen-dim: #ff00ff;--btn-a: #ff00ff;--btn-b: #ff00ff;--accent-glow: 0 0 10px rgba(0, 255, 255, .6);--bg-color: #0b001a;--bg-gradient: #1a0033}body.theme-midnight{--console-body: rgba(20, 20, 30, .95);--console-shadow: #05050a;--console-highlight: rgba(255, 255, 255, .05);--screen-bg: #000000;--screen-text: #88ccee;--screen-dim: #224466;--btn-dpad: #111;--btn-a: #ee5555;--btn-b: #ee5555;--accent-glow: 0 0 10px rgba(136, 204, 238, .4);--bg-color: #050505;--bg-gradient: #111115}.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(135deg,var(--console-body),var(--console-shadow));backdrop-filter:blur(10px);box-shadow:inset 3px 3px 6px #ffffff4d,inset -5px -5px 15px #00000080,0 0 15px #783cdc4d,25px 25px 60px #000000b3;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;border:2px solid rgba(255,255,255,.25);animation:whipIn .3s cubic-bezier(.2,.8,.2,1) forwards,consoleFloat 6s ease-in-out infinite .3s;width:420px;height:720px;border-radius:40px;padding:40px 30px;margin:0 auto}.console.landscape{width:860px;height:400px;padding:20px}.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:10px}.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:15px;width:100%}.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:cubic-bezier(.12,1,.14,1);animation-duration:.25s}@keyframes gbaFlash{0%{filter:brightness(1)}40%{filter:brightness(1.3) contrast(.9)}to{filter:brightness(1)}}::view-transition-new(console-screen){animation:gbaFlash .5s cubic-bezier(.12,1,.14,1);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}.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:20px}.console.landscape .left-controls{align-items:center;padding-right:10px;padding-top:0}.console.landscape .dpad{transform:scale(1.1) rotate(360deg);box-shadow:0 0 15px #00000080;transition:transform .6s cubic-bezier(.4,0,.2,1)}.right-controls{grid-area:right;justify-content:flex-start;padding-top:40px}.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:10px}.console.landscape .right-controls{align-items:center;padding-left:10px}.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:#111;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:#444;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 .2s cubic-bezier(.4,0,.2,1);z-index:2}.switch-track[aria-checked=false] .switch-handle{top:30px;background-color:#333}.switch-track[aria-checked=true] .switch-handle{top:2px;background-color:#555;box-shadow:0 0 10px #0f03}.console-off .screen-display{background:#050505!important;background-image:none!important;color:#111!important;text-shadow:none!important;box-shadow:inset 0 0 50px #000!important;overflow:hidden}.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 .dpad-btn,.console-off .action-buttons button{pointer-events:none}.screen-lens{background:var(--lens-bg);grid-area:screen;width:100%;align-self:flex-start;border-radius:15px 15px 45px;padding:30px 40px 15px;position:relative;box-shadow:0 5px 15px #00000080;margin-bottom:20px;border:1px solid #333;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:before{content:"";position:absolute;top:25px;left:40px;right:40px;height:3px;background:linear-gradient(90deg,#f05,#a210bc,#0cf);box-shadow:0 0 5px #fff3}.logo{font-family:sans-serif;color:#ccc;font-style:italic;font-weight:700;font-size:14px;text-align:center;margin-top:5px;width:100%}.logo .advance{font-family:"Press Start 2P",cursive;color:#f05;font-style:normal;font-size:10px;margin-left:5px;letter-spacing:1px}.power-indicator{position:absolute;top:50%;left:15px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.power-indicator .led{width:8px;height:8px;background:#0aff00;border-radius:50%;box-shadow:0 0 6px #0aff00;animation:pulse 3s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.screen-display{background:var(--screen-bg);width:100%;height:230px;box-shadow:inset 0 0 20px #000c;overflow:hidden;padding:15px;font-family:VT323,monospace;font-size:1.4rem;color:var(--screen-text);position:relative;border-radius:4px;background-image:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%}.boot-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--screen-bg);z-index:10;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .25s ease-out,visibility .25s ease-out}.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}@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(110deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.03) 45%,transparent 45.1%);pointer-events:none;z-index:100}.top-hud{position:absolute;top:12px;left:15px;right:60px;display:flex;align-items:center;gap:14px;font-size:13px;line-height:1;color:var(--screen-text);z-index:3;pointer-events:none}.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}.tagline{font-size:16px;margin:0;opacity:.8;color:var(--screen-text);text-shadow:1px 1px 0 var(--screen-dim)}.tabs-header{display:flex;justify-content:center;gap:30px;margin-bottom:20px;border-bottom:2px solid var(--screen-dim);padding-bottom:5px;margin-top:15px}.tab-indicator{appearance:none;border:0;background:transparent;font-size:16px;cursor:pointer;opacity:.5;transition:opacity .2s,text-shadow .2s;color:var(--screen-text);text-transform:uppercase;font-family:VT323,monospace}.tab-indicator:hover{opacity:.8}.tab-indicator.active{opacity:1;font-weight:700;text-shadow:0 0 5px var(--screen-text);border-bottom:2px solid var(--screen-text);margin-bottom:-7px}.tab-content{display:none;animation:fadeIn .3s ease-out}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.about-text{font-family:VT323,monospace;font-size:20px;line-height:1.4;color:var(--screen-text);text-shadow:0 0 2px var(--screen-text);padding:10px;background:#0003;border:1px dotted var(--screen-dim);min-height:100px;text-wrap:pretty}.help-panel{padding:10px;border:1px dotted var(--screen-dim);background:#00000040;font-size:18px;color:var(--screen-text)}.help-panel h3{margin:0 0 10px;font-size:20px;color:var(--screen-text);text-shadow:0 0 4px var(--screen-dim);border-bottom:2px solid var(--screen-dim);padding-bottom:4px;text-wrap:balance}.help-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.help-panel li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--screen-dim);padding-bottom:2px}.help-panel li span:first-child{font-weight:700;color:var(--screen-text)}.secret-hint{margin:10px 0 0;color:var(--screen-dim);background:var(--screen-text);padding:4px;text-align:center;font-weight:700;letter-spacing:1px;font-size:14px;white-space:nowrap}.cursor{display:inline-block;width:10px;height:1em;background-color:var(--screen-text);animation:blink 1s infinite;vertical-align:bottom}.battery{position:absolute;top:15px;right:20px;width:30px;height:14px;border:2px solid var(--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(--screen-dim)}.battery-level{height:100%;width:0%;background:var(--screen-dim);transition:width .5s,background-color .5s}.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(--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(--screen-text);font-size:20px}.blink{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes turnOn{0%{transform:scaleY(.002);opacity:0}30%{transform:scaleY(.002);opacity:1}50%{transform:scaleY(.002);opacity:1}70%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.screen-display{animation:turnOn .3s ease-out;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.screen-display::-webkit-scrollbar{display:none}.links{display:flex;flex-direction:column;gap:10px}.links a{display:flex;align-items:center;color:var(--screen-text);text-decoration:none;padding:8px 10px;border:1px solid transparent;transition:all .1s;font-size:20px}.links a:hover,.links a.active{background:var(--screen-text);color:var(--screen-bg);box-shadow:0 0 10px var(--screen-text);font-weight:700}.tab-indicator:focus-visible,.links a:focus-visible,.dpad-btn:focus-visible,.action-buttons button:focus-visible,.pill-btn:focus-visible{outline:2px solid var(--screen-text);outline-offset:2px}.links a svg{width:20px;height:20px;margin-right:12px;fill:currentColor}.dpad-area{width:140px;height:140px;position:relative}.dpad{width:130px;height:130px;position:relative;border-radius:50%;background:#0000000d;box-shadow:inset 2px 2px 8px #0009,inset -1px -1px 3px #ffffff1a,0 1px 1px #fff3;transition:transform .6s cubic-bezier(.4,0,.2,1)}.dpad-btn{position:absolute;background-color:var(--btn-dpad);border:none;cursor:pointer;background-image:linear-gradient(135deg,#ffffff1a,#fff0 40%,#0003);transition:all .08s cubic-bezier(.3,.8,.3,1);outline:none;z-index:2;display:flex;justify-content:center;align-items:center}.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(--btn-dpad);background-image:linear-gradient(135deg,#ffffff0d,#fff0,#0000001a);z-index:3;box-shadow:-4px 0 0 var(--btn-dpad),4px 0 0 var(--btn-dpad),0 -4px 0 var(--btn-dpad),0 4px 0 var(--btn-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)}.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:20px;transform:rotate(25deg);margin-bottom:30px;padding-left:20px;margin-top:15px}.console.landscape .action-buttons{transform:rotate(-15deg);margin-bottom:20px;padding-left:0;gap:15px}.btn-group{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1}.btn-group:before{content:"";position:absolute;top:-5px;width:66px;height:66px;border-radius:50%;background:#0000000d;box-shadow:inset 2px 2px 5px #0009,inset -1px -1px 3px #ffffff1a,0 1px 1px #fff3;z-index:-1;pointer-events:none}.action-buttons button{width:56px;height:56px;border-radius:50%;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 .08s cubic-bezier(.3,.8,.3,1),box-shadow .08s cubic-bezier(.3,.8,.3,1);outline:none}.btn-a{background-color:var(--btn-a);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(--btn-b);box-shadow:inset 0 1.5px 2px #fff9,inset 0 -2px 4px #0000004d,0 4px #0009,0 6px 10px #0009}.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}.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:8px;transform:rotate(25deg);opacity:.85;margin-bottom:20px;justify-self:end;padding-right:40px}.speaker span{width:6px;height:60px;background:#0009;border-radius:5px;box-shadow:inset 1px 1px 3px #000000e6,inset -1px -1px 2px #ffffff1a,1px 1px 1px #fff3}.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:20px;gap:15px;margin-bottom:20px;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:#0000000d;box-shadow:inset 2px 2px 5px #0009,inset -1px -1px 3px #ffffff1a,0 1px 1px #fff3;z-index:-1;pointer-events:none}.pill-label{position:absolute;top:24px;width:100%;text-align:center;font-size:10px;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:#333;border:none;border-radius:10px;position:relative;box-shadow:0 2px 3px #000c,inset 0 1px 1px #ffffff1a;cursor:pointer;view-transition-name:none}.pill-btn.select{view-transition-name:btn-select}.pill-btn.start{view-transition-name:btn-start}.pill-btn:active,.pill-btn.pressed{transform:translateY(2px);background:#222;box-shadow:0 0 1px #000c,inset 0 2px 4px #00000080}.console.landscape .meta-controls{position:absolute;inset:20px 40px auto;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:10px;right:52px;gap:10px;font-size:11px}.profile{margin-top:58px}.help-panel{font-size:16px}.power-switch-container{display:none!important}}@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:30px;right:30px;z-index:1000;pointer-events:auto}.app-btn{appearance:none;width:64px;height:64px;border-radius:50%;background:#14141ed9;backdrop-filter:blur(8px);color:#ffffffe6;border:2px solid rgba(255,255,255,.1);box-shadow:0 10px 25px #0009;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);outline:none}.app-btn:hover{transform:scale(1.1) rotate(5deg);background:#282832f2;color:#fff;box-shadow:0 12px 35px #6c26c280;border-color:#ffffff4d}.app-btn:active,.app-btn.pressed{transform:scale(.9)}.turn-icon{width:28px;height:28px;fill:currentColor;transition:transform .6s cubic-bezier(.68,-.55,.265,1.55)}.app-btn:hover .turn-icon{transform:rotate(180deg)}@media(max-width:600px){.app-turn-control{bottom:20px;right:20px}.app-btn{width:52px;height:52px}.turn-icon{width:22px;height:22px}}