*{box-sizing:border-box;margin:0;padding:0}:root{--neon-cyan: #00ffff;--neon-purple: #bf5fff;--neon-pink: #ff00aa;--neon-green: #39ff14;--dark-bg: #050510;--card-bg: rgba(0, 20, 40, .85);--border-neon: rgba(0, 255, 255, .4);--font-main: "Rajdhani", sans-serif;--font-title: "Orbitron", monospace}body{background-color:var(--dark-bg);color:#e0e0ff;font-family:var(--font-main);min-height:100vh;overflow:hidden}.app{width:100vw;height:100vh;position:relative}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:radial-gradient(ellipse at center,#0a0a2e,#050510 70%);position:relative;overflow:hidden}.home-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.05) 1px,transparent 1px);background-size:40px 40px;animation:gridScroll 20s linear infinite}@keyframes gridScroll{0%{background-position:0 0}to{background-position:40px 40px}}.title-container{text-align:center;margin-bottom:3rem;position:relative;z-index:1}.game-title{font-family:var(--font-title);font-size:clamp(3rem,10vw,7rem);font-weight:900;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan),0 0 30px var(--neon-cyan),0 0 60px rgba(0,255,255,.5);letter-spacing:.15em;animation:titlePulse 3s ease-in-out infinite}@keyframes titlePulse{0%,to{text-shadow:0 0 10px var(--neon-cyan),0 0 30px var(--neon-cyan),0 0 60px rgba(0,255,255,.5)}50%{text-shadow:0 0 20px var(--neon-cyan),0 0 60px var(--neon-cyan),0 0 100px rgba(0,255,255,.8)}}.game-subtitle{font-size:1.2rem;color:#c8c8ffb3;margin-top:.5rem;letter-spacing:.3em;text-transform:uppercase}.menu-card{background:var(--card-bg);border:1px solid var(--border-neon);border-radius:12px;padding:2.5rem;width:min(420px,90vw);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #00ffff1a,inset 0 0 30px #00003280;position:relative;z-index:1}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--neon-cyan);margin-bottom:.5rem}.form-input{width:100%;background:#001432cc;border:1px solid rgba(0,255,255,.3);border-radius:6px;padding:.75rem 1rem;color:#e0e0ff;font-family:var(--font-main);font-size:1rem;transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #00ffff4d}.form-input::placeholder{color:#c8c8ff4d}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2rem;border-radius:6px;font-family:var(--font-title);font-size:.9rem;font-weight:700;letter-spacing:.15em;cursor:pointer;border:none;transition:all .2s;text-transform:uppercase;width:100%}.btn-primary{background:linear-gradient(135deg,#0cc,#08a);color:#001a1a;box-shadow:0 0 20px #0ff6}.btn-primary:hover{background:linear-gradient(135deg,#0ff,#0ac);box-shadow:0 0 30px #00ffffb3;transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid var(--border-neon);color:var(--neon-cyan)}.btn-secondary:hover{background:#00ffff1a;border-color:var(--neon-cyan);box-shadow:0 0 15px #00ffff4d}.btn-danger{background:linear-gradient(135deg,#c04,#802);color:#fff;box-shadow:0 0 20px #f046}.btn-danger:hover{background:linear-gradient(135deg,#f05,#c03);box-shadow:0 0 30px #ff0044b3;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#0c4,#082);color:#001a00;box-shadow:0 0 20px #0f46}.btn-success:hover{background:linear-gradient(135deg,#0f5,#0c3);box-shadow:0 0 30px #00ff44b3;transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:#c8c8ff4d;font-size:.85rem;letter-spacing:.2em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#0ff3}.lobby-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:radial-gradient(ellipse at center,#0a0a2e,#050510 70%);position:relative;overflow:hidden}.lobby-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:40px 40px}.lobby-card{background:var(--card-bg);border:1px solid var(--border-neon);border-radius:12px;padding:2rem;width:min(600px,95vw);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 40px #00ffff1a;position:relative;z-index:1}.lobby-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,255,255,.2)}.lobby-title{font-family:var(--font-title);font-size:1.5rem;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,255,255,.5)}.lobby-id-badge{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:20px;padding:.3rem 1rem;font-family:var(--font-title);font-size:1.2rem;color:var(--neon-cyan);letter-spacing:.2em}.share-section{background:#00ffff0d;border:1px solid rgba(0,255,255,.15);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.share-label{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:#c8c8ff99;margin-bottom:.5rem}.share-link{display:flex;gap:.5rem}.share-url{flex:1;background:#00001e80;border:1px solid rgba(0,255,255,.2);border-radius:4px;padding:.5rem .75rem;color:#c8c8ffcc;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-copy{padding:.5rem 1rem;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:4px;color:var(--neon-cyan);cursor:pointer;font-family:var(--font-main);font-size:.85rem;transition:all .2s;white-space:nowrap}.btn-copy:hover{background:#0ff3}.players-section{margin-bottom:1.5rem}.section-title{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:#c8c8ff99;margin-bottom:.75rem}.players-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.player-slot{background:#00001e80;border:1px solid rgba(0,255,255,.15);border-radius:8px;padding:.75rem;display:flex;align-items:center;gap:.75rem;min-height:60px}.player-slot.empty{border-style:dashed;opacity:.4}.player-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.player-color-red{color:#f44;background:#f44}.player-color-green{color:#4f4;background:#4f4}.player-color-yellow{color:#ff4;background:#ff4}.player-color-purple{color:#a4f;background:#a4f}.player-info{flex:1;min-width:0}.player-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-badges{display:flex;gap:.4rem;margin-top:.2rem}.badge{font-size:.65rem;padding:.1rem .4rem;border-radius:3px;letter-spacing:.1em;text-transform:uppercase}.badge-host{background:#ffc80033;border:1px solid rgba(255,200,0,.4);color:#ffc800}.badge-you{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);color:var(--neon-cyan)}.lobby-footer{display:flex;gap:.75rem}.lobby-footer .btn{flex:1}.status-connecting{text-align:center;color:#c8c8ff99;font-size:.9rem;padding:2rem}.status-connecting:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.game-wrapper{position:relative;width:100vw;height:100vh;overflow:hidden;background:#020208}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.game-hud{position:absolute;top:0;left:0;right:0;pointer-events:none;z-index:10;padding:1rem;display:flex;justify-content:space-between;align-items:flex-start}.hud-players{display:flex;flex-direction:column;gap:.4rem}.hud-player{display:flex;align-items:center;gap:.5rem;background:#00001499;border:1px solid rgba(0,255,255,.15);border-radius:6px;padding:.4rem .75rem;font-size:.85rem;transition:opacity .3s}.hud-player.eliminated{opacity:.3;text-decoration:line-through}.hud-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.hud-dot-red{background:#f44;box-shadow:0 0 6px #f44}.hud-dot-green{background:#4f4;box-shadow:0 0 6px #4f4}.hud-dot-yellow{background:#ff4;box-shadow:0 0 6px #ff4}.hud-dot-purple{background:#a4f;box-shadow:0 0 6px #a4f}.hud-dot-blue{background:#47f;box-shadow:0 0 6px #47f}.hud-dot-cyan{background:#4fe;box-shadow:0 0 6px #4fe}.hud-dot-orange{background:#f94;box-shadow:0 0 6px #f94}.hud-dot-pink{background:#f4b;box-shadow:0 0 6px #f4b}.hud-timer{text-align:center;font-family:var(--font-title)}.hud-time{font-size:2rem;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,255,255,.5)}.hud-tile-warning{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;margin-top:.2rem}.hud-tile-warning.urgent{color:#f44;animation:urgentPulse .5s ease-in-out infinite alternate}.hud-tile-warning.warning{color:#fa0}.hud-tile-warning.safe{color:#c8c8ff80}@keyframes urgentPulse{0%{opacity:.7}to{opacity:1}}.hud-controls{text-align:right;font-size:.75rem;color:#c8c8ff66;line-height:1.6}.controls-title{color:#c8c8ff99;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000ad9;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay-title{font-family:var(--font-title);font-size:clamp(2.5rem,8vw,5rem);font-weight:900;color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan),0 0 60px rgba(0,255,255,.5);margin-bottom:1rem;animation:titlePulse 2s ease-in-out infinite}.overlay-subtitle{font-size:1.3rem;color:#c8c8ffcc;margin-bottom:2rem;text-align:center}.overlay-winner{font-size:1.8rem;font-weight:700;margin-bottom:2rem}.overlay-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.overlay-buttons .btn{width:auto;min-width:150px}.elimination-toast{position:absolute;top:80px;left:50%;transform:translate(-50%);background:#ff1e1e26;border:1px solid rgba(255,30,30,.5);border-radius:8px;padding:.75rem 1.5rem;color:#f66;font-weight:600;font-size:1rem;letter-spacing:.1em;z-index:15;animation:toastIn .3s ease-out,toastOut .5s ease-in 2s forwards;white-space:nowrap;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}@media(max-width:600px){.hud-controls{display:none}.game-title{font-size:3rem}}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:100}.countdown-number{font-family:var(--font-title);font-size:clamp(6rem,20vw,12rem);font-weight:900;text-shadow:0 0 20px currentColor,0 0 60px currentColor;color:var(--neon-cyan);transform-origin:center center}.hud-player-info{display:flex;flex-direction:column;gap:2px}.hud-dash-bar{width:60px;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden;margin-top:2px}.hud-dash-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));border-radius:2px;transition:width .05s linear;box-shadow:0 0 4px var(--neon-cyan)}.hud-ability-bars{display:flex;flex-direction:column;gap:2px;margin-top:2px}.hud-ability-bar-row{display:flex;align-items:center;gap:4px}.hud-ability-label{font-size:.55rem;color:#c8c8ff80;min-width:28px;letter-spacing:.05em}.hud-blast-bar{width:60px;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden}.hud-blast-fill{height:100%;background:linear-gradient(90deg,#f3a,#c0f);border-radius:2px;transition:width .05s linear;box-shadow:0 0 4px #f3a}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.mute-btn{background:#001428b3;border:1px solid var(--border-neon);border-radius:8px;color:#fff;font-size:1.2rem;width:2.2rem;height:2.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;padding:0}.mute-btn:hover{background:#00ffff1a}.mobile-controls{display:none;position:fixed;bottom:2rem;left:0;right:0;pointer-events:none;z-index:50;justify-content:space-between;padding:0 2rem;align-items:flex-end}@media(hover:none)and (pointer:coarse){.mobile-controls{display:flex}}.joystick-area{width:110px;height:110px;background:#00ffff14;border:2px solid rgba(0,255,255,.3);border-radius:50%;position:relative;pointer-events:all;display:flex;align-items:center;justify-content:center;touch-action:none}.joystick-thumb{width:44px;height:44px;background:radial-gradient(circle,#00ffffb3,#0096ff66);border:2px solid var(--neon-cyan);border-radius:50%;box-shadow:0 0 12px var(--neon-cyan);transition:transform .05s;pointer-events:none}.dash-btn{width:90px;height:90px;background:radial-gradient(circle,#bf5fff4d,#6400c826);border:2px solid var(--neon-purple);border-radius:50%;color:var(--neon-purple);font-family:var(--font-title);font-size:.85rem;font-weight:700;letter-spacing:.05em;cursor:pointer;pointer-events:all;box-shadow:0 0 16px #bf5fff4d;touch-action:none;user-select:none;-webkit-user-select:none}.dash-btn:active{background:radial-gradient(circle,#bf5fff99,#6400c866);box-shadow:0 0 28px var(--neon-purple)}.mobile-action-btns{display:flex;flex-direction:column;align-items:center;gap:.6rem}.blast-btn{width:80px;height:80px;background:radial-gradient(circle,#ff33aa4d,#96006426);border:2px solid #ff33aa;border-radius:50%;color:#f3a;font-family:var(--font-title);font-size:.75rem;font-weight:700;letter-spacing:.05em;cursor:pointer;pointer-events:all;box-shadow:0 0 14px #ff33aa4d;touch-action:none;user-select:none;-webkit-user-select:none}.blast-btn:active{background:radial-gradient(circle,#f3a9,#96006466);box-shadow:0 0 28px #f3a}.player-name-row{display:flex;align-items:center;gap:.4rem}.rename-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:0 2px;opacity:.6;transition:opacity .15s;line-height:1}.rename-btn:hover{opacity:1}.rename-form{display:flex;align-items:center;gap:.3rem}.rename-input{background:#00ffff14;border:1px solid rgba(0,255,255,.4);border-radius:4px;color:#e0e0ff;font-family:var(--font-main);font-size:.85rem;padding:2px 6px;width:110px;outline:none}.rename-input:focus{border-color:var(--neon-cyan)}.rename-confirm,.rename-cancel{background:none;border:none;cursor:pointer;font-size:.9rem;padding:2px 4px;border-radius:3px;line-height:1}.rename-confirm{color:#4f4}.rename-cancel{color:#f44}.rules-section{margin-bottom:1rem;border:1px solid rgba(0,255,255,.15);border-radius:8px;overflow:hidden}.rules-summary{padding:.65rem 1rem;cursor:pointer;font-size:.85rem;color:#c8c8ffb3;background:#00ffff08;-webkit-user-select:none;user-select:none;list-style:none}.rules-summary::-webkit-details-marker{display:none}.rules-summary::marker{display:none}.rules-section[open] .rules-summary{color:var(--neon-cyan);border-bottom:1px solid rgba(0,255,255,.15)}.rules-body{padding:.85rem 1rem;font-size:.8rem;color:#c8c8ffa6;line-height:1.7;background:#00001466}.rules-body p{margin-bottom:.5rem}.rules-body ul{padding-left:1.2rem}.rules-body ul li{margin-bottom:.25rem}.rules-body strong{color:#c8c8ffe6}.rules-body kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:0 4px;font-family:monospace;font-size:.78rem}.hud-round-badge{font-family:var(--font-title);font-size:.65rem;color:var(--neon-cyan);letter-spacing:.08em;margin-bottom:.4rem;opacity:.85;text-transform:uppercase}.hud-player-name-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.hud-wins{font-size:.7rem;letter-spacing:.05em;color:#fd4;margin-left:auto}.round-over-overlay{animation:fadeInScale .4s ease}.round-over-title{font-size:clamp(1.6rem,5vw,2.2rem)!important;color:var(--neon-cyan)!important;text-shadow:0 0 20px var(--neon-cyan)!important}.round-scores{margin:1rem 0;display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:300px}.round-score-row{display:flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.35rem .5rem;background:#0000004d;border-radius:6px}.round-score-name{flex:1;font-weight:600}.round-score-stars{letter-spacing:.1em;font-size:.85rem}.round-score-count{font-size:.75rem;opacity:.7;min-width:50px;text-align:right}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}