*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;overflow:hidden;background:#05000f;font-family:'Segoe UI',system-ui,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}
#c{position:fixed;top:0;left:0;width:100%;height:100%;cursor:crosshair}
#hud{position:fixed;top:0;left:0;right:0;padding:12px 16px;display:flex;align-items:center;gap:16px;pointer-events:none;z-index:10;font-size:14px;color:#aac}
#hud-score{font-size:28px;font-weight:700;color:#0f8;text-shadow:0 0 12px #0f86}
#hud-combo{font-size:18px;color:#ff0;text-shadow:0 0 10px #ff06;opacity:0;transition:opacity .2s}
#hud-wave{margin-left:auto;color:#88aacc;font-size:13px}
#hud-energy{color:#0cf;font-weight:600}
#hud-cost{color:#667;font-size:12px}
#overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100;background:rgba(5,0,15,0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#overlay.hidden{display:none}
#menu{text-align:center;max-width:400px;padding:32px}
#menu h1{font-size:32px;color:#0fcca;margin:16px 0 8px;text-shadow:0 0 20px #0fc8}
.sub{color:#89a;font-size:14px;margin-bottom:20px}
.hint{color:#556;font-size:12px;margin:4px 0}
#btn{margin-top:24px;padding:14px 36px;font-size:16px;font-weight:600;border:none;border-radius:30px;background:linear-gradient(135deg,#00ccaa,#0066ff);color:#fff;cursor:pointer;box-shadow:0 0 24px #00ccaa55;transition:transform .15s,box-shadow .15s}
#btn:hover{transform:scale(1.05);box-shadow:0 0 32px #00ccaa88}
#btn:active{transform:scale(0.97)}
#legend{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;color:#778}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:2px;vertical-align:middle}
.dot.dust{background:#888899}
.dot.crystal{background:#4488ff}
.dot.star{background:#ffcc00}
.dot.void{background:#ff3344}
#gameover{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;background:rgba(5,0,15,0.9);backdrop-filter:blur(6px)}
#gameover h1{font-size:28px;color:#f55;text-shadow:0 0 16px #f558}
#gameover p{color:#aac;margin:8px 0;font-size:16px}
#retry{margin-top:20px;padding:12px 32px;font-size:15px;font-weight:600;border:none;border-radius:24px;background:linear-gradient(135deg,#ff4466,#ff0088);color:#fff;cursor:pointer;box-shadow:0 0 20px #ff446655}
#retry:active{transform:scale(0.96)}