:root{--bg: #07080f;--panel: rgba(18, 22, 38, .92);--accent: #5cf0ff;--accent-2: #ff5cab;--text: #e8ecff;--muted: #8b93b8}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif}#game-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:0}#game-container canvas{border-radius:12px;box-shadow:0 0 0 1px #5cf0ff26,0 24px 80px #0000008c}#ui-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}#ui-root .interactive{pointer-events:auto}.top-bar{display:flex;align-items:baseline;justify-content:space-between;padding:16px 24px;background:linear-gradient(180deg,rgba(7,8,15,.9),transparent)}.logo{font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.08em;font-size:1rem;color:var(--accent);text-shadow:0 0 24px rgba(92,240,255,.35)}.tagline{font-size:.85rem;color:var(--muted)}.hud{position:absolute;left:50%;bottom:20px;transform:translate(-50%);min-width:min(640px,92vw);padding:12px 18px;border-radius:14px;background:var(--panel);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-row{display:flex;justify-content:space-between;gap:12px;font-size:.95rem}.hud-row.small{margin-top:8px;font-size:.82rem;color:var(--muted)}.hud.hidden,.touch-hint.hidden{display:none}.touch-hint{position:absolute;bottom:120px;left:50%;transform:translate(-50%);font-size:.8rem;color:var(--muted);text-align:center}.menu-panel,.select-panel{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-42%);width:min(520px,92vw);padding:28px 28px 24px;border-radius:20px;background:var(--panel);border:1px solid rgba(92,240,255,.2);box-shadow:0 30px 100px #0000008c}.menu-panel h1{font-family:Orbitron,sans-serif;font-size:1.75rem;margin:0 0 8px;letter-spacing:.06em}.menu-panel p{color:var(--muted);line-height:1.5;margin:0 0 20px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 18px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;color:#041014;background:linear-gradient(135deg,var(--accent),#8af8ff);box-shadow:0 12px 40px #5cf0ff40;font-family:inherit}.btn-primary:hover{filter:brightness(1.05)}.select-panel h2{font-family:Orbitron,sans-serif;font-size:1.2rem;margin:0 0 16px}.fighter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.fighter-card{border-radius:14px;padding:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;text-align:left;color:inherit;font:inherit;transition:border-color .15s ease,transform .15s ease}.fighter-card:hover{border-color:#5cf0ff73;transform:translateY(-2px)}.fighter-card .role{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.fighter-card .name{font-family:Orbitron,sans-serif;font-size:.95rem;margin-bottom:6px}.fighter-card .tag{font-size:.78rem;color:var(--muted);line-height:1.35}.swatch{width:100%;height:6px;border-radius:999px;margin-top:10px}