:root{--bg:#1b1712;--panel:#2a241c;--panel-2:#342c22;--text:#efe6d4;--muted:#b3a58c;--accent:#e0a040;--good:#7ecb6a;--bad:#e06a5a;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}#app{grid-template:"hud hud""stage side"1fr/1fr 300px;height:100vh;display:grid}#hud{background:var(--panel);border-bottom:1px solid #000;grid-area:hud;align-items:center;gap:24px;padding:8px 16px;font-weight:600;display:flex}#hud .money{color:var(--accent)}#hud .lives{color:var(--bad)}#hud .call-wave{margin-left:auto}#hud .call-wave.is-hidden{visibility:hidden}#stage{grid-area:stage;min-width:0;min-height:0;position:relative;overflow:hidden}#game{cursor:crosshair;display:block}#side{background:var(--panel);border-left:1px solid #000;grid-area:side;padding:12px;overflow-y:auto}#side h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:16px 0 8px;font-size:13px}button{font:inherit;color:var(--text);background:var(--panel-2);cursor:pointer;border:1px solid #54483a;border-radius:6px;padding:6px 10px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.active{background:var(--accent);color:#1b1712;border-color:var(--accent)}#controls{gap:6px;display:flex}.weapon-card{text-align:left;width:100%;margin-bottom:8px;padding:8px;display:block}.weapon-card.unaffordable{opacity:.5}.weapon-card .title{align-items:center;gap:6px;margin-bottom:4px;font-weight:700;display:flex}.weapon-card .cost{color:var(--accent);margin-left:auto}.swatch{border:1px solid #000;border-radius:3px;width:12px;height:12px}kbd{color:var(--muted);border:1px solid #54483a;border-radius:3px;padding:0 4px;font-size:10px}.desc{color:var(--muted);margin-bottom:4px;font-size:12px}.row{justify-content:space-between;font-size:12px;line-height:1.5;display:flex}.row span{color:var(--muted)}.row.good b{color:var(--good)}.row.bad b{color:var(--bad)}#turret{background:var(--panel-2);border-radius:8px;margin-top:16px;padding:10px}#turret h3{margin:0 0 6px;font-size:15px}#turret h3 small{color:var(--muted);font-weight:400}#turret .actions{gap:6px;margin-top:8px;display:flex}#turret .actions button{flex:1}#toast{opacity:0;pointer-events:none;background:#000c;border-radius:6px;padding:6px 14px;transition:opacity .2s;position:absolute;top:16px;left:50%;transform:translate(-50%)}#toast.visible{opacity:1}#end{background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}#end[hidden]{display:none}#end h2{margin:0;font-size:40px}#hud .level-picker select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid #54483a;border-radius:6px;padding:4px 8px}#hud .level-picker select:disabled{opacity:.6;cursor:not-allowed}#controls{flex-wrap:wrap;align-items:center}#controls .volume{min-width:80px;accent-color:var(--accent);flex:1}