:root{--bg:#161a14;--panel:#181612e0;--panel-solid:#1f1c17;--border:#5a4a32;--text:#efe6d2;--muted:#a99d84;--gold:#f2d16b;--good:#8ee07a;--bad:#e0574f;--mana:#6fb2ff;--tower:#3d5a35;--tactic:#3b4a6b;color:var(--text);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.game{position:fixed;inset:0}.canvas-host{position:absolute;inset:0}.canvas-host canvas{display:block}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.topbar{background:linear-gradient(var(--panel-solid), #181612b3);border-bottom:1px solid var(--border);white-space:nowrap;align-items:center;gap:18px;height:48px;padding:0 12px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0;overflow-x:auto}.stat{align-items:center;gap:6px;display:flex}.hp .icon{color:var(--bad);font-size:20px}.pip{border:2px solid var(--gold);border-radius:50%;width:14px;height:14px;display:inline-block}.pip.on{background:var(--gold);box-shadow:0 0 6px var(--gold)}.energy .num{color:var(--gold);margin-left:2px}.mana .bar{background:#20283a;border:1px solid #3c4a66;border-radius:6px;width:110px;height:12px;overflow:hidden}.mana .fill{background:linear-gradient(90deg, #3d7fd1, var(--mana));height:100%;transition:width .15s}.mana .num{color:var(--mana);min-width:54px}.wave{gap:10px}.par{background:#2a261e;border-radius:10px;padding:2px 8px;font-size:13px;font-weight:500}.par.great{color:var(--good)}.par.good{color:var(--gold)}.par.bad{color:var(--bad)}.speed{gap:4px;margin-left:auto;display:flex}.speed button{border:1px solid var(--border);background:#2a261e;border-radius:8px;min-width:44px;height:36px;font-weight:700}.speed button.active{background:var(--gold);color:#2a2010}.wave-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:230px;padding:10px;font-size:13px;position:absolute;top:56px;right:8px}.wave-title{color:var(--gold);margin-bottom:6px;font-weight:700}.wave-row{grid-template-columns:18px 1fr auto;align-items:center;gap:2px 6px;margin:4px 0;display:grid}.wave-row .count{font-weight:700}.wave-row .traits{color:var(--muted);grid-column:2/4;font-size:11px}.wave-remaining{color:var(--muted);margin-top:6px}.swatch{border:1px solid #0006;width:14px;height:14px;display:inline-block}.swatch.circle{border-radius:50%}.swatch.square{border-radius:3px}.swatch.diamond{transform:rotate(45deg)scale(.85)}.swatch.triangle{clip-path:polygon(0 0,100% 50%,0 100%);border:none}.send{color:#fff8e6;background:linear-gradient(#d9892b,#a8621a);border:2px solid #8a5a1d;border-radius:8px;width:100%;min-height:48px;margin-top:10px;font-size:16px;font-weight:800;box-shadow:0 2px #5a3a10}.send:active{transform:translateY(1px)}.bottom{pointer-events:none;flex-direction:column;align-items:center;gap:4px;padding:0 8px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom>*{pointer-events:auto}.piles{color:var(--muted);background:var(--panel);border-radius:8px;align-items:center;gap:12px;padding:2px 10px;font-size:12px;display:flex}.hand{flex-wrap:nowrap;justify-content:center;gap:8px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.hand-toggle{border:1px solid var(--border);min-height:32px;color:var(--text);background:#2a261e;border-radius:6px;padding:0 10px;font-size:12px}.hand-empty{color:var(--muted);padding:20px}.card{text-align:left;background:var(--tower);border:2px solid #0008;border-radius:10px;flex-direction:column;flex:none;gap:3px;width:112px;height:148px;padding:8px 8px 6px;transition:transform .1s;display:flex;position:relative;box-shadow:0 3px 8px #0008}.card.tactic{background:var(--tactic)}.card.junk{background:#4a3a3a}.card.selected{border-color:var(--gold);box-shadow:0 0 14px var(--gold);transform:translateY(-10px)}.card.disabled{filter:grayscale(.7)brightness(.7)}.card .cost{background:var(--gold);color:#2a2010;border:2px solid #2a2010;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid;position:absolute;top:-8px;left:-8px}.card .cost.discount{background:var(--good)}.card-name{margin-top:4px;font-size:14px;font-weight:700;line-height:1.1}.card-kind{text-transform:uppercase;letter-spacing:.06em;color:#ffffffa0;font-size:10px}.card-text{color:#f3ecdc;flex-direction:column;gap:4px;font-size:11px;line-height:1.25;display:flex}.card-stats{color:#ffffffb0;font-size:10px}.keywords{color:var(--gold);text-transform:capitalize}.card.compact{width:92px;height:64px}.card.compact.selected{transform:none}.selection-bar,.spellbar{background:var(--panel);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;max-width:100%;padding:8px 12px;display:flex}.hint{color:var(--text);max-width:340px;font-size:14px}.hint.bad{color:var(--bad)}.confirm,.cancel,.end-screen button{border:1px solid #0008;border-radius:8px;min-width:88px;min-height:44px;padding:0 14px;font-weight:700}.confirm{background:var(--good);color:#10240c}.confirm:disabled{color:#999;cursor:not-allowed;background:#555}.cancel{background:#3a332a}.spell{text-align:left;background:#263a5c;border:2px solid #23395c;border-radius:10px;flex-direction:column;width:150px;min-height:64px;padding:6px 8px 6px 34px;display:flex;position:relative}.spell.selected{border-color:var(--mana);box-shadow:0 0 12px var(--mana)}.spell.disabled{filter:grayscale(.8)brightness(.7)}.mana-cost{background:var(--mana);color:#0c1a2e;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid;position:absolute;top:8px;left:6px}.spell-name{font-weight:700}.spell-text{color:#d5e2f5;font-size:11px}.tower-info{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:220px;padding:10px;font-size:13px;line-height:1.5;position:absolute;top:56px;left:8px}.tower-info .title{color:var(--gold);font-weight:700}.tower-info .muted{color:var(--muted);font-size:12px}.tower-info .close{width:36px;height:36px;color:var(--muted);background:0 0;border:none;position:absolute;top:2px;right:2px}.toasts{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%)}.toast{background:var(--panel-solid);border:1px solid var(--border);border-radius:16px;padding:6px 14px;font-size:14px}.toast.good{border-color:var(--good);color:var(--good)}.toast.bad{border-color:var(--bad);color:#ffb3ad}.end-screen{background:#000a;place-items:center;display:grid;position:absolute;inset:0}.end-screen .panel{background:var(--panel-solid);border:2px solid var(--border);border-radius:14px;min-width:280px;padding:20px 28px}.end-screen h1{color:var(--gold);margin:0 0 6px}.end-screen ul{color:var(--muted);padding-left:18px}.end-screen .buttons{gap:10px;display:flex}.end-screen button{background:#3a332a}.end-screen button.primary{background:var(--gold);color:#2a2010}@media (height<=520px){.topbar{gap:10px;height:44px;font-size:13px}.mana .bar{width:60px}.wave-panel{width:180px;padding:6px 8px;font-size:12px;top:50px}.wave-row .traits{display:none}.card{width:88px;height:96px}.card .card-text{display:none}.piles{position:absolute;bottom:8px;left:8px}.piles span{display:none}.bottom{padding-left:120px}.selection-bar,.spellbar{flex-wrap:wrap;justify-content:center;gap:6px;width:180px;padding:6px;position:absolute;bottom:8px;right:8px}.selection-bar .hint,.spellbar .hint{text-align:center;max-width:100%}.selection-bar .card.compact{display:none}.confirm,.cancel{min-width:76px}.spellbar .spell{width:100%;min-height:48px}.spell{width:120px}.spell-text{display:none}.hint{max-width:200px;font-size:12px}}