:root{color-scheme:dark;--blue:#41b8ff;--ink:#07111f;--line:#20374d;--muted:#9aafc4}*{box-sizing:border-box}body{margin:0;background:#050c15;color:#e7f2fc;font-family:Consolas,'Courier New',monospace}main{max-width:1440px;margin:auto;padding:26px 34px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.brand{display:flex;align-items:center;font:900 italic 46px Arial,sans-serif;letter-spacing:-3px;color:#fff}.brand span{border-left:1px solid #476078;margin-left:16px;padding-left:16px;font:700 10px/1.4 Arial,sans-serif;letter-spacing:1.4px}.edition{font-size:12px;color:var(--muted);letter-spacing:2px}.edition b{display:block;color:#daeaff;font-size:16px;margin-top:6px;letter-spacing:3px}.tools{display:flex;gap:8px}button,a{font:700 12px Consolas,'Courier New',monospace;letter-spacing:1px}button{color:#bdcedd;background:#101e2d;border:1px solid #38516b;padding:12px;cursor:pointer}button:hover{background:#23415c;color:white}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #f4ca65;outline-offset:3px}.cabinet{border:1px solid #314a64;box-shadow:0 20px 80px #0008}.hud{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;background:#0c1b2c}.hud>div{padding:16px 22px;font-size:12px;letter-spacing:1px;color:var(--muted);border-right:1px solid var(--line)}.hud strong{display:block;font-size:30px;letter-spacing:2px;color:#fff;margin-top:5px}.hud strong span{color:#687e95;font-size:18px}.hud .inventory{background:#12304a;border-right:0}.inventory strong{color:var(--blue)}.screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0a172c}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#030c1deb,#071426c4 60%,#07142655)}.overlay.hidden{display:none}.panel{width:min(690px,86%);text-align:center}.eyebrow{color:var(--blue);font-size:13px;letter-spacing:3px}h1{font-size:clamp(26px,4.6vw,64px);line-height:1.1;margin:18px 0;letter-spacing:-2px;font-weight:900}h1 em{font-style:normal;color:#fff}.intro{font-size:18px;line-height:1.5;color:#b8cbe0}.steps{display:flex;flex-direction:column;gap:12px;margin:22px auto;text-align:left;width:max-content;font-size:13px;color:#cee0ef}.steps kbd,.steps i{display:inline-block;min-width:110px;text-align:center;margin-right:12px;color:#64c5ff;font-style:normal}.primary{background:#43baff;color:#071426;border:0;padding:17px 25px;font-size:15px;min-width:290px;box-shadow:0 4px #167ab8}.primary:hover{background:#8ad5ff;color:#071426}.primary span{margin-left:22px}.fine{font-size:11px;color:#8198b0;letter-spacing:1px;margin-top:22px}.dispatch{display:flex;align-items:center;gap:12px;min-height:49px;background:#0c1b2c;padding:12px 20px;font-size:12px}.dispatch b{color:#56c3ff;letter-spacing:1px}.dispatch #message{color:#bfcede}.dispatch time{margin-left:auto;white-space:nowrap;color:#7693b1}.signal{width:6px;height:6px;background:#41b8ff;box-shadow:0 0 9px #41b8ff}footer{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#7f98af;margin-top:18px;letter-spacing:1px}kbd{font:inherit;color:#cee0ef}footer kbd{padding:3px 5px;border:1px solid #29415a;margin-right:5px}footer kbd:not(:first-child){margin-left:12px}.results{display:flex;justify-content:center;gap:35px;margin:22px 0;color:#98b1c8;font-size:12px}.results strong{display:block;color:#fff;font-size:28px;margin-top:8px}.cta{display:block;color:#56c3ff;margin:20px auto 0;text-underline-offset:5px}.gameover h1{color:#8cd8ff}.gameover .intro{font-size:15px}.gameover .eyebrow{color:#ff7c87}@media(max-width:800px){main{padding:14px 10px}.brand{font-size:30px}.brand span,.edition,footer>span:nth-child(2){display:none}.tools button{padding:8px;font-size:10px}.hud>div{padding:9px 8px;font-size:9px}.hud strong{font-size:21px}.panel h1{font-size:30px;margin:8px}.intro{font-size:13px;margin:8px}.steps{gap:6px;margin:10px auto;font-size:10px}.steps kbd,.steps i{min-width:80px}.primary{padding:10px;min-width:220px;font-size:12px}.eyebrow{font-size:10px}.fine{font-size:9px;margin:10px 0}.dispatch{font-size:10px;padding:9px;gap:8px}footer{font-size:9px}.results{margin:8px;gap:20px}.results strong{font-size:20px}.gameover .intro{font-size:11px}.cta{margin-top:10px;font-size:10px}}

/* V4 additions fit the existing cabinet and ending overlay. */
#lost span{display:block;font-size:11px;letter-spacing:.5px;margin-top:3px;color:#f1a2ae}.hud>div{padding-top:12px;padding-bottom:10px}.final-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.final-results>div:nth-child(4){grid-column:1/3}.final-results strong{font-size:25px}.final-results small{display:block;font-size:10px;color:#d5a1a9;margin-top:3px}.rank{font-size:11px;color:#8eb8d5;margin:12px 0}.rank strong{display:block;font-size:22px;letter-spacing:2px;color:#f2ce89;margin-top:6px}.gameover h1{font-size:clamp(26px,4vw,54px);margin:10px 0}.gameover .intro{margin:9px 0}.gameover .end-message{font-size:12px}.gameover .cta{margin-top:16px}@media(max-width:800px){#lost span{font-size:8px}.final-results{gap:6px;margin:6px 0;font-size:9px}.final-results strong{font-size:17px;margin-top:2px}.rank{margin:6px 0}.rank strong{font-size:15px;margin-top:2px}.gameover .intro{font-size:10px;margin:5px 0}.gameover .end-message{font-size:9px}.gameover .cta{margin-top:8px}.gameover h1{font-size:27px}}