@font-face{font-family:Pixel;src:url('/hub-assets/pixel.woff2') format('woff2');font-weight:400;font-display:swap}
*{box-sizing:border-box}
:root{color-scheme:dark;--lime:#adff59;--paper:#efffd9;--muted:#9abb91;--ink:#193b20;--case:#bbd3a5}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:48px 36px 30px;background-color:#a5f448;background-image:radial-gradient(#437a302e .8px,transparent .8px),radial-gradient(ellipse at 50% 0%,#deff9270,transparent 65%);background-size:8px 8px,100% 100%;color:var(--paper);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;-webkit-font-smoothing:antialiased}
button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}
.console-wrap{width:min(1050px,100%);position:relative;z-index:1}
.console-caption{display:flex;justify-content:space-between;gap:20px;color:#244c22;font-family:Pixel,monospace;font-size:7px;line-height:1.8;letter-spacing:.5px;margin:0 14px 18px}
.television{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:0 20px;padding:25px 24px 0;border:2px solid #355b30;border-radius:35px 35px 30px 30px;background:linear-gradient(155deg,#d7e7c0 0%,#bfd6a6 43%,#91ad7e 100%);box-shadow:inset 0 3px 0 #f3ffe4,inset 4px 0 0 #d9ebc8,inset -6px -7px 0 #6a8b57,0 12px 0 #2a4d26,0 16px 0 #4f792f,0 30px 38px #2a511950}
.television:before,.television:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:linear-gradient(35deg,#36532e 45%,#92ae7e 46% 58%,#36532e 59%);box-shadow:1px 1px 0 #e2eec8}
.television:before{top:12px;left:19px}.television:after{top:12px;right:19px}
.screen-bezel{min-width:0;padding:10px;border:2px solid #708967;border-radius:44px;background:#31482d;box-shadow:inset 3px 4px 8px #0b1b0b80,0 1px 0 #f3ffe1,2px -1px 0 #e6f6d2}
.crt-screen{position:relative;isolation:isolate;min-width:0;min-height:550px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border-radius:33px / 28px;border:2px solid #071e13;background:radial-gradient(ellipse at 50% 35%,#164c2c 0%,#0c3020 55%,#061c14 100%);box-shadow:inset 0 0 35px #000b,0 0 0 1px #566b40}
.crt-screen:before,.crt-screen:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:3}
.crt-screen:before{background:repeating-linear-gradient(0deg,#00000019 0 1px,transparent 1px 4px);opacity:.7}
.crt-screen:after{box-shadow:inset 0 0 35px #0006;background:linear-gradient(125deg,#edffe70b 0%,#edffe704 23%,transparent 40%);border:1px solid #edffe71a}
body[data-crt="off"] .crt-screen:before{opacity:0}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:21px 28px 10px;gap:24px;min-height:53px}
.tiny-mark{font-family:Pixel,monospace;font-size:9px;line-height:1.8;letter-spacing:-1px;color:var(--lime);display:inline-flex;align-items:center;gap:10px}.tiny-mark span{font-family:monospace;font-size:17px;line-height:1}
.text-button,.private-label{border:0;background:none;color:#acc899;font-family:Pixel,monospace;font-size:6px;letter-spacing:.7px;padding:9px 0;line-height:1.8}.text-button:hover{color:var(--paper)}.private-label{display:flex;gap:8px;align-items:center}
.menu-main{align-self:center;min-width:0;width:100%;padding:26px 25px 30px;display:flex;flex-direction:column;align-items:center;gap:31px;text-align:center}
.menu-heading{text-align:center;max-width:100%}.eyebrow{font-size:10px;line-height:1.7;letter-spacing:1.5px;color:#b1c99e;margin:0 0 17px}.eyebrow span{color:var(--lime);padding-right:5px}
.menu-heading h1{position:relative;display:inline-block;font-family:Pixel,monospace;font-size:clamp(20px,2.7vw,32px);font-weight:400;line-height:1.65;letter-spacing:-.6px;margin:0;color:#d9ffb6;text-shadow:3px 3px 0 #43752d,0 0 24px #8cff3540}
.title-cursor{position:absolute;left:100%;margin-left:4px;color:var(--lime);text-shadow:none;font-size:.7em;bottom:2px;animation:cursor-blink 1.5s steps(1,end) infinite}
.menu-prompt{margin:15px 0 0;font-family:Pixel,monospace;font-size:6px;line-height:2;letter-spacing:.5px;color:#a6cb92}
.app-grid{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:30px 38px}
.game-app{display:flex;flex-direction:column;align-items:center;width:168px;position:relative;outline:0}
.app-slot{width:168px;height:166px;background:linear-gradient(145deg,#25452a,#132c1d);border:2px solid #6f9752;border-radius:8px;box-shadow:4px 5px 0 #03180c;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .15s,box-shadow .15s,transform .15s}
.app-slot:before{content:'';position:absolute;inset:-8px;pointer-events:none;background:linear-gradient(var(--lime),var(--lime)) left top/14px 3px no-repeat,linear-gradient(var(--lime),var(--lime)) left top/3px 14px no-repeat,linear-gradient(var(--lime),var(--lime)) right top/14px 3px no-repeat,linear-gradient(var(--lime),var(--lime)) right top/3px 14px no-repeat,linear-gradient(var(--lime),var(--lime)) left bottom/14px 3px no-repeat,linear-gradient(var(--lime),var(--lime)) left bottom/3px 14px no-repeat,linear-gradient(var(--lime),var(--lime)) right bottom/14px 3px no-repeat,linear-gradient(var(--lime),var(--lime)) right bottom/3px 14px no-repeat;opacity:0;transition:opacity .15s}
.app-slot img{height:113px;width:113px;object-fit:contain;display:block;filter:drop-shadow(0 4px 0 #041a0e80);margin-top:-8px}
.slot-number{position:absolute;left:9px;top:10px;font-family:Pixel,monospace;font-size:5px;color:#b4d794}
.slot-play{position:absolute;bottom:10px;left:0;right:0;font-family:Pixel,monospace;font-size:5px;line-height:1.8;letter-spacing:.5px;color:var(--lime);opacity:0;transition:opacity .15s}.slot-play span{padding-left:5px}
.app-name{display:block;font-family:Pixel,monospace;font-size:6px;line-height:2.1;color:#abc492;text-align:center;margin:18px -10px 0;letter-spacing:.2px}
.game-app:hover .app-slot,.game-app:focus-visible .app-slot,.game-app.is-selected .app-slot{border-color:var(--lime);box-shadow:4px 5px 0 #03180c,0 0 24px #a5ff3824;transform:translateY(-2px)}
.game-app:hover .app-slot:before,.game-app:focus-visible .app-slot:before,.game-app.is-selected .app-slot:before,.game-app:hover .slot-play,.game-app:focus-visible .slot-play,.game-app.is-selected .slot-play{opacity:1}
.game-app:hover .app-name,.game-app:focus-visible .app-name,.game-app.is-selected .app-name{color:var(--paper)}.game-app:focus-visible .app-slot{outline:2px solid var(--paper);outline-offset:10px}
.menu-controls{margin:0;color:#a2bd8f;font-size:9px;line-height:1.8}.key-hint{display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.5px}.control-separator{padding:0 6px;color:#5c8250}kbd{font-family:inherit;font-size:9px;border:1px solid #4c7242;border-bottom:2px solid #6c9456;border-radius:3px;background:#1b3f25;padding:3px 5px;color:#c6e6b3;min-width:20px}.touch-hint{display:none;letter-spacing:1px}
footer{font-family:Pixel,monospace;font-size:5px;line-height:2;letter-spacing:.4px;color:#8fb27b;margin:0 28px;padding:14px 0 18px;border-top:1px solid #9bd86d21;display:flex;align-items:center;justify-content:space-between;gap:8px}footer>span:first-child{display:flex;align-items:center;gap:8px}.status-light{display:inline-block;width:5px;height:5px;background:var(--lime);box-shadow:0 0 8px #adff5980;flex-shrink:0}.screen-channel{color:#71945d}
.tv-controls{display:flex;flex-direction:column;align-items:center;padding:20px 9px 8px 0;color:#3e5f34;min-height:0}.control-brand{font-family:Pixel,monospace;font-size:9px;text-align:center;line-height:1.9;letter-spacing:1px;margin:0 0 30px;text-shadow:0 1px #e3f3d0}
.tuning-knob{display:block;width:64px;height:64px;border-radius:50%;border:4px solid #364d2b;background:repeating-conic-gradient(#2a4025 0deg 3deg,#526b40 3deg 9deg);box-shadow:0 3px 0 #6a8059,2px 6px 5px #35492860,inset 1px 1px 0 #d6e6bc;position:relative;transform:rotate(24deg)}
.tuning-knob:before{content:'';position:absolute;inset:7px;border:1px solid #2a4025;border-radius:50%;background:linear-gradient(120deg,#7f9664,#4b633d);box-shadow:inset 1px 1px 2px #e0ebc275}
.tuning-knob:after{content:'';position:absolute;width:5px;height:19px;background:#e0edbf;top:8px;left:26px;border-radius:2px;box-shadow:1px 1px 0 #243d22}
.knob-label{font-size:8px;font-weight:700;letter-spacing:1px;margin:14px 0 28px}.small-knob{transform:rotate(-35deg);width:51px;height:51px}.small-knob:after{left:20px;top:7px;height:14px;width:4px}.small-knob+.knob-label{margin-bottom:27px}
.speaker-grille{display:block;width:100%;max-width:68px;flex:1;min-height:75px;border-radius:5px;background:repeating-linear-gradient(0deg,#8da478 0 4px,#38512f 4px 7px);border:1px solid #738b60;box-shadow:inset 2px 1px 3px #35502980}
.power-label{display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:1px;font-weight:700;margin-top:25px}.power-label i{width:7px;height:7px;background:#cfff61;border:1px solid #47632a;border-radius:50%;box-shadow:0 0 9px #c8ff51}
.tv-lower{grid-column:1/-1;min-height:56px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:9px 13px 10px 17px;color:#3c5d32}.model-label{font-size:8px;letter-spacing:1.4px;display:flex;align-items:center;gap:9px}.model-label b{font-family:Pixel,monospace;font-size:9px;font-weight:400;letter-spacing:-1px}.model-number{font-size:7px;letter-spacing:1px;font-weight:700}.crt-toggle{border:1px solid #647e50;border-bottom:2px solid #526f42;border-radius:4px;box-shadow:0 1px 0 #e2f0c9;background:#afc798;color:#284924;padding:8px 12px;font-size:8px;line-height:1.4;letter-spacing:1px;min-width:82px}.crt-toggle:hover{background:#c7e1ab}.crt-toggle[aria-pressed="false"]{background:#c8dcb6}
.tv-feet{height:30px;display:flex;justify-content:space-between;padding:0 120px;position:relative;z-index:-1}.tv-feet i{display:block;width:80px;height:30px;background:#33502c;transform:skewX(-22deg);border-radius:0 0 5px 5px;box-shadow:inset 0 -5px 0 #244020}.tv-feet i:last-child{transform:skewX(22deg)}
.console-note{display:flex;align-items:center;justify-content:center;gap:16px;margin:25px 0 0;font-size:9px;letter-spacing:2px;line-height:1.8;color:#305e28}.console-note span{font-size:15px;color:#427c2f}
.ambient-pixels{position:fixed;inset:0;overflow:hidden;pointer-events:none}.ambient-pixels i{position:absolute;width:17px;height:17px;background:#427b281f;box-shadow:17px 0 #427b281f,0 17px #427b281f,-17px 0 #427b281f,0 -17px #427b281f;transform:rotate(0deg)}.ambient-pixels i:nth-child(1){left:5%;top:13%}.ambient-pixels i:nth-child(2){right:6%;bottom:16%;transform:scale(.7)}.ambient-pixels i:nth-child(3){right:12%;top:9%;transform:scale(.4)}.ambient-pixels i:nth-child(4){left:12%;bottom:9%;transform:scale(.4)}
.login-main{align-self:center;min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:26px;margin:0 auto;padding:20px 25px 26px}.login-main .menu-heading h1{font-size:clamp(19px,2.5vw,29px)}.login-main .menu-prompt{margin-top:11px}.login-main .eyebrow{margin-bottom:14px}
.login-panel{background:#0b291a99;border:1px solid #6a9445;border-radius:5px;box-shadow:4px 4px 0 #041b0e;width:min(340px,100%);padding:24px 25px}.login-panel h2{font-family:Pixel,monospace;color:var(--lime);font-size:9px;font-weight:400;line-height:1.7;margin:0 0 12px}.login-panel>p{font-size:12px;line-height:1.6;color:#b0c89f;margin:0 0 20px}.field{margin:0 0 17px}label{display:block;font-size:12px;letter-spacing:.2px;color:#d3e5c5;margin-bottom:8px}input{width:100%;padding:12px 11px;border:1px solid #5b7b46;border-radius:3px;background:#061e12;color:var(--paper);font-size:16px;outline:0;min-height:46px}input:focus-visible{border-color:var(--lime);outline:1px solid var(--lime);outline-offset:2px}.password-field{position:relative}.password-field input{padding-right:57px}.password-field button{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:9px;background:none;color:#c1dbac;border:0;padding:9px 7px}.remember{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.6;color:#afca9c;margin:0 0 21px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:Pixel,monospace;font-size:8px;line-height:1.6;background:var(--lime);border:0;border-radius:3px;padding:16px 17px;color:#173a19;box-shadow:0 3px 0 #5c9335;transition:background .15s,transform .15s}.primary:hover{background:#caff87;transform:translateY(-1px)}.primary span{font-family:monospace;font-size:15px;line-height:1}.error{color:#ffbfaa;font-size:12px;line-height:1.6;margin:0 0 17px}button:focus-visible,a.tiny-mark:focus-visible{outline:2px solid #f4ffb5;outline-offset:5px}.crt-toggle:focus-visible{outline-color:#244a22}
@keyframes cursor-blink{0%,55%{opacity:1}56%,100%{opacity:0}}
@media(min-width:1500px){.menu-heading h1{font-size:34px}.login-main .menu-heading h1{font-size:31px}}
@media(max-width:800px){body{padding:35px 25px 25px}.television{grid-template-columns:minmax(0,1fr) 75px;gap:0 13px;padding:22px 18px 0}.tv-controls{padding-right:0}.control-brand{font-size:8px}.tuning-knob{width:57px;height:57px}.tuning-knob:after{left:22px}.small-knob{width:47px;height:47px}.small-knob:after{left:17px}.speaker-grille{max-width:58px}.menu-heading h1{font-size:clamp(18px,3vw,26px)}.login-main .menu-heading h1{font-size:clamp(18px,2.8vw,25px)}.model-label{font-size:7px}.console-caption{font-size:6px}}
@media(max-width:600px){body{padding:26px 13px 22px;align-items:center}.console-wrap{width:min(430px,100%)}.console-caption{margin:0 9px 14px;font-size:5px;letter-spacing:0;gap:12px}.console-caption span:last-child{font-family:ui-monospace,monospace;font-size:8px;letter-spacing:.7px}.television{grid-template-columns:minmax(0,1fr);border-radius:26px 26px 22px 22px;padding:18px 13px 0;gap:0;box-shadow:inset 0 3px 0 #f3ffe4,inset 3px 0 0 #d9ebc8,inset -4px -5px 0 #6a8b57,0 8px 0 #2a4d26,0 12px 0 #4f792f,0 22px 28px #2a511940}.television:before{top:8px;left:16px}.television:after{top:8px;right:16px}.screen-bezel{padding:6px;border-radius:29px}.crt-screen{min-height:490px;border-radius:23px / 24px}.topbar{padding:19px 19px 9px;min-height:47px;gap:12px}.tiny-mark{font-size:8px;gap:7px}.tiny-mark span{font-size:14px}.text-button,.private-label{font-size:5px;letter-spacing:.3px}.menu-main{padding:28px 15px 29px;gap:33px}.menu-heading h1,.login-main .menu-heading h1{font-size:clamp(15px,4.6vw,20px);letter-spacing:-.5px;text-shadow:2px 2px 0 #43752d,0 0 15px #8cff3530}.title-cursor{font-size:.6em;margin-left:2px}.eyebrow{font-size:8px;letter-spacing:.7px;margin-bottom:14px}.menu-prompt{font-size:5px;letter-spacing:0;margin-top:13px}.game-app{width:148px}.app-slot{width:148px;height:148px}.app-slot img{width:99px;height:99px}.app-name{font-size:6px;margin-top:18px}.menu-controls{font-size:8px}.key-hint{gap:4px;letter-spacing:0}.control-separator{padding:0 4px}kbd{padding:3px 4px;font-size:8px;min-width:17px}footer{font-size:4px;letter-spacing:.25px;margin:0 19px;padding:14px 0 17px;gap:6px}footer>span:first-child{gap:6px}.status-light{width:4px;height:4px}.tv-controls{display:none}.tv-lower{padding:13px 7px 14px;min-height:53px;gap:10px}.model-label{font-size:6px;letter-spacing:.5px;gap:7px}.model-label b{font-size:8px}.model-number{display:none}.crt-toggle{min-width:65px;font-size:7px;letter-spacing:.5px;padding:7px 9px}.tv-feet{height:25px;padding:0 48px}.tv-feet i{width:49px;height:25px}.console-note{font-size:7px;letter-spacing:1px;gap:12px;margin-top:20px}.console-note span{font-size:12px}.login-main{padding:25px 17px 28px;gap:24px}.login-main .menu-prompt{font-size:5px;margin-top:12px}.login-main .eyebrow{font-size:7px;letter-spacing:.5px;margin-bottom:14px}.login-panel{padding:21px 18px}.login-panel h2{font-size:8px}.login-panel>p{font-size:11px}.remember{font-size:9px}.primary{font-size:7px;padding:15px}.ambient-pixels i:nth-child(1){left:4%;top:6%;transform:scale(.5)}.ambient-pixels i:nth-child(2){right:5%;bottom:6%;transform:scale(.4)}}
@media(max-width:359px){body{padding-left:9px;padding-right:9px}.television{padding:17px 10px 0}.screen-bezel{padding:5px}.menu-heading h1,.login-main .menu-heading h1{font-size:14px}.menu-prompt{font-size:4px}.topbar{padding-left:15px;padding-right:15px}.eyebrow{font-size:7px}.console-caption span:last-child{font-size:7px}.login-main{padding-left:12px;padding-right:12px}.remember{font-size:8px}.console-note{font-size:6px}.screen-channel{display:none}}
@media(hover:none){.key-hint{display:none}.touch-hint{display:inline}.slot-play{opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.crt-screen:before{opacity:.35}}
@media(max-width:600px){.app-grid.has-rooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;max-width:260px;margin:auto}.has-rooms .game-app{width:100%}.has-rooms .app-slot{width:100%;height:auto;aspect-ratio:1}.has-rooms .app-slot img{width:68%;height:auto}.has-rooms .app-name{font-size:5px;line-height:1.8;min-height:24px}}

/* Vintage television: wood cabinet, silver bevel and numbered analogue dials. */
.television{grid-template-columns:minmax(0,1fr) 146px;gap:0 17px;padding:21px 20px 0;border:5px solid #81918e;border-radius:5px;background-color:#453423;background-image:repeating-linear-gradient(0deg,#070a0529 0 1px,transparent 1px 4px,#99a8780a 5px 6px,transparent 6px 9px),linear-gradient(90deg,#241a15 0%,#51402d 4%,#38261f 38%,#4d3929 72%,#1d1914 100%);box-shadow:inset 0 0 0 3px #1b211f,inset 0 4px 0 #758073,inset 0 -5px 0 #171a13,0 2px 0 1px #d3ded4,0 14px 0 -1px #243224,0 23px 32px #14321160}
.television:before,.television:after{top:7px;width:5px;height:5px;background:linear-gradient(35deg,#4b5550 45%,#c3cfc7 46% 58%,#4b5550 59%);box-shadow:0 1px 0 #c6d1c0}.television:before{left:8px}.television:after{right:8px}
.screen-bezel{padding:26px 29px 28px;border:3px solid #d6dfd5;border-radius:17px;background:conic-gradient(from 315deg,#8c9b95,#34433c 21%,#9daea5 30%,#e1e7dc 44%,#a9b9b0 53%,#6c8177 65%,#35433b 76%,#c0ccc3 91%,#8c9b95);box-shadow:0 0 0 2px #323e35,0 0 0 5px #171d16,inset 4px 4px 5px #e8f6f04d,inset -3px -3px 3px #172b2370}
.crt-screen{min-height:540px;border-radius:46px / 24px;border:4px solid #030a06;background:radial-gradient(ellipse at 50% 38%,#112d16 0%,#081b0c 52%,#010704 100%);box-shadow:inset 0 0 38px #000,0 0 0 2px #4b5d4b,0 3px 8px #000a}
.crt-screen:before{background:repeating-linear-gradient(0deg,#0004 0 1px,transparent 1px 5px);opacity:.65}.crt-screen:after{box-shadow:inset 0 0 32px #000b;background:linear-gradient(115deg,#d7ffe611,transparent 28% 73%,#b5ffd008);border-color:#bcffd211}
.menu-heading h1,.login-main .menu-heading h1{font-size:34px;line-height:1.25;color:#1b3915;-webkit-text-stroke:1px #b5fa4c;text-shadow:0 0 2px #a0ff35,0 0 18px #a1ff3566,3px 3px 0 #213c16;letter-spacing:0}.title-second{display:block}.title-cursor{display:none}.menu-main{gap:27px;padding:23px 23px 25px}.menu-prompt{color:#b1d28d;margin-top:15px}.eyebrow{margin-bottom:13px;color:#a1ba82}.app-slot{background:linear-gradient(135deg,#102512,#08160b);border-color:#87ae50;border-radius:3px}.app-name{color:#bfe593}.login-main{gap:22px;padding:20px 22px 25px}.login-main .menu-heading h1{font-size:30px}.login-panel{background:#071b0b99;border-color:#77a34d}.login-main .menu-prompt{margin-top:12px}
.tv-controls{position:relative;padding:13px 8px 14px;border:2px solid #89978a;border-radius:2px;background:linear-gradient(120deg,#243129,#0d1810 56%,#1b271d);box-shadow:0 0 0 3px #151b15,inset 2px 2px 8px #0008;color:#a1b596;gap:0}.control-brand{display:none}.twin-switches{display:flex;justify-content:space-around;width:100%;padding:0 9px;margin:0 0 15px;gap:25px}.twin-switches i{width:17px;height:17px;border:2px solid #779386;border-radius:50%;background:radial-gradient(circle at 40% 35%,#93a9a0 0 10%,#142a21 40%,#030d07 65%);box-shadow:0 3px 2px #0009}.knob-unit{position:relative;display:block;width:110px;height:110px;flex-shrink:0}.dial-scale{position:absolute;inset:0;width:110px;height:110px;fill:none;stroke:#83927c38;stroke-width:1}.dial-scale text{stroke:none;fill:#99ad87;font-family:ui-monospace,monospace;font-size:7px;text-anchor:middle;dominant-baseline:middle}.knob-unit .tuning-knob{position:absolute;inset:23px;width:64px;height:64px;border:3px solid #a2b2a6;background:repeating-conic-gradient(#334c3a 0deg 4deg,#6e8070 4deg 7deg);box-shadow:0 0 0 3px #070e08,2px 5px 8px #000c,inset 0 0 0 1px #1a3022}.knob-unit .tuning-knob:before{inset:4px;background:linear-gradient(135deg,#819485,#263f31 45%,#07180e);border:1px solid #071e10;box-shadow:inset 2px 1px 2px #c9e4ce55}.knob-unit .tuning-knob:after{height:44px;width:5px;left:27px;top:6px;border-radius:2px;background:linear-gradient(90deg,#526f58,#d1e7cb,#729574);box-shadow:2px 1px 2px #031208}.knob-unit .small-knob{transform:rotate(-50deg)}.knob-label,.small-knob+.knob-label{font-size:7px;letter-spacing:2px;margin:5px 0 16px;color:#a1b58a}.speaker-grille{width:100%;max-width:none;min-height:100px;background-color:#10180f;background-image:repeating-linear-gradient(0deg,#10180f 0 7px,transparent 7px 10px),repeating-linear-gradient(90deg,#56704770 0 18px,#10180f 18px 25px);border:1px solid #526145;border-radius:1px;box-shadow:inset 1px 2px 5px #000b}.power-label{font-size:6px;letter-spacing:1px;margin-top:15px;color:#9fb787}.power-label i{border-color:#5d7544}
.tv-lower{min-height:48px;padding:8px 8px 8px 11px;color:#c1cbb1}.model-label{font-size:7px;letter-spacing:1.4px}.model-label b{font-size:10px;color:#e0e4cd}.model-number{font-size:7px;color:#9da98e}.crt-toggle{background:linear-gradient(#a4b49f,#7d9178);border:1px solid #394f37;border-bottom:2px solid #263b26;color:#173b19;box-shadow:0 1px 0 #d1dfc5;border-radius:2px;padding:8px 13px}.crt-toggle:hover{background:#becfb1}.tv-feet{display:none}.console-note{margin-top:36px}.handheld-controls,.pocket-model{display:none}
@media(min-width:601px) and (max-width:800px){.television{grid-template-columns:minmax(0,1fr) 112px;gap:0 12px;padding:17px 15px 0}.screen-bezel{padding:23px 18px}.crt-screen{min-height:510px}.tv-controls{padding-left:0;padding-right:0}.knob-unit{transform:scale(.9);margin:-5px 0}.menu-heading h1{font-size:26px}.login-main .menu-heading h1{font-size:25px}.menu-prompt{font-size:5px}.speaker-grille{max-width:91px}.power-label{margin-top:16px}}
/* Pocket console on phones: LCD surround, D-pad, A/B keys and slanted speaker. */
@media(max-width:600px){
 body{padding:22px 15px 24px;align-items:center;background-color:#a5f448}.console-wrap{width:min(398px,100%)}.console-caption{display:none}
 .television{grid-template-columns:minmax(0,1fr);padding:28px 19px 22px;gap:0;border:1px solid #758776;border-radius:15px 15px 73px 15px;background:linear-gradient(115deg,#e3ebd6,#d4ddca 50%,#b6c4af);box-shadow:inset 3px 3px 0 #f8ffeb,inset -5px -6px 0 #899d88,2px 9px 0 #65815c,7px 18px 22px #224c2850}
 .television:before{left:0;right:0;top:13px;width:100%;height:2px;border-radius:0;background:#9eae9790;box-shadow:0 1px 0 #f4fce5}.television:after{display:none}
 .screen-bezel{position:relative;padding:26px 13px 20px 25px;border:1px solid #586c5f;border-radius:9px 9px 34px 9px;background:linear-gradient(125deg,#52655c,#374e43);box-shadow:inset 1px 2px 0 #8a9e8a,inset -2px -2px 1px #273d30,0 1px 0 #f1f6df}
 .screen-bezel:before{content:'●';position:absolute;top:61px;left:7px;color:#bb3239;font-size:7px;text-shadow:0 0 5px #fe6b49}.screen-bezel:after{content:'DOT MATRIX WITH STEREO SOUND';position:absolute;top:11px;left:25px;right:13px;text-align:center;font-size:5px;letter-spacing:.6px;color:#c9d1bd;border-top:1px solid #c1c9ac88;padding-top:5px}
 .crt-screen{min-height:362px;border:4px solid #263e24;border-radius:2px;background:radial-gradient(ellipse at 50% 30%,#b1d079,#99b85f 75%,#8fa955);box-shadow:inset 2px 3px 7px #344d315e,0 0 0 1px #9bad85;--paper:#183c24;--lime:#244a21;color:#183c24}
 .crt-screen:before{background:repeating-linear-gradient(0deg,#405d2420 0 1px,transparent 1px 3px);opacity:.4}.crt-screen:after{box-shadow:inset 0 0 13px #25412040;background:linear-gradient(130deg,#f1ffc11c,transparent 45%);border-color:#c1d28a44}
 .topbar{padding:10px 10px 4px;min-height:31px;gap:7px}.tiny-mark{font-size:6px;color:#254d27;gap:5px}.tiny-mark span{font-size:12px}.text-button,.private-label{font-size:4px;letter-spacing:0;color:#274f29;padding:7px 0}.private-label{gap:5px}
 .menu-main{padding:12px 11px 15px;gap:20px}.menu-heading h1,.login-main .menu-heading h1{font-size:clamp(14px,4.25vw,18px);line-height:1.5;letter-spacing:-.4px;color:#1b3c20;-webkit-text-stroke:0;text-shadow:1px 1px 0 #d2e6a057}.title-second{display:inline}.eyebrow{font-size:6px;line-height:1.6;letter-spacing:.3px;color:#365831;margin-bottom:9px}.eyebrow span{padding-right:2px;color:#254d27}.menu-prompt{font-size:4px;line-height:1.8;color:#365931;margin-top:9px;letter-spacing:0}
 .game-app{width:116px}.app-slot{width:116px;height:116px;border:2px solid #2e542a;background:#87a957;border-radius:2px;box-shadow:3px 3px 0 #587a3b}.app-slot img{height:81px;width:81px;margin-top:-5px;filter:drop-shadow(0 2px 0 #385a3470)}.app-slot:before{inset:-6px;background:linear-gradient(#244d27,#244d27) left top/10px 2px no-repeat,linear-gradient(#244d27,#244d27) left top/2px 10px no-repeat,linear-gradient(#244d27,#244d27) right top/10px 2px no-repeat,linear-gradient(#244d27,#244d27) right top/2px 10px no-repeat,linear-gradient(#244d27,#244d27) left bottom/10px 2px no-repeat,linear-gradient(#244d27,#244d27) left bottom/2px 10px no-repeat,linear-gradient(#244d27,#244d27) right bottom/10px 2px no-repeat,linear-gradient(#244d27,#244d27) right bottom/2px 10px no-repeat}.slot-number{color:#31562c;font-size:4px;left:6px;top:6px}.slot-play{color:#234b24;font-size:4px;bottom:6px}.app-name{font-size:5px;line-height:2;color:#294f26;margin-top:12px}.game-app:hover .app-name,.game-app:focus-visible .app-name,.game-app.is-selected .app-name{color:#1a3b20}.game-app:hover .app-slot,.game-app:focus-visible .app-slot,.game-app.is-selected .app-slot{border-color:#244a21;box-shadow:3px 3px 0 #5b7c40;transform:translateY(-1px)}.game-app:focus-visible .app-slot{outline-color:#244a21;outline-offset:8px}
 .menu-controls{font-size:7px;color:#36582e}.key-hint{display:none}.touch-hint{display:inline;font-size:7px;letter-spacing:.3px}footer{margin:0 10px;font-size:3.5px;line-height:1.8;padding:9px 0 10px;color:#3d602f;letter-spacing:0;border-top:1px solid #466d3333}footer>span:first-child{gap:5px}.status-light{width:3px;height:3px;background:#264e25;box-shadow:none}.screen-channel{color:#496b32}
 .tv-controls{display:none}.tv-lower{padding:13px 1px 0;min-height:40px;gap:8px;color:#2c4562;align-items:flex-start}.model-label{gap:5px;letter-spacing:0}.model-label b{font-family:ui-monospace,monospace;font-style:italic;font-weight:900;font-size:15px;color:#2c4562;letter-spacing:-1px}.desktop-model{display:none}.pocket-model{display:inline;font-family:Arial,sans-serif;font-weight:700;font-style:italic;font-size:19px;letter-spacing:1px;color:#2c4562}.model-number{display:none}.crt-toggle{min-width:60px;min-height:28px;font-size:6px;border-radius:4px;padding:6px 8px;color:#344c32;background:linear-gradient(#d5dfc8,#a6b99b);border:1px solid #93a789;border-bottom:2px solid #738a69;box-shadow:0 1px 0 #edf7dd}.crt-toggle:hover,.crt-toggle[aria-pressed="false"]{background:#d6e2cc}.crt-toggle:focus-visible{outline-color:#354e2e}
 .handheld-controls{display:block;position:relative;height:153px}.dpad{position:absolute;left:0;top:15px;width:87px;height:87px;border-radius:50%;background:#a7b79d60;box-shadow:inset 1px 2px 5px #788d7440,0 1px 0 #edf7dd;display:block}.dpad:before,.dpad:after{content:'';position:absolute;background:linear-gradient(125deg,#3f4d43,#1e3025);border-radius:4px;box-shadow:2px 3px 0 #112019,inset 1px 1px 0 #788b7a}.dpad:before{width:70px;height:25px;left:7px;top:29px}.dpad:after{height:70px;width:25px;top:7px;left:29px}.dpad i{position:absolute;width:15px;height:15px;top:34px;left:34px;border-radius:50%;background:#263a2c;box-shadow:inset 1px 1px 3px #111e14,0 1px 0 #5f765f;z-index:1}
 .action-keys{position:absolute;right:0;top:18px;display:flex;gap:16px;transform:rotate(-24deg);padding:7px 9px;border-radius:40px;background:#afbea460;box-shadow:inset 1px 2px 3px #798a7133,0 1px 0 #edf6dd}.action-keys>span{display:flex;flex-direction:column;align-items:center;gap:8px}.action-keys button{width:42px;height:42px;flex-shrink:0;padding:0;border:0;border-radius:50%;background:linear-gradient(140deg,#a53b62,#732044 60%,#56162f);box-shadow:1px 4px 0 #3f182a,inset 2px 1px 1px #cf6d8c;color:transparent;font-size:0}.action-keys button:active{transform:translateY(2px);box-shadow:1px 2px 0 #3f182a,inset 1px 1px 4px #3c1329}.action-keys button:focus-visible{outline:2px solid #2d4e26;outline-offset:4px}.action-keys i{font-style:normal;font-size:11px;line-height:1;font-weight:700;color:#304a60;letter-spacing:1px}
 .system-keys{position:absolute;left:80px;bottom:4px;display:flex;gap:16px;transform:rotate(-24deg)}.system-keys>i{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:6px;letter-spacing:.4px;font-weight:700;font-style:normal;color:#385369}.system-keys b{display:block;width:31px;height:9px;border-radius:7px;background:#6e8171;box-shadow:0 2px 0 #405844,inset 0 1px 0 #9fb498}
 .gameboy-speaker{position:absolute;right:0;bottom:1px;display:flex;gap:5px;transform:rotate(-29deg)}.gameboy-speaker i{width:5px;height:39px;background:#69825d;border-radius:4px;box-shadow:inset 1px 1px 2px #31452d,1px 1px 0 #d8e8c7}.gameboy-speaker i:first-child,.gameboy-speaker i:last-child{height:25px;margin-top:7px}
 .console-note{margin:24px 0 0;font-size:6px;letter-spacing:1px;gap:9px}.console-note span{font-size:10px}
 .login-main{padding:12px 10px 18px;gap:16px}.login-main .menu-heading h1{font-size:clamp(14px,4.25vw,18px)}.login-main .eyebrow{font-size:6px;letter-spacing:0;margin-bottom:8px}.login-main .menu-prompt{font-size:4px;margin-top:8px}.login-panel{padding:17px 13px;background:#8eaf6060;border:1px solid #476b33;border-radius:2px;box-shadow:2px 3px 0 #5f803c}.login-panel h2{color:#224c25;font-size:7px;margin-bottom:9px}.login-panel>p{font-size:10px;color:#31552c;margin-bottom:13px}.field{margin-bottom:13px}label{font-size:11px;color:#244a25;margin-bottom:7px}input{min-height:44px;padding:10px 8px;color:#193e24;border-color:#496d37;background:#b7ce87;border-radius:2px}.password-field input{padding-right:49px}.password-field button{font-size:8px;color:#285027;right:2px;padding:8px 5px}.remember{color:#2f542b;font-size:8px;line-height:1.5;gap:6px;margin:0 0 15px}.primary{background:#284f2a;color:#c5de9a;font-size:6px;border-radius:2px;padding:13px 12px;box-shadow:0 3px 0 #537837}.primary:hover{background:#366036}.error{color:#6b282c;font-size:10px}input:focus-visible{border-color:#254a25;outline-color:#254a25}.password-field button:focus-visible,.primary:focus-visible{outline-color:#254a25}
}
@media(max-width:359px){body{padding:18px 10px 22px}.television{padding:27px 14px 20px;border-bottom-right-radius:62px}.screen-bezel{padding-left:21px;padding-right:10px}.screen-bezel:after{left:21px;right:10px;font-size:4px;letter-spacing:.4px}.screen-bezel:before{left:6px}.menu-heading h1,.login-main .menu-heading h1{font-size:13px}.eyebrow,.login-main .eyebrow{font-size:5px}.menu-prompt,.login-main .menu-prompt{font-size:3.5px}.menu-main{padding-left:7px;padding-right:7px;gap:19px}.game-app{width:108px}.app-slot{width:108px;height:108px}.app-slot img{width:75px;height:75px}.login-main{padding-left:7px;padding-right:7px}.login-panel{padding:15px 11px}.remember{font-size:7px}.handheld-controls{height:150px}.dpad{transform:scale(.9);transform-origin:top left}.action-keys{right:-5px;gap:12px}.action-keys button{width:38px;height:38px}.system-keys{left:66px;gap:12px}.gameboy-speaker{gap:4px}.gameboy-speaker i{height:33px;width:4px}.screen-channel{display:none}}

/* User's lime Game Boy Color reference. */
@media(max-width:600px){
.television{padding:27px 17px 25px;border:1px solid #439b13;border-radius:24px 24px 65px 65px;background:linear-gradient(115deg,#8cf02d,#76de19 55%,#5ec211);box-shadow:inset 3px 3px 3px #c6ff8a,inset -5px -5px 4px #45a614,2px 9px 0 #3e9417,6px 17px 24px #254c3150}
.television:before{background:#7cdd2b;box-shadow:0 1px 0 #b6ff6a;top:13px}
.screen-bezel{padding:28px 14px 44px 27px;border:2px solid #14221c;border-radius:12px 12px 29px 29px;background:linear-gradient(125deg,#202a2d,#11191f 65%,#1c292b);box-shadow:inset 1px 2px 1px #465951,0 1px 1px #bcff6d}
.screen-bezel:before{content:'●';left:8px;top:63px;color:#d94e39;font-size:7px;text-shadow:0 0 4px #ff734d}
.screen-bezel:after{content:'DG COLOUR';top:auto;bottom:15px;left:27px;right:14px;border:0;padding:0;color:#b4c8c2;font-family:Arial,sans-serif;font-size:17px;font-style:italic;font-weight:900;letter-spacing:1px;text-shadow:1px 1px 0 #070d11}
.crt-screen{background:radial-gradient(ellipse at 50% 30%,#bcda89,#a2c66d 75%,#90b05c);border-color:#070e0a}
.tv-lower{justify-content:center;padding-top:17px;min-height:42px}.model-label{border:2px solid #55b91b;border-radius:20px;padding:3px 12px;box-shadow:inset 1px 1px 2px #409913,0 1px 0 #b2f86d}.model-label b{color:#50a71e;font-size:13px;font-style:normal;letter-spacing:0}.pocket-model{color:#50a71e;font-size:13px;font-style:normal;letter-spacing:1px}.crt-toggle{position:absolute;right:22px;bottom:27px;z-index:2;min-width:52px;font-size:5px;opacity:0}.crt-toggle:focus-visible{opacity:1}
.handheld-controls{height:173px}.dpad{top:13px;left:2px;background:none;box-shadow:none}.dpad:before,.dpad:after{background:linear-gradient(125deg,#343c3b,#111a1b);box-shadow:2px 3px 0 #07100d,inset 1px 1px 0 #718177}.dpad i{background:#202c28;box-shadow:inset 1px 1px 3px #101914}
.action-keys{right:0;top:21px;background:none;box-shadow:none;gap:21px;padding:7px}.action-keys button{background:linear-gradient(140deg,#3a4140,#131d1d 65%);box-shadow:1px 3px 0 #07120c,inset 1px 1px 1px #718177}.action-keys button:active{box-shadow:1px 1px 0 #07120c}.action-keys i{color:#348a19}
.system-keys{transform:none;left:72px;bottom:7px;gap:18px}.system-keys b{background:linear-gradient(#3b4840,#111e17);box-shadow:0 2px 0 #306b18,inset 0 1px 0 #6e8c68;width:29px;height:10px}.system-keys>i{color:#4aa01c;font-size:7px}
.gameboy-speaker{right:0;bottom:0;width:65px;height:64px;display:block;transform:rotate(-9deg);background:radial-gradient(circle,#173c16 2px,transparent 2.5px) 0 0/10px 10px}.gameboy-speaker i{display:none}
}
@media(max-width:359px){.television{padding-left:13px;padding-right:13px}.screen-bezel{padding-left:23px;padding-right:10px}.screen-bezel:after{font-size:15px}.system-keys{left:61px;gap:12px}.gameboy-speaker{width:55px;height:58px;background-size:9px 9px}.action-keys{gap:17px}}
@media(max-width:600px){
body{background-color:#231831;background-image:radial-gradient(#bd99ee24 .8px,transparent .8px),radial-gradient(ellipse at 50% 15%,#5b326c55,transparent 70%)}.console-note,.console-note span{color:#bca5d5}.ambient-pixels i{opacity:.25}
.television{background:linear-gradient(110deg,#99ff20,#76ed00 55%,#59c900);border-color:#419500;box-shadow:inset 3px 3px 3px #caff75,inset -5px -5px 4px #409d00,2px 9px 0 #327a00,6px 17px 26px #0008}
.crt-screen{--paper:#f0e8ff;--lime:#b3ff53;background:radial-gradient(ellipse at 50% 25%,#30203e,#1c1528 65%,#120f1c);color:#f0e8ff;border-color:#070a0a;box-shadow:inset 0 0 15px #0009,0 0 0 1px #4a4562}.crt-screen:before{background:repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 4px);opacity:.35}.crt-screen:after{background:linear-gradient(130deg,#e3cfff0d,transparent 45%);border-color:#b8a9d51a}
.tiny-mark,.tiny-mark span{color:#b3ff53}.text-button,.private-label{color:#c8b5df}.menu-heading h1,.login-main .menu-heading h1{color:#bcff68;text-shadow:2px 2px 0 #4e2b6a}.eyebrow,.login-main .eyebrow{color:#d0b8de}.eyebrow span{color:#f49fdb}.menu-prompt,.login-main .menu-prompt{color:#a4d5fa}.app-slot{background:linear-gradient(145deg,#443052,#271d36);border-color:#bca1f0;box-shadow:3px 3px 0 #0b0914}.app-slot:before{filter:brightness(3) hue-rotate(180deg)}.slot-number{color:#d6abf5}.slot-play{color:#baff6b}.app-name,.game-app:hover .app-name,.game-app:focus-visible .app-name,.game-app.is-selected .app-name{color:#ece1ff}.game-app:hover .app-slot,.game-app:focus-visible .app-slot,.game-app.is-selected .app-slot{border-color:#b5ff61;box-shadow:3px 3px 0 #0b0914,0 0 18px #a3ff3520}.game-app:focus-visible .app-slot{outline-color:#f7b6e3}.menu-controls{color:#c6b3de}footer{color:#af9cc8;border-color:#b59ace30}.status-light{background:#b7ff58}.screen-channel{color:#9483b5}
.login-panel{background:#23172e;border-color:#9b78ba;box-shadow:2px 3px 0 #0e0a18}.login-panel h2{color:#baff6b}.login-panel>p{color:#d4bedf}label{color:#e5d4f3}input{background:#15101e;color:#f2e6ff;border-color:#7a5b93}.password-field button{color:#c6aeeb}.remember{color:#c0a7d1}.primary{background:#aaff42;color:#232012;box-shadow:0 3px 0 #5d962c}.primary:hover{background:#c2ff7e}.error{color:#ffb7c7}input:focus-visible{outline-color:#bbff66;border-color:#bbff66}.password-field button:focus-visible,.primary:focus-visible{outline-color:#ffb3e3}.crt-toggle{display:none}
}

/* Three apps fit inside the existing handheld display. */
@media(max-width:600px){.app-grid.has-seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 11px;width:100%}.has-seats .game-app{width:100%;min-width:0}.has-seats .app-slot{width:100%;height:auto;aspect-ratio:1}.has-seats .app-slot img{width:70%;height:70%;margin-top:0}.has-seats .app-name{font-size:4px;line-height:2;margin:12px -3px 0}.has-seats .slot-number{font-size:3px}.has-seats .slot-play{font-size:3px;bottom:5px}}

/* Functional console controls and a remembered screen-only mode. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.shell-toolbar{display:flex;justify-content:flex-end;margin:0 0 13px;position:relative;z-index:4}.shell-toggle{display:inline-flex;align-items:center;gap:12px;min-height:40px;padding:9px 13px;border:1px solid #34552a;border-radius:22px;background:#d7f9b8;color:#254423;font-size:11px;line-height:1.4;letter-spacing:.3px;box-shadow:0 2px 0 #568336}.shell-toggle b{font-size:9px;letter-spacing:1px;padding:3px 6px;background:#244b26;border-radius:8px;color:#bdff70}.shell-toggle[aria-pressed="false"] b{background:#6c5488;color:#f0e0ff}.shell-toggle:focus-visible{outline:2px solid #fff0b7;outline-offset:4px}
.app-navigation{display:none}.app-dots{display:flex;align-items:center;gap:1px}.app-navigation button{display:grid;place-items:center;flex-shrink:0;border:0;background:none;color:#d0b7ed;border-radius:6px;padding:0;line-height:1;min-width:28px;height:36px;font-size:23px}.app-navigation button:hover{background:#ffffff0b}.app-navigation button:focus-visible{outline:2px solid #edc2ff;outline-offset:1px}.app-dots button{width:24px;min-width:24px;height:32px;font-size:0}.app-dots button:after{content:'';width:5px;height:5px;border:1px solid #b19bc8;border-radius:50%}.app-dots button[aria-pressed="true"]:after{background:#b8ff69;border-color:#b8ff69;box-shadow:0 0 8px #a8ff3a50}#app-position{font-size:9px;color:#bdabce;min-width:31px;text-align:center;white-space:nowrap}
@media(max-width:600px){
 .shell-toggle{background:#34263f;border-color:#705981;color:#e4d4f2;box-shadow:0 2px 0 #140d1d;min-height:40px}.shell-toggle b{background:#adff50;color:#243318}.shell-toolbar{margin-bottom:13px;padding:0 2px}
 .menu-main{gap:13px}.app-grid,.app-grid.has-rooms,.app-grid.has-seats{position:relative;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;width:100%;max-width:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-y;overscroll-behavior-x:contain;padding:9px 0 4px;margin:0;scroll-behavior:auto}.app-grid::-webkit-scrollbar{display:none}.app-grid.is-dragging{scroll-snap-type:none}
 .app-grid .game-app,.app-grid.has-rooms .game-app,.app-grid.has-seats .game-app{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always;padding:2px 12px 0}.app-grid .app-slot,.app-grid.has-rooms .app-slot,.app-grid.has-seats .app-slot{width:124px;height:124px;aspect-ratio:auto}.app-grid .app-slot img,.app-grid.has-rooms .app-slot img,.app-grid.has-seats .app-slot img{width:84px;height:84px;margin-top:-5px}.app-grid .app-name,.app-grid.has-seats .app-name{font-size:5px;line-height:2;margin:13px 0 0;min-height:20px}.app-grid .slot-number,.app-grid.has-seats .slot-number{font-size:4px}.app-grid .slot-play,.app-grid.has-seats .slot-play{font-size:4px;bottom:7px}.app-navigation{display:flex;justify-content:center;align-items:center;gap:4px;margin:-5px 0 -8px;max-width:100%}.touch-hint{font-size:6px;letter-spacing:0}
 .dpad{width:104px;height:104px;transform:none;top:10px;left:0}.dpad:before{width:92px;height:34px;left:6px;top:35px}.dpad:after{width:34px;height:92px;left:35px;top:6px}.dpad i{left:45px;top:45px;width:14px;height:14px;pointer-events:none}.dpad button{position:absolute;z-index:2;width:36px;height:36px;padding:0;border:0;background:none;color:#68776d;text-shadow:0 1px 0 #050b07;font-size:11px;line-height:1;border-radius:4px;touch-action:manipulation}.dpad button:active{background:#96b6a025;color:#a3b4a0}.dpad button:focus-visible{outline:2px solid #e8ffa8;outline-offset:-1px}.pad-up{left:34px;top:0}.pad-down{left:34px;top:68px}.pad-left{left:0;top:34px}.pad-right{left:68px;top:34px}
 .action-keys button{width:46px;height:46px;touch-action:manipulation}.system-keys{left:70px;bottom:0;gap:7px}.system-keys>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:49px;min-height:44px;padding:0;border:0;background:none;color:#397b14;font-size:7px;font-weight:700;letter-spacing:.3px;line-height:1;touch-action:manipulation}.system-keys>button b{flex-shrink:0}.system-keys>button:active b{transform:translateY(2px);box-shadow:0 1px 0 #306b18,inset 0 1px 0 #6e8c68}.system-keys>button:focus-visible{outline:2px solid #e8ffa8;outline-offset:0;border-radius:5px}
}
@media(max-width:359px){.dpad{transform:scale(.9);transform-origin:top left}.system-keys{left:52px;gap:2px}.action-keys{gap:13px}.action-keys button{width:43px;height:43px}.app-grid .app-slot,.app-grid.has-seats .app-slot{width:116px;height:116px}.app-grid .app-slot img,.app-grid.has-seats .app-slot img{width:78px;height:78px}.touch-hint{font-size:5.5px}}
body[data-shell="off"]{background-color:#231831;background-image:radial-gradient(#bd99ee1c .8px,transparent .8px);background-size:8px 8px;color:#eee2ff}
body[data-shell="off"] .console-wrap{width:min(830px,100%)}body[data-shell="off"] .console-caption,body[data-shell="off"] .tv-controls,body[data-shell="off"] .tv-lower,body[data-shell="off"] .handheld-controls,body[data-shell="off"] .tv-feet,body[data-shell="off"] .console-note{display:none}
body[data-shell="off"] .television{display:block;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
body[data-shell="off"] .television:before,body[data-shell="off"] .television:after,body[data-shell="off"] .screen-bezel:before,body[data-shell="off"] .screen-bezel:after{display:none}
body[data-shell="off"] .screen-bezel{padding:0;border:0;border-radius:20px;background:none;box-shadow:none}
body[data-shell="off"] .crt-screen{min-height:510px;border:1px solid #6a4e82;border-radius:20px;background:radial-gradient(ellipse at 50% 25%,#30203e,#1c1528 65%,#120f1c);box-shadow:0 14px 40px #0c071d50}
body[data-shell="off"] .crt-screen:before,body[data-shell="off"] .crt-screen:after{display:none}
body[data-shell="off"] .shell-toggle{background:#34263f;border-color:#705981;color:#e4d4f2;box-shadow:0 2px 0 #140d1d}
@media(max-width:600px){body[data-shell="off"] .console-wrap{width:min(420px,100%)}body[data-shell="off"] .crt-screen{min-height:470px}body[data-shell="off"] .menu-main{padding:24px 18px;gap:22px}body[data-shell="off"] .topbar{padding:17px 18px 5px}body[data-shell="off"] footer{margin:0 18px;padding-bottom:16px}body[data-shell="off"] .menu-heading h1{font-size:clamp(17px,5vw,21px)}body[data-shell="off"] .app-grid .app-slot{width:152px;height:152px}body[data-shell="off"] .app-grid .app-slot img{width:106px;height:106px}body[data-shell="off"] .app-navigation{margin:-7px 0 -12px}body[data-shell="off"] .login-main{padding:22px 20px 30px}}
@media(prefers-reduced-motion:reduce){.app-grid{scroll-behavior:auto!important}}
@media(max-width:600px){.handheld-controls{height:158px}.console-note{display:none}}