:root{--neon-cyan: #34f5ff;--neon-magenta: #ff3ea5;--neon-lime: #b6ff3a;--neon-gold: #ffd23a;--neon-violet: #a558ff;--bg-0: #05060d;--panel: rgba(10, 14, 28, .62);--stroke: rgba(120, 200, 255, .22);--text: #e8f4ff;--text-dim: #8ea6c4;--font: "Rajdhani", "Segoe UI", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--bg-0)}body{font-family:var(--font);color:var(--text);-webkit-user-select:none;user-select:none}#app{position:relative}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#ui-root{position:absolute;inset:0;pointer-events:none}#ui-root>*{pointer-events:auto}.hud{position:absolute;inset:0;pointer-events:none;letter-spacing:.06em}.hud .corner{position:absolute;padding:18px 22px}.hud .tl{top:0;left:0}.hud .tr{top:0;right:0;text-align:right}.hud .bl{bottom:0;left:0}.hud .br{bottom:0;right:0;text-align:right}.stat-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.22em}.stat-value{font-size:34px;font-weight:700;line-height:1.05;text-shadow:0 0 18px currentColor}.stat-value.score{color:#fff}.combo{color:var(--neon-lime);margin-top:8px;transition:transform .12s ease}.combo.pulse{transform:scale(1.25)}.heat-wrap{margin-top:10px}.heat-bar{width:190px;height:8px;border-radius:4px;background:#ffffff14;overflow:hidden;border:1px solid var(--stroke)}.heat-fill{height:100%;width:0%;border-radius:4px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-gold),var(--neon-magenta));transition:width .3s ease;box-shadow:0 0 12px var(--neon-gold)}.heat-tier{font-size:15px;font-weight:700;margin-top:4px;letter-spacing:.16em}.objective{max-width:320px}.objective .obj-title{font-size:12px;color:var(--text-dim);letter-spacing:.22em}.objective .obj-text{font-size:18px;font-weight:600;margin-top:3px}.obj-bar{width:260px;height:6px;background:#ffffff14;border-radius:3px;margin-top:8px;overflow:hidden}.obj-bar>span{display:block;height:100%;width:0%;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);transition:width .25s ease}.pov-badge{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px;padding:8px 14px;border:1px solid var(--neon-magenta);border-radius:10px;background:#ff3ea51f;box-shadow:0 0 22px #ff3ea559}.pov-badge .t{font-weight:700;letter-spacing:.18em;color:var(--neon-magenta)}.pov-badge .b{font-size:13px;color:#fff}.hidden{display:none!important}.powerup-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;border:1px solid var(--stroke);background:var(--panel);margin-top:6px}.powerup-chip .dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px currentColor}.powerup-chip .time{font-variant-numeric:tabular-nums;color:var(--text-dim)}.alert-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.alert{text-align:center;opacity:0;transform:translateY(14px) scale(.96);transition:opacity .35s ease,transform .35s ease}.alert.show{opacity:1;transform:translateY(0) scale(1)}.alert .big{font-size:52px;font-weight:800;letter-spacing:.08em;text-shadow:0 0 30px currentColor}.alert .sub{font-size:20px;color:var(--text-dim);margin-top:6px;letter-spacing:.24em}.alert .count{font-size:40px;font-weight:700;color:var(--neon-gold);margin-top:8px;font-variant-numeric:tabular-nums}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:radial-gradient(120% 120% at 50% 30%,#141a368c,#03040aeb);backdrop-filter:blur(3px);text-align:center}.screen .title{font-size:76px;font-weight:800;letter-spacing:.1em;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(52,245,255,.35))}.screen .tagline{color:var(--text-dim);letter-spacing:.3em;text-transform:uppercase;font-size:14px;margin-top:-14px}.menu-btns{display:flex;flex-direction:column;gap:12px;width:320px}.btn{pointer-events:auto;cursor:pointer;padding:15px 20px;font-family:var(--font);font-size:20px;font-weight:700;letter-spacing:.12em;color:var(--text);background:var(--panel);border:1px solid var(--stroke);border-radius:12px;transition:all .16s ease;text-transform:uppercase}.btn:hover{border-color:var(--neon-cyan);color:#fff;box-shadow:0 0 26px #34f5ff59;transform:translateY(-2px)}.btn.primary{border-color:var(--neon-cyan)}.btn.danger:hover{border-color:var(--neon-magenta);box-shadow:0 0 26px #ff3ea559}.subtle{color:var(--text-dim);font-size:13px;letter-spacing:.1em;max-width:480px;line-height:1.6}.stat-row{display:flex;gap:40px;justify-content:center}.stat-row .s .k{color:var(--text-dim);font-size:13px;letter-spacing:.2em}.stat-row .s .v{font-size:42px;font-weight:800;text-shadow:0 0 20px currentColor}.prompt{pointer-events:auto;background:var(--panel);border:1px solid var(--neon-gold);border-radius:16px;padding:22px 28px;box-shadow:0 0 40px #ffd23a47;min-width:300px}.prompt h3{font-size:24px;letter-spacing:.18em;color:var(--neon-gold)}.prompt .rows{margin:14px 0;display:flex;flex-direction:column;gap:6px;color:var(--text-dim)}.prompt .rows b{color:#fff}.prompt .actions{display:flex;gap:12px}.prompt .actions .btn{flex:1;font-size:16px;padding:12px}.toast{position:absolute;bottom:26px;left:50%;transform:translate(-50%) translateY(20px);background:var(--panel);border:1px solid var(--stroke);border-radius:10px;padding:10px 18px;opacity:0;transition:all .3s ease;font-size:14px;letter-spacing:.1em}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:var(--text-dim);font-size:13px;letter-spacing:.14em}.party-lobby{display:flex;gap:26px;align-items:center;justify-content:center;flex-wrap:wrap;margin:8px 0 4px}.party-qr{background:#fff;padding:10px;border-radius:14px;line-height:0;box-shadow:0 0 30px #34f5ff40}.party-qr img{display:block;image-rendering:pixelated;border-radius:6px}.party-info{text-align:left;min-width:220px}.party-info .k{font-size:12px;letter-spacing:.22em;color:#8ea6c4}.party-code{font-size:44px;font-weight:900;letter-spacing:.18em;color:var(--neon-cyan);text-shadow:0 0 18px rgba(52,245,255,.6)}.party-url{font-size:13px;color:#9fb6d4;word-break:break-all}.party-players{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;min-height:34px}.party-players .waiting{color:#6b83a1;font-size:13px;font-style:italic}.party-chip{padding:7px 12px;border-radius:10px;border:1px solid var(--neon-magenta);background:#ff3ea51a;color:#ffd9ec;font-weight:700;font-size:13px;letter-spacing:.08em;animation:chip-in .25s ease}@keyframes chip-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}