:root{--bg: #0b1020;--panel: #161d33;--ink: #e8ecf7;--muted: #9aa6c5;--accent: #ff5a3c;--good: #4fd07a;--bad: #ff5a3c}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;align-items:center;min-height:100%;padding:12px;gap:10px}.title{font-weight:800;font-size:26px;letter-spacing:3px;color:var(--accent);text-shadow:0 2px 0 #000a}.title small{display:block;font-size:12px;letter-spacing:1px;color:var(--muted);font-weight:500}.stage{position:relative;border:2px solid #2a3554;border-radius:8px;box-shadow:0 8px 30px #0008;background:#0a1428}canvas{display:block;border-radius:6px;image-rendering:auto}.hud{display:flex;flex-wrap:wrap;gap:14px;align-items:center;width:960px;max-width:100%;background:var(--panel);padding:8px 14px;border-radius:8px;font-size:14px}.hud .stat{display:flex;gap:6px;align-items:baseline}.hud .stat b{color:var(--accent);font-size:16px}.bar{position:relative;width:140px;height:12px;background:#2a1414;border-radius:6px;overflow:hidden}.bar>span{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,var(--good),#b6f25a);transform-origin:left}.controls{display:flex;gap:10px;flex-wrap:wrap;width:960px;max-width:100%;justify-content:space-between;align-items:center}button{background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:700;letter-spacing:1px;cursor:pointer}button.ghost{background:#243056;color:var(--ink)}button:disabled{opacity:.4;cursor:default}.hint{color:var(--muted);font-size:12px;line-height:1.5}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#060a16cc;border-radius:6px;text-align:center}.overlay h2{margin:0;font-size:34px;letter-spacing:2px;color:var(--accent)}.overlay p{margin:0;color:var(--ink)}.hidden{display:none!important}.mode-row{display:flex;gap:8px;align-items:center}select{background:#243056;color:var(--ink);border:1px solid #38477a;border-radius:6px;padding:6px 8px;font-weight:600}