:root{--bg: #05030f;--cyan: #3ef2ff;--pink: #ff4fd8;--yellow: #ffe14d;--red: #ff4b4b;--text: #e9e6ff;--muted: #8a86b8;--font: "Orbitron", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app{height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at center,#140a33 0%,var(--bg) 70%)}.stage{position:relative;aspect-ratio:540 / 860;height:min(100dvh,calc(100vw * 860 / 540));max-height:100dvh;box-shadow:0 0 60px #3ef2ff1f,0 0 0 1px #3ef2ff26;overflow:hidden}.game-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:linear-gradient(180deg,#05030f8c,#05030fcc);overflow-y:auto}.overlay.dim{background:#05030fc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.title{margin:0 0 4px;font-size:clamp(34px,9vmin,64px);font-weight:900;letter-spacing:.06em;line-height:1;color:var(--cyan);text-shadow:0 0 18px rgba(62,242,255,.7);display:flex;flex-direction:column}.title span{color:var(--pink);text-shadow:0 0 18px rgba(255,79,216,.8);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{text-shadow:0 0 34px rgba(255,79,216,1)}}.tagline{margin:0;color:var(--muted);font-size:12px;letter-spacing:.05em;max-width:30ch}.heading{margin:0;font-size:36px;font-weight:900;color:var(--cyan);text-shadow:0 0 16px rgba(62,242,255,.7)}.heading.danger{color:var(--red);text-shadow:0 0 16px rgba(255,75,75,.8)}.final{font-size:44px;font-weight:900;color:var(--yellow);text-shadow:0 0 16px rgba(255,225,77,.6)}.stats{color:var(--muted);font-size:13px}.newbest{color:var(--pink);font-weight:700;animation:pulse 1s infinite}.btn{font-family:var(--font);font-weight:700;font-size:15px;letter-spacing:.12em;color:var(--text);background:transparent;border:2px solid rgba(233,230,255,.35);border-radius:6px;padding:12px 28px;min-width:200px;cursor:pointer;transition:transform .1s,box-shadow .2s,border-color .2s}.btn:hover{border-color:var(--cyan);box-shadow:0 0 16px #3ef2ff66}.btn:active{transform:scale(.97)}.btn.primary{color:#05030f;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 24px #3ef2ff8c;font-size:18px}.btn.primary:hover{background:#8ff8ff}.link-btn{font-family:var(--font);background:none;border:0;color:var(--muted);font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.howto{font-size:11.5px;color:var(--muted);line-height:1.8}.howto b{color:var(--text);font-weight:700}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:11px;font-weight:700}.board{width:min(320px,100%);border:1px solid rgba(62,242,255,.2);border-radius:8px;padding:10px 14px;background:#3ef2ff0a}.board-title{font-size:11px;letter-spacing:.2em;color:var(--cyan);margin-bottom:6px}.board ol{list-style:none;margin:0;padding:0;font-size:13px}.board li{display:grid;grid-template-columns:20px 1fr auto auto;gap:10px;padding:3px 0}.board .rank{color:var(--muted)}.board .name{text-align:left;font-weight:700}.board .wave{color:var(--muted);font-size:11px;align-self:center}.board .pts{color:var(--yellow);font-variant-numeric:tabular-nums}.initials{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.initials label{font-size:11px;color:var(--muted);width:100%}.initials input{width:96px;font-family:var(--font);font-size:24px;font-weight:900;text-align:center;letter-spacing:.2em;color:var(--yellow);background:#ffffff0d;border:2px solid rgba(255,225,77,.5);border-radius:6px;padding:6px;text-transform:uppercase}.initials .btn{min-width:0;padding:10px 18px}.hud-buttons{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:8px}.icon-btn{width:34px;height:34px;border-radius:50%;border:1px solid rgba(233,230,255,.25);background:#05030f80;color:var(--text);font-size:13px;cursor:pointer;opacity:.7}.icon-btn:hover{opacity:1}.bomb-btn{position:absolute;right:16px;bottom:20px;width:72px;height:72px;border-radius:50%;border:2px solid #ff7a3e;background:#ff7a3e26;color:#ff7a3e;font-family:var(--font);font-weight:900;font-size:12px;box-shadow:0 0 18px #ff7a3e66;touch-action:none}.bomb-btn:active{background:#ff7a3e66}