:root{--bg: #06090e;--panel: #0c121a;--line: #1c2a38;--cyan: #2de2ff;--magenta: #ff2d6f;--green: #3dff8c;--yellow: #ffe14d;--mint: #7dffce;--text: #b8c7d4;--dim: #5c7185}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;min-height:100vh;display:flex;align-items:center;justify-content:center}#app{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px;max-width:1000px;width:100%}.hidden{display:none!important}#hud{display:flex;align-items:baseline;gap:18px;padding:10px 14px;background:var(--panel);border:1px solid var(--line);letter-spacing:.08em;font-size:13px;flex-wrap:wrap}.hud-title{color:var(--cyan);font-weight:700}.hud-title em,.menu-title em{color:var(--magenta);font-style:normal}#hud-level{color:var(--text)}#hud-tick,#hud-time{color:var(--dim)}#hud-wpn.wpn-ready{color:var(--mint)}#hud-wpn.wpn-cooling{color:var(--dim)}#hud-status{margin-left:auto;font-weight:700}.status-planning{color:var(--cyan)}.status-replay{color:var(--yellow)}.status-won{color:var(--green)}.status-dead{color:var(--magenta)}#stage{border:1px solid var(--line);line-height:0}#stage canvas{max-width:100%;height:auto;cursor:crosshair;touch-action:none}#controls{display:flex;gap:8px}button{font-family:inherit;letter-spacing:.08em;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:10px 16px;font-size:13px;cursor:pointer;touch-action:manipulation}button:hover{border-color:var(--cyan);color:var(--cyan)}#btn-mode.fire-mode{border-color:var(--mint);color:var(--mint)}#help{font-size:11px;color:var(--dim);letter-spacing:.05em;text-align:center}#help b{color:var(--text)}#overlay,#menu{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#06090ed1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;overflow-y:auto;padding:16px}.panel{background:var(--panel);border:1px solid var(--line);padding:28px 36px;text-align:center;box-shadow:0 0 40px #2de2ff26;max-width:640px;width:100%}.panel h1{font-size:24px;letter-spacing:.15em;color:var(--cyan);margin-bottom:12px}.panel p{color:var(--text);margin-bottom:14px;font-size:13px;line-height:1.6}.panel-buttons{display:flex;gap:10px;justify-content:center}.menu-sub{color:var(--dim)!important}#menu-levels{display:flex;flex-direction:column;gap:14px;text-align:left}.level-card{border:1px solid var(--line);padding:14px 16px}.level-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.level-header h2{font-size:14px;letter-spacing:.1em;color:var(--text)}.btn-play{border-color:var(--green);color:var(--green)}.btn-play:hover{background:#3dff8c1a;color:var(--green);border-color:var(--green)}.score-list{list-style:none;display:flex;flex-direction:column;gap:6px}.score-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--dim)}.score-empty{font-style:italic}.btn-watch{padding:4px 10px;font-size:11px}@media(max-width:700px){#app{padding:6px;gap:6px}#hud{gap:10px;font-size:11px;padding:8px 10px}#help{display:none}#controls button{flex:1;padding:14px 6px;font-size:12px}.panel{padding:18px 14px}.score-list li{flex-wrap:wrap}}