:root{--bg: #1a2b3c;--panel: #22384d;--ink: #eaf2f8;--muted: #9bb4c8;--accent: #f1c40f;--good: #2ecc71;--bad: #e74c3c}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;user-select:none}#app{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px}h1{margin:4px 0 0;font-size:22px;letter-spacing:1px}.hud{display:flex;gap:18px;flex-wrap:wrap;align-items:center;background:var(--panel);padding:8px 16px;border-radius:10px;font-size:15px}.hud b{color:var(--accent)}.stage{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;justify-content:center}canvas{background:#2e4d3a;border-radius:10px;box-shadow:0 6px 20px #00000059;cursor:crosshair}.side{display:flex;flex-direction:column;gap:8px;width:220px}.shop,.inspect{background:var(--panel);border-radius:10px;padding:10px}.shop h3,.inspect h3{margin:0 0 8px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}button{font:inherit;color:var(--ink);background:#2f5070;border:1px solid #3d6688;border-radius:8px;padding:8px 10px;cursor:pointer;text-align:left;transition:background .12s}button:hover:not(:disabled){background:#3a6488}button:disabled{opacity:.45;cursor:not-allowed}button.sel{outline:2px solid var(--accent)}.shop button{display:flex;justify-content:space-between;width:100%;margin-bottom:6px}.cost{color:var(--accent)}.controls{display:flex;gap:8px}.controls button{flex:1;text-align:center}.start{background:var(--good);color:#06351c;font-weight:700}.banner{font-size:28px;font-weight:800;padding:6px 18px;border-radius:10px}.banner.won{background:var(--good);color:#06351c}.banner.lost{background:var(--bad);color:#fff}.hint{font-size:12px;color:var(--muted);max-width:680px;text-align:center}.upbtns{display:flex;flex-direction:column;gap:6px}.upbtns button{display:flex;justify-content:space-between}.sell{background:#6b3a3a;border-color:#8a4a4a}