:root{--navy: #00001e;--navy-2: #06063a;--wall: #1919a6;--wall-glow: #3b3bff;--yellow: #ffe000;--red: #ff2a2a;--cyan: #2ef2ff;--pink: #ffb8de;--text: #dfe3ff;--muted: #7f86c9;--cab: #0b0b2e;--panel-w: 230px;--screen-w: min(608px, calc((100dvh - 60px)*.76) );font-family:"Press Start 2P",Courier New,monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;display:flex;align-items:center;justify-content:center;padding:12px;background:radial-gradient(ellipse at 50% 0%,#14146a 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0 2px,transparent 2px 40px),var(--navy);color:var(--text);font-size:10px;line-height:1.5;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.cabinet{display:grid;grid-template-columns:var(--panel-w) auto var(--panel-w);gap:16px;align-items:stretch;padding:14px;background:linear-gradient(180deg,#16164a,var(--cab) 12%,var(--cab) 88%,#16164a);border:3px solid var(--wall);border-radius:16px;box-shadow:0 0 0 3px #05051a,0 0 40px #3b3bff59,inset 0 0 24px #0009}.panel{display:flex;flex-direction:column;gap:14px;min-width:0;max-height:var(--panel-max-h, none);overflow-y:auto;scrollbar-width:thin}.bezel{position:relative;align-self:center;padding:8px;background:#000;border:2px solid #22225a;border-radius:10px;box-shadow:0 0 22px #3b3bff66}#game{display:block;width:var(--screen-w);aspect-ratio:19 / 25;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#touch-collapse{display:none;position:absolute;right:14px;bottom:14px;width:56px;height:56px;border:2px solid var(--cyan);border-radius:50%;background:#00001eb3;color:var(--cyan);font-size:22px;box-shadow:0 0 14px #2ef2ff99;touch-action:manipulation}#touch-collapse:active{background:var(--cyan);color:var(--navy)}@media(pointer:coarse){#touch-collapse{display:grid;place-items:center}}.marquee{padding:14px 10px 12px;text-align:center;background:linear-gradient(180deg,#2a1a00,#120900);border:2px solid var(--wall);border-radius:10px}.marquee h1{margin:0;font-size:20px;line-height:1.35;color:var(--yellow);text-shadow:0 0 10px rgba(255,224,0,.7),2px 2px 0 #b34700}.marquee p{margin:10px 0 0;font-size:7px;letter-spacing:.2em;color:var(--cyan);text-shadow:0 0 6px rgba(46,242,255,.6)}.hud{display:flex;flex-direction:column;gap:14px;padding:14px 12px;background:#000;border:2px solid #22225a;border-radius:10px}.stat{display:flex;flex-direction:column;gap:6px}.label{color:var(--red);font-size:8px;letter-spacing:.08em}.value{font-size:16px;font-variant-numeric:tabular-nums}.lives{color:var(--yellow);font-size:18px;letter-spacing:4px;text-shadow:0 0 8px rgba(255,224,0,.7)}.collapse{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:14px 12px;background:var(--navy-2);border:2px solid var(--wall);border-radius:10px;box-shadow:0 0 12px #1919a699}.collapse .label{color:var(--cyan)}.collapse .value{font-size:22px;color:var(--cyan);text-shadow:0 0 8px rgba(46,242,255,.8);white-space:pre}.gauge-track{display:block;height:8px;background:var(--navy);border:1px solid var(--wall)}.gauge-fill{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--cyan));transform-origin:left;box-shadow:0 0 8px var(--cyan)}.collapse.critical{border-color:var(--red)}.collapse.critical .label,.collapse.critical .value{color:var(--red);text-shadow:0 0 10px rgba(255,42,42,.9);animation:blink .5s steps(2) infinite}.collapse.critical .gauge-fill{background:var(--red);box-shadow:0 0 8px var(--red)}@keyframes blink{50%{opacity:.35}}#pause-btn{margin-top:12px;font:inherit;font-size:9px;padding:9px 12px;color:var(--navy);background:var(--yellow);border:none;cursor:pointer;box-shadow:0 0 12px #ffe00080,3px 3px #b34700}#pause-btn:hover{background:#fff27a}#pause-btn:active{transform:translate(2px,2px);box-shadow:0 0 12px #ffe00080,1px 1px #b34700}#pause-btn.paused{background:var(--cyan);box-shadow:0 0 12px #2ef2ff99,3px 3px #0a6a73}.dock{display:flex;flex-direction:column;gap:12px;padding:14px 12px;background:linear-gradient(180deg,#111140,#08082a);border:2px solid #22225a;border-radius:10px}.key-field{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:7px}.key-field input,.key-field select{font:inherit;font-size:9px;width:100%;padding:8px;color:var(--text);background:var(--navy);border:2px solid var(--wall);outline:none}.key-field select{cursor:pointer}.key-field input:focus,.key-field select:focus{border-color:var(--wall-glow);box-shadow:0 0 8px var(--wall-glow)}#force-collapse{font:inherit;font-size:9px;padding:12px 8px;color:var(--navy);background:var(--cyan);border:none;cursor:pointer;white-space:nowrap;box-shadow:0 0 14px #2ef2ff99,3px 3px #0a6a73}#force-collapse:hover{background:#8ff8ff}#force-collapse:active{transform:translate(2px,2px);box-shadow:0 0 14px #2ef2ff99,1px 1px #0a6a73}.qpu{display:flex;flex-direction:column;gap:8px;font-size:7px}.engine-line{color:var(--text);overflow-wrap:anywhere}.engine-line:empty{display:none}.badge{align-self:stretch;height:calc(6.4em + 14px);overflow:hidden;padding:5px 6px;border:2px solid currentColor;line-height:1.6;overflow-wrap:anywhere}.badge.classical{color:#ffb347}.badge.qpu{color:var(--cyan);box-shadow:0 0 8px #2ef2ff80}.job{color:var(--muted);overflow-wrap:anywhere}#hud-job{color:var(--text)}.status-text{margin:0;height:4.8em;overflow:hidden;color:var(--muted);font-size:7px;line-height:1.6;overflow-wrap:anywhere}.controls{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding:14px 12px;background:#000;border:2px solid #22225a;border-radius:10px;color:var(--muted);font-size:7px}.controls .label{color:var(--yellow)}.controls p{margin:0}.keys{display:flex;gap:12px;justify-content:space-between}.keycap-grid{display:grid;grid-template-columns:repeat(3,26px);gap:3px}kbd{font:inherit;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:24px;padding:0 4px;color:var(--yellow);background:var(--navy-2);border:1px solid var(--wall);border-bottom-width:3px;border-radius:4px}.legend{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.legend li{display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;background:#ffe066;box-shadow:0 0 6px #ffe066}.dot.big{width:12px;height:12px}.ghost-ico{width:12px;height:12px;border-radius:6px 6px 2px 2px;background:#2121de}.sym{font-family:Segoe UI Symbol,Apple Symbols,"Noto Sans Symbols 2",sans-serif;font-size:1.3em;line-height:1}@media(max-width:860px){body{align-items:flex-start;padding:6px;font-size:9px}.cabinet{grid-template-columns:1fr;justify-items:center;gap:8px;width:100%;padding:6px;border-width:2px;border-radius:12px}.panel{width:100%;gap:8px;max-height:none;overflow:visible}.bezel{padding:4px;border-width:2px}.panel.left{display:grid;grid-template-columns:1fr auto;gap:6px}.marquee{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;text-align:left}.marquee h1{font-size:12px;line-height:1.3;white-space:nowrap}.marquee h1 br,.marquee p{display:none}#pause-btn{margin-top:0;padding:8px 10px;font-size:8px;white-space:nowrap}.hud{flex-direction:row;justify-content:space-between;gap:6px;padding:6px 8px}.stat{gap:3px}.label{font-size:6px;white-space:nowrap}.label .wide{display:none}.value{font-size:11px}.lives{font-size:11px;letter-spacing:1px}.collapse{margin-top:0;gap:4px;padding:6px 8px;justify-content:center}.collapse .value{font-size:12px}.gauge-track{height:5px}.controls{display:none}}