:root{color-scheme:dark;--ink:#eaf1ff;--blue:#68a9ff;--gold:#ffd166;--panel:#101a32}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 10%,#203a66,#0a1020 70%);color:var(--ink);font-family:'DM Mono',Consolas,monospace}
.cabinet{width:min(1100px,100%);padding:16px;border:1px solid #3b5e91;border-radius:18px;background:linear-gradient(145deg,#1b2b49,#101a30);box-shadow:0 24px 90px #0009,0 0 40px #397bdf22}
.topbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 13px}.brand{display:flex;align-items:center;gap:10px;font:800 20px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.2px}.brand small{display:block;color:#8197b8;font:10px 'DM Mono',monospace;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #69aaff;border-radius:9px;color:#80b7ff;font:bold 14px 'DM Mono',monospace;background:#274675}.stats{display:flex;gap:34px;margin-left:auto;margin-right:22px}.stats div{display:grid;gap:2px}.stats small{font-size:9px;color:#8094b5;letter-spacing:1.5px}.stats b{font-size:13px;color:#f3f6fc}.stats div:nth-child(2) b{color:#ff718a;letter-spacing:3px}.stats div:nth-child(3) b{color:var(--gold)}.icon-btn{width:34px;height:34px;border:1px solid #49658b;border-radius:9px;background:#1a2b49;color:#eaf1ff;font-size:18px;cursor:pointer}.screen-wrap{position:relative;overflow:hidden;border:1px solid #45618a;border-radius:10px;background:#142447}canvas{width:100%;height:auto;display:block;image-rendering:pixelated}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#0a1424e8,#0a1424b5 60%,#0a142466)}.overlay.hidden{display:none}.overlay-card{width:min(490px,90%);padding:12px 22px}.eyebrow{color:#79b5ff;font-size:11px;letter-spacing:2px}.overlay h1{margin:13px 0;font:900 clamp(56px,9vw,92px)/.78 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;text-shadow:0 5px #091326}.overlay h1 em{font-style:normal;color:var(--gold)}.overlay p{max-width:420px;color:#b8c7df;font:14px/1.7 'DM Mono',monospace}.start-btn{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-top:24px;padding:15px 20px;border:0;border-radius:8px;background:var(--gold);color:#25223a;font:800 15px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;cursor:pointer;box-shadow:0 5px #bb8731}.start-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.start-btn span{font-size:12px}.controls-hint{margin-top:27px;color:#90a2bf;font-size:9px;letter-spacing:.5px}kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;margin:0 2px;border:1px solid #41577b;border-radius:4px;color:#d7e5fa;background:#182947;font:10px 'DM Mono',monospace}footer{display:flex;justify-content:space-between;gap:12px;padding:12px 3px 1px;color:#b4c3da;font-size:11px}footer .footer-right{color:#768baa;font-size:9px;letter-spacing:1px}footer i{padding:0 6px;color:var(--gold)}
@media(max-width:650px){body{padding:8px}.cabinet{padding:8px;border-radius:12px}.stats{gap:12px;margin-right:10px}.stats small{font-size:8px}.stats b{font-size:10px}.brand{font-size:16px}.brand-mark{width:29px;height:29px}.icon-btn{width:30px;height:30px}footer{font-size:9px}.footer-right{display:none}.overlay-card{padding:8px}.overlay p{font-size:11px}.controls-hint{font-size:7px}}
.overlay-card{width:min(560px,94%)}.overlay p{max-width:470px}.lan-row{display:flex;gap:7px;margin-top:14px}.lan-btn{padding:9px 11px;border:1px solid #4b6d9a;border-radius:6px;background:#1a2c4d;color:#dceaff;font:10px 'DM Mono',monospace;cursor:pointer}.lan-btn:hover{background:#294875}.lan-row input{min-width:0;flex:1;padding:8px 10px;border:1px solid #425c80;border-radius:6px;background:#101a32;color:#fff;font:11px 'DM Mono',monospace}.network-status{min-height:16px;margin-top:7px;color:#8eabd1;font:9px 'DM Mono',monospace}.start-btn{margin-top:16px}.controls-hint{margin-top:18px}
#lanBadge{color:#91c8ff;font-size:9px}