@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@400;500;600;700&family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0a0f;--bg-medium: #12121a;--bg-light: #1a1a25;--neon-red: #ff3333;--neon-orange: #ff6600;--neon-yellow: #ffcc00;--neon-green: #00ff66;--neon-cyan: #00ffff;--neon-blue: #3366ff;--neon-purple: #9933ff;--team-red: #ff4757;--team-blue: #00d9ff;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--danger: #ff3333;--warning: #ffcc00;--success: #00ff66}body{font-family:Rajdhani,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.App{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;position:relative;background:radial-gradient(ellipse at 50% 0%,rgba(255,51,51,.1) 0%,transparent 50%),radial-gradient(ellipse at 0% 50%,rgba(0,255,102,.05) 0%,transparent 40%),radial-gradient(ellipse at 100% 50%,rgba(0,217,255,.05) 0%,transparent 40%),var(--bg-dark)}.App:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,51,51,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,51,51,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.container{max-width:600px;width:100%;position:relative;z-index:1}.logo{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:4px;background:linear-gradient(135deg,var(--neon-red),var(--neon-orange),var(--neon-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,51,51,.5);margin-bottom:.5rem;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 10px rgba(255,51,51,.5))}to{filter:drop-shadow(0 0 20px rgba(255,102,0,.8))}}.tagline{font-family:Rajdhani,sans-serif;font-size:1.1rem;color:var(--text-secondary);letter-spacing:3px;text-transform:uppercase}.bomb-icon{font-size:4rem;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.btn{font-family:Orbitron,sans-serif;font-weight:600;padding:.875rem 2rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;font-size:.9rem;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--neon-red),var(--neon-orange));color:#fff;box-shadow:0 4px 15px #f336}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #f339}.btn-secondary{background:var(--bg-light);color:var(--text-primary);border:2px solid var(--neon-cyan);box-shadow:0 0 10px #0ff3}.btn-secondary:hover{background:rgba(0,255,255,.1);box-shadow:0 0 20px #0ff6}.btn-success{background:linear-gradient(135deg,var(--neon-green),#00cc55);color:var(--bg-dark);box-shadow:0 4px 15px #0f66}.btn-success:hover{box-shadow:0 6px 25px #0f69}.btn-warning{background:linear-gradient(135deg,var(--neon-yellow),var(--neon-orange));color:var(--bg-dark)}.btn-large{padding:1.25rem 3rem;font-size:1.1rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input{font-family:Rajdhani,sans-serif;font-size:1.1rem;padding:.875rem 1.25rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:var(--bg-medium);color:var(--text-primary);transition:all .3s ease;width:100%}.input:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 15px #0ff3}.input::placeholder{color:var(--text-muted)}.home-container{text-align:center}.logo-section{margin-bottom:2.5rem}.name-section{margin-bottom:2rem}.name-input{max-width:300px;margin:0 auto;text-align:center}.action-buttons{margin-bottom:2.5rem}.rooms-section{margin-top:2rem}.rooms-section h3{font-family:Orbitron,sans-serif;font-size:1rem;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.rooms-list{display:flex;flex-direction:column;gap:.75rem}.room-card{background:var(--bg-light);border:1px solid rgba(0,255,255,.2);border-radius:10px;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease}.room-card:hover{border-color:var(--neon-cyan);background:rgba(0,255,255,.05);transform:translate(5px)}.room-host{font-weight:600;color:var(--text-primary)}.room-players{color:var(--text-secondary);font-size:.9rem}.no-games-message{color:var(--text-muted);font-style:italic}.error-message{background:rgba(255,51,51,.2);border:1px solid var(--neon-red);color:var(--neon-red);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-weight:500}.lobby-container{max-width:700px}.lobby-header{text-align:center;margin-bottom:1.5rem}.lobby-header h2{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:3px}.host-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem;padding:1rem;background:var(--bg-medium);border-radius:10px;border:1px solid rgba(255,255,255,.1)}.teams-setup{display:flex;flex-direction:column;gap:1.5rem}.unassigned-section{background:var(--bg-medium);border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.unassigned-section h3{font-family:Orbitron,sans-serif;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:.75rem}.player-list{display:flex;flex-wrap:wrap;gap:.5rem}.player-item{display:flex;align-items:center;gap:.5rem;background:var(--bg-light);padding:.5rem .75rem;border-radius:6px;font-size:.9rem}.player-item.offline{opacity:.5}.player-actions{display:flex;gap:.25rem}.team-btn{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s}.team-btn:hover{transform:scale(1.1)}.kick-btn{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;background:rgba(255,51,51,.3);color:var(--neon-red);font-size:.7rem}.teams-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 500px){.teams-row{grid-template-columns:1fr}}.team-card{background:var(--bg-medium);border-radius:12px;overflow:hidden;border:2px solid}.team-header{padding:.75rem 1rem;text-align:center}.team-header h3{font-family:Orbitron,sans-serif;font-size:1rem;color:#fff;text-transform:uppercase;letter-spacing:1px}.team-name-input{background:rgba(0,0,0,.3);border:none;color:#fff;font-family:Orbitron,sans-serif;font-size:1rem;text-align:center;width:100%;padding:.25rem;border-radius:4px}.team-name-input:focus{outline:2px solid rgba(255,255,255,.3)}.team-members{padding:.75rem;min-height:80px}.team-member{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;background:var(--bg-light);border-radius:4px;margin-bottom:.4rem;font-size:.9rem}.team-member.offline{opacity:.5}.team-member .remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:.2rem .4rem}.team-member .remove-btn:hover{color:var(--neon-red)}.empty-message{color:var(--text-muted);font-size:.85rem;text-align:center;padding:1rem}.start-section{text-align:center;margin-top:1.5rem}.min-players-warning{color:var(--warning);font-size:.9rem;margin-top:.75rem}.game-container{text-align:center;max-width:500px}.score-bar{display:flex;text-align:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.score-team{flex:1;padding:.75rem;background:var(--bg-medium);border-radius:10px;border:2px solid;transition:all .3s ease}.score-team.active{box-shadow:0 0 20px currentColor}.team-name{display:block;font-family:Orbitron,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem}.team-score{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:900}.play-queue{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;background:var(--bg-medium);border-radius:10px;overflow-x:auto}.queue-player{display:flex;flex-direction:column;align-items:center;padding:.5rem .75rem;border-radius:8px;min-width:70px;transition:all .3s ease}.queue-player.current{background:rgba(255,51,51,.3);border:2px solid var(--neon-red);animation:currentPulse 1.5s ease-in-out infinite}@keyframes currentPulse{0%,to{box-shadow:0 0 10px #ff333380}50%{box-shadow:0 0 25px #f33c}}.queue-player.on-deck{background:rgba(255,204,0,.2);border:2px solid var(--neon-yellow)}.queue-player.upcoming{background:var(--bg-light);border:1px solid rgba(255,255,255,.1)}.queue-player .player-name{font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.queue-player .queue-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;margin-top:.25rem;opacity:.7}.queue-player.current .queue-label{color:var(--neon-red)}.queue-player.on-deck .queue-label{color:var(--neon-yellow)}.category-badge{display:inline-block;background:var(--bg-light);border:1px solid var(--neon-purple);color:var(--neon-purple);padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.word-card{background:linear-gradient(145deg,var(--bg-light),var(--bg-medium));border:3px solid var(--neon-cyan);border-radius:16px;padding:2rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.word-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,255,.1) 0%,transparent 70%);animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.word-display{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:3px;position:relative;z-index:1;text-shadow:0 0 20px rgba(0,255,255,.5)}@media (max-width: 400px){.word-display{font-size:1.8rem}}.word-card.ticking{border-color:var(--neon-yellow);animation:tickPulse 1s ease-in-out infinite}.word-card.ticking-fast{border-color:var(--neon-orange);animation:tickPulse .5s ease-in-out infinite}.word-card.ticking-frantic{border-color:var(--neon-red);animation:tickPulse .25s ease-in-out infinite,shake .1s linear infinite}@keyframes tickPulse{0%,to{box-shadow:0 0 20px currentColor}50%{box-shadow:0 0 40px currentColor}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.action-buttons-game{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.waiting-view{padding:2rem;background:var(--bg-medium);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.waiting-text{color:var(--text-secondary);font-size:1.1rem;margin-bottom:.5rem}.team-indicator{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;margin-top:1rem}.category-select-container{max-width:600px}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;max-height:400px;overflow-y:auto;padding:.5rem;padding-bottom:40px}@media (max-width: 400px){.category-grid{grid-template-columns:1fr}}.category-btn{background:var(--bg-light);border:2px solid rgba(255,255,255,.1);color:var(--text-primary);padding:1rem;border-radius:10px;cursor:pointer;transition:all .3s ease;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600}.category-btn:hover{border-color:var(--neon-purple);background:rgba(153,51,255,.1)}.category-btn.selected{border-color:var(--neon-purple);background:rgba(153,51,255,.2);box-shadow:0 0 15px #93f6}.category-select-container .btn-large{position:fixed;bottom:20px;right:20px;z-index:100;margin:0;width:auto;box-shadow:0 5px 20px #0009;padding:.75rem 1.5rem;font-size:.9rem}.boom-container{text-align:center}.boom-text{font-family:"Press Start 2P",cursive;font-size:4rem;color:var(--neon-red);text-shadow:0 0 20px var(--neon-red),0 0 40px var(--neon-orange),0 0 60px var(--neon-yellow);animation:boomPulse .5s ease-in-out infinite;margin-bottom:1.5rem}@keyframes boomPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.exploded-info{background:var(--bg-medium);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.exploded-player{font-size:1.2rem;color:var(--text-secondary);margin-bottom:.5rem}.exploded-player strong{color:var(--neon-red)}.last-word{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--text-muted)}.point-awarded{font-family:Orbitron,sans-serif;font-size:1.1rem;margin-top:1rem}.game-over-screen{position:relative}.game-over-screen.winner{background:radial-gradient(ellipse at 50% 50%,rgba(0,255,102,.15) 0%,transparent 60%),var(--bg-dark)}.game-over-screen.loser{background:radial-gradient(ellipse at 50% 50%,rgba(100,100,150,.1) 0%,transparent 60%),var(--bg-dark)}.game-over-container{text-align:center}.game-over-title{font-family:Orbitron,sans-serif;font-size:2.5rem;margin-bottom:1rem}.winner .game-over-title{color:var(--neon-green);text-shadow:0 0 30px rgba(0,255,102,.5)}.loser .game-over-title{color:var(--text-secondary)}.winner-team{font-family:Orbitron,sans-serif;font-size:1.5rem;margin-bottom:2rem}.final-scores{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.final-score-card{background:var(--bg-medium);border-radius:12px;padding:1.5rem 2rem;border:3px solid}.final-score-card h3{font-family:Orbitron,sans-serif;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;color:var(--text-secondary)}.final-score{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:900}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:100}.confetti{position:absolute;width:10px;height:10px;top:-10px;animation:confettiFall 4s ease-out infinite}.confetti:nth-child(6n+1){background:var(--neon-red)}.confetti:nth-child(6n+2){background:var(--neon-orange);border-radius:50%}.confetti:nth-child(6n+3){background:var(--neon-yellow)}.confetti:nth-child(6n+4){background:var(--neon-green);border-radius:50%}.confetti:nth-child(6n+5){background:var(--neon-cyan)}.confetti:nth-child(6n+6){background:var(--neon-purple);border-radius:50%}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:1}}.confetti:nth-child(1){left:5%;animation-delay:0s;animation-duration:3s}.confetti:nth-child(2){left:10%;animation-delay:.2s;animation-duration:3.5s}.confetti:nth-child(3){left:15%;animation-delay:.4s;animation-duration:4s}.confetti:nth-child(4){left:20%;animation-delay:.1s;animation-duration:3.2s}.confetti:nth-child(5){left:25%;animation-delay:.3s;animation-duration:3.8s}.confetti:nth-child(6){left:30%;animation-delay:.5s;animation-duration:4.2s}.confetti:nth-child(7){left:35%;animation-delay:.15s;animation-duration:3.3s}.confetti:nth-child(8){left:40%;animation-delay:.35s;animation-duration:3.7s}.confetti:nth-child(9){left:45%;animation-delay:.55s;animation-duration:4.1s}.confetti:nth-child(10){left:50%;animation-delay:.25s;animation-duration:3.4s}.confetti:nth-child(11){left:55%;animation-delay:.45s;animation-duration:3.9s}.confetti:nth-child(12){left:60%;animation-delay:.05s;animation-duration:3.1s}.confetti:nth-child(13){left:65%;animation-delay:.28s;animation-duration:3.6s}.confetti:nth-child(14){left:70%;animation-delay:.48s;animation-duration:4s}.confetti:nth-child(15){left:75%;animation-delay:.18s;animation-duration:3.25s}.confetti:nth-child(16){left:80%;animation-delay:.38s;animation-duration:3.75s}.confetti:nth-child(17){left:85%;animation-delay:.58s;animation-duration:4.15s}.confetti:nth-child(18){left:90%;animation-delay:.08s;animation-duration:3.15s}.confetti:nth-child(19){left:95%;animation-delay:.32s;animation-duration:3.65s}.confetti:nth-child(20){left:3%;animation-delay:.52s;animation-duration:4.05s}.tears-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:100}.tear{position:absolute;width:8px;height:12px;background:linear-gradient(180deg,rgba(100,150,255,.8),rgba(100,150,255,.4));border-radius:50%/60% 60% 40% 40%;top:-15px;animation:tearFall 3s ease-in infinite}@keyframes tearFall{0%{transform:translateY(-15px);opacity:.8}to{transform:translateY(100vh);opacity:.6}}.tear:nth-child(1){left:8%;animation-delay:0s}.tear:nth-child(2){left:15%;animation-delay:.3s}.tear:nth-child(3){left:22%;animation-delay:.6s}.tear:nth-child(4){left:29%;animation-delay:.1s}.tear:nth-child(5){left:36%;animation-delay:.4s}.tear:nth-child(6){left:43%;animation-delay:.7s}.tear:nth-child(7){left:50%;animation-delay:.2s}.tear:nth-child(8){left:57%;animation-delay:.5s}.tear:nth-child(9){left:64%;animation-delay:.8s}.tear:nth-child(10){left:71%;animation-delay:.15s}.tear:nth-child(11){left:78%;animation-delay:.45s}.tear:nth-child(12){left:85%;animation-delay:.75s}.tear:nth-child(13){left:92%;animation-delay:.25s}.tear:nth-child(14){left:5%;animation-delay:.55s}.tear:nth-child(15){left:12%;animation-delay:.85s}.tear:nth-child(16){left:19%;animation-delay:.35s}.tear:nth-child(17){left:26%;animation-delay:.65s}.tear:nth-child(18){left:33%;animation-delay:.95s}.tear:nth-child(19){left:40%;animation-delay:.05s}.tear:nth-child(20){left:47%;animation-delay:.5s}.leave-game-container{position:fixed;bottom:1rem;left:1rem;z-index:50}.leave-game-btn{background:rgba(255,51,51,.2);border:1px solid rgba(255,51,51,.3);color:#ff3333b3;padding:.35rem .75rem;font-size:.75rem;border-radius:15px;cursor:pointer;font-family:Rajdhani,sans-serif;transition:all .3s ease}.leave-game-btn:hover{background:rgba(255,51,51,.3);color:var(--neon-red)}.leave-game-btn.confirming{background:var(--neon-red);color:#fff;animation:confirmPulse .5s ease-in-out infinite}@keyframes confirmPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.score-adjust{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.score-adjust button{width:28px;height:28px;border:none;border-radius:4px;background:var(--bg-light);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s}.score-adjust button:hover{background:var(--neon-cyan);color:var(--bg-dark)}.bomb-visual{position:relative;width:120px;height:120px;margin:0 auto 1.5rem}.bomb-body{width:100px;height:100px;background:linear-gradient(145deg,#2a2a35,#1a1a22);border-radius:50%;position:absolute;bottom:0;left:10px;border:3px solid #3a3a45;box-shadow:inset -10px -10px 20px #00000080,inset 5px 5px 10px #ffffff0d}.bomb-fuse{width:8px;height:30px;background:linear-gradient(90deg,#8B4513,#A0522D,#8B4513);position:absolute;top:5px;left:56px;border-radius:2px;transform-origin:bottom center}.bomb-spark{width:20px;height:20px;position:absolute;top:-5px;left:50px;background:radial-gradient(circle,var(--neon-yellow) 0%,var(--neon-orange) 50%,transparent 70%);border-radius:50%;animation:sparkle .3s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}.bomb-visual.ticking .bomb-body{animation:bombShake .5s ease-in-out infinite}.bomb-visual.ticking-fast .bomb-body{animation:bombShake .25s ease-in-out infinite}.bomb-visual.ticking-frantic .bomb-body{animation:bombShake .1s ease-in-out infinite}.bomb-visual.ticking .bomb-spark{background:radial-gradient(circle,var(--neon-orange) 0%,var(--neon-red) 50%,transparent 70%)}.bomb-visual.ticking-frantic .bomb-spark{background:radial-gradient(circle,white 0%,var(--neon-red) 50%,transparent 70%);animation:sparkle .1s ease-in-out infinite}@keyframes bombShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px) rotate(-1deg)}75%{transform:translate(2px) rotate(1deg)}}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.on-deck-banner{background:linear-gradient(135deg,rgba(255,204,0,.2),rgba(255,153,0,.2));border:2px solid var(--neon-yellow);border-radius:12px;padding:1rem;margin-bottom:1.5rem;animation:onDeckPulse 2s ease-in-out infinite}@keyframes onDeckPulse{0%,to{box-shadow:0 0 10px #ffcc004d}50%{box-shadow:0 0 25px #fc09}}.on-deck-banner h3{font-family:Orbitron,sans-serif;color:var(--neon-yellow);font-size:1rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:.25rem}.on-deck-banner p{color:var(--text-secondary);font-size:.9rem}@media (max-width: 600px){.final-scores{flex-direction:column;align-items:center;gap:1rem}.final-score-card{width:100%;max-width:300px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.connection-banner{position:fixed;top:0;left:0;right:0;padding:.75rem 1rem;text-align:center;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:1px;z-index:9999;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.connection-banner.connecting{background:linear-gradient(90deg,var(--neon-blue),var(--neon-purple));color:#fff}.connection-banner.disconnected,.connection-banner.reconnecting{background:linear-gradient(90deg,var(--neon-orange),var(--neon-red));color:#fff;animation:slideDown .3s ease-out,pulse-warning 1.5s ease-in-out infinite}.connection-banner.failed{background:var(--danger);color:#fff}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.logo .logo-bomb{background:linear-gradient(135deg,var(--neon-red),var(--neon-orange),var(--neon-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(255,51,51,.5))}.rules-btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:rgba(10,10,15,.95);color:var(--neon-cyan);border:2px solid var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;cursor:pointer;z-index:2000;display:flex;align-items:center;justify-content:center;transition:all .3s ease;animation:float 4s ease-in-out infinite}.rules-btn:hover{background:var(--neon-cyan);color:var(--bg-dark);box-shadow:0 0 20px var(--neon-cyan);transform:scale(1.1) rotate(15deg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.rules-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.rules-modal-content{background:var(--bg-medium);width:100%;max-width:600px;max-height:85vh;border-radius:12px;border:2px solid var(--neon-purple);box-shadow:0 0 40px #93f3;display:flex;flex-direction:column;overflow:hidden;position:relative}.rules-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,rgba(153,51,255,.15),transparent)}.rules-header h2{font-family:Orbitron,sans-serif;font-size:1.4rem;margin:0;color:var(--neon-purple);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(153,51,255,.5)}.rules-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:color .2s;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.rules-close:hover{color:var(--neon-red);text-shadow:0 0 10px var(--neon-red)}.rules-body{padding:24px;overflow-y:auto;font-family:Rajdhani,sans-serif}.rule-section{margin-bottom:24px}.rule-section h3{color:var(--neon-cyan);font-family:Orbitron,sans-serif;font-size:1.1rem;margin-bottom:12px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:1px}.rule-section p,.rule-section li{color:var(--text-primary);line-height:1.6;font-size:1.1rem}.rule-section ul{list-style:none;padding-left:8px}.rule-section li{margin-bottom:8px;position:relative;padding-left:24px}.rule-section li:before{content:">";color:var(--neon-green);font-weight:700;position:absolute;left:0;font-family:Orbitron,sans-serif}.highlight{color:var(--neon-yellow);font-weight:700}.rules-body::-webkit-scrollbar{width:6px}.rules-body::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:3px}