/* RAI Retro Games shell. The emulator, bezel geometry and controls stay independent. */
:root{color-scheme:dark;--blue:#336699;--paper:#14161d;--edge:#30374a;--orange:#f59e0b;color:#edf2f8;background:#0a0b0e;font-family:Segoe UI,Arial,sans-serif}
body{background:radial-gradient(ellipse at 50% 0,#17324c33,transparent 55%),#0a0b0e;color:#edf2f8}
button{color:#dce7f4;background:#1c202d;border:1px solid #354056;border-radius:5px;box-shadow:none;transition:background .15s,border-color .15s}
button:hover{background:#253b56;border-color:#4b8cd4}button:active,button.selected,button[aria-pressed=true]{background:#223f60;border-color:#4b8cd4;color:#fff}
button.primary{background:#336699;border:1px solid #4b8cd4;color:#fff}button:disabled{opacity:.4}
a{color:#80caff}input,select{background:#10131c;color:#e5edf7;border:1px solid #343c50;border-radius:5px}input:focus,select:focus{outline-color:#4b8cd4}
.menubar{height:60px;background:#101217;border-bottom:1px solid #30374a;box-shadow:0 4px 20px #0005;gap:22px;color:#acbed5}
.brand{color:#f1f5f9;font-family:monospace;font-weight:700}.brand strong{background:#dc2626;padding:5px 8px;border-radius:4px;font-size:12px;letter-spacing:1px}.boing{box-shadow:0 0 13px #dc262655,inset -5px -4px 8px #49131575}
.menubar nav{align-self:center;gap:6px}.menubar nav button{border:1px solid #30374a;background:#1c202d;padding:8px 16px;font-size:12px}.menubar nav .selected{background:#336699;color:#fff;border-color:#4b8cd4}.ram{color:#7d91ab;font:10px monospace}
main{max-width:1900px;padding:20px 22px 0}.hero{padding:5px 3px 20px;gap:20px}.hero h1{font-size:clamp(25px,2.6vw,39px);letter-spacing:-1px;line-height:1.12}.hero h1 br{display:none}.hero h1 em{color:#4b8cd4;margin-left:10px}.hero .eyebrow{color:#f59e0b;font-family:monospace;font-size:9px}.hero p:not(.eyebrow){color:#94a3b8;font-size:12px}.hero-note{border:1px solid #29354a;border-radius:9px;background:#121722;padding:14px 20px;gap:15px}.hero-note strong{font-size:14px}.hero-note span:not(.tiny-disk){color:#73cef3;margin-top:7px}.tiny-disk{width:39px;height:43px;transform:rotate(-5deg)}.tiny-disk:before{height:16px}.tiny-disk:after{height:17px}
.desktop{gap:18px;grid-template-columns:minmax(0,1fr) 380px}.window{background:#14161d;border:1px solid #2b3244;border-radius:10px;overflow:hidden;box-shadow:0 12px 35px #0003}.titlebar{height:42px;padding:8px 13px;background:#1a1e29;border-bottom:1px solid #30374a;color:#c2ccdc}.titlebar strong{letter-spacing:.5px;font-size:11px}.titlebar button{border:1px solid #39445a;background:#131923;color:#c6d9ed;border-radius:4px;padding:4px 7px}.window-gadget{width:9px;height:9px;border:0;border-radius:2px;background:#4b8cd4;box-shadow:0 0 8px #4b8cd444}
.monitor-toolbar{border-color:#293143;color:#94a3b8;padding:10px 14px}.monitor-toolbar select{background:#10141e}.power{color:#97a7bd}.power i.on{background:#22c55e;box-shadow:0 0 8px #22c55e80}.transport{border-top:1px solid #30374a;background:#11141d;padding:15px}.transport p{color:#afc2da}.keylegend{color:#8a9cb3}kbd{background:#1c2331;color:#c7d7ea;border-color:#38465c;box-shadow:0 1px #000}.audio-controls span{color:#8da4c1}.audio-controls input{accent-color:#4b8cd4}.audio-controls output{color:#80caff}#broadcastBtn{background:#213653;color:#a9d8ff;border-color:#37658b}#previewLink{font-size:12px;padding:8px}
.drawer{top:15px;height:760px;max-height:calc(100vh - 30px)}.library-tools{border-bottom:1px solid #293143;padding:13px}.games{background:#0e1119;gap:12px;padding:12px;scrollbar-color:#354765 #10131b}.game{background:#191e2a;border:1px solid #30394b;border-radius:7px;overflow:hidden;box-shadow:none}.game:hover{border-color:#4b8cd4;box-shadow:0 0 12px #33669933}.game .open-game{color:#e5ecf7}.game img{height:108px;object-fit:contain;background:#080b10}.game .caption{padding:10px;min-height:64px;font-size:11px}.game .chip{color:#83a4c8;font-size:9px}.favorite{background:#101927e8;color:#d5e4f5;border-color:#425771;border-radius:4px}.favorite.active{background:#695221;color:#ffdd75;border-color:#a08039}.pagination{border-top:1px solid #30374a;color:#899bb3;background:#141822;padding:12px}
.info-panel{color:#cbd7e7}.info-panel .eyebrow{color:#69b9ee}.info-panel h2{color:#fff}.notice{background:#302619;border-color:#d39136;color:#e4c99d;border-radius:3px}.notice.subtle{background:#1b2331;border-color:#3e648d;color:#a7b9d1}details{border-color:#30374a}dialog{background:#141923;color:#edf3fb;border:1px solid #425978;border-radius:10px;box-shadow:0 24px 80px #000b}dialog::backdrop{background:#02050ccc}.game-details img{border:1px solid #34455c;border-radius:5px}.peer-request{border-color:#35445a}footer{color:#75879f;border-top:1px solid #242d3e;margin-top:20px}
@media(min-width:1600px){.desktop{grid-template-columns:minmax(0,1fr) 430px}.game img{height:125px}}
@media(max-width:1050px){.desktop{grid-template-columns:minmax(0,1fr) 310px;gap:12px}.menubar{gap:12px;padding:0 14px}.hero h1 br{display:block}.hero h1 em{margin-left:0}.game img{height:90px}}
@media(max-width:760px){main{padding:16px 10px 0}.menubar{height:auto;min-height:58px;flex-wrap:wrap;padding:10px;gap:10px}.menubar nav{margin-left:auto}.menubar nav button{padding:7px 10px}.menubar>a:last-child{display:block;font-size:10px}.hero{padding:3px 3px 17px}.hero h1{font-size:29px}.desktop{grid-template-columns:1fr}.drawer{height:640px;max-height:none}.game img{height:100px}.games{grid-template-columns:repeat(2,minmax(0,1fr))}.transport .button-row{gap:8px}.transport button{min-height:34px}.titlebar{height:42px}.power{display:flex}.focused .desktop{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.games{grid-auto-rows:max-content}.game{min-height:180px;align-self:start}.game .open-game{height:auto}.game .caption{display:block}

#languageTools{align-items:center;margin:12px 0;gap:12px}#languageHint{font:12px/1.5 Arial,sans-serif;color:#adc5df;white-space:normal}#englishBtn{background:#244969;border-color:#4b8cd4;color:#fff}