@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6c63ff;--primary-dark:#5a52d5;--secondary:#ff6b9d;--success:#4caf50;--warning:#ffb74d;--danger:#ef5350;--bg-dark:#1a1a2e;--bg-card:#16213e;--bg-light:#0f3460;--text-primary:#fff;--text-secondary:#b8b8d1;--team-1:#ff6b6b;--team-2:#4ecdc4}body{-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#1a1a2e,#0f0f23);background:linear-gradient(135deg,var(--bg-dark) 0,#0f0f23 100%);color:#fff;color:var(--text-primary);font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}body:before{background-image:radial-gradient(circle at 20% 80%,#6c63ff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b9d1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.App{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:20px 20px max(80px,env(safe-area-inset-bottom))}.container{background:#16213e;background:var(--bg-card);border-radius:24px;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0d;max-width:600px;padding:32px;width:100%}.logo-section{margin-bottom:32px;text-align:center}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;font-family:Fredoka,sans-serif;font-size:3rem;font-weight:700;margin-bottom:8px}.tagline{color:#b8b8d1;color:var(--text-secondary);font-size:1.1rem}.input{background:#0f3460;background:var(--bg-light);border:2px solid #ffffff1a;border-radius:12px;color:#fff;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:14px 18px;transition:all .2s ease;width:100%}.input:focus{border-color:#6c63ff;border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff33;outline:none}.input::placeholder{color:#b8b8d1;color:var(--text-secondary)}.name-section{margin-bottom:24px}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 28px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#6c63ff,#5a52d5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 4px 15px #6c63ff66;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #6c63ff80;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#0f3460;background:var(--bg-light);border:2px solid #ffffff1a;color:#fff;color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1a}.btn-success{background:linear-gradient(135deg,#4caf50,#388e3c);background:linear-gradient(135deg,var(--success) 0,#388e3c 100%);color:#fff}.btn-success.confirming{animation:pulse .5s infinite}.btn-success.confirming,.btn-warning{background:linear-gradient(135deg,#ffb74d,#ff9800)}.btn-warning{background:linear-gradient(135deg,var(--warning) 0,#ff9800 100%);color:#1a1a1a}.btn-large{font-size:1.2rem;padding:18px 36px}.action-buttons{display:flex;flex-direction:column;gap:12px}.action-buttons,.rooms-section{margin-bottom:24px}.rooms-section h3{color:#b8b8d1;color:var(--text-secondary);font-size:.9rem;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.rooms-list{display:flex;flex-direction:column;gap:8px}.room-card{align-items:center;background:#0f3460;background:var(--bg-light);border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;transition:all .2s ease}.room-card:hover{border-color:#6c63ff;border-color:var(--primary);transform:translateX(4px)}.room-host{font-weight:600}.room-players{color:#b8b8d1;color:var(--text-secondary);font-size:.9rem}.room-code{background:#6c63ff33;border-radius:6px;font-family:monospace;font-size:.85rem;padding:4px 10px}.no-games-message{font-style:italic;padding:20px;text-align:center}.difficulty-display,.no-games-message{color:#b8b8d1;color:var(--text-secondary)}.difficulty-display{font-size:.95rem}.difficulty-badge{background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:12px;color:#fff;font-weight:600;margin-left:6px;padding:4px 12px}.join-code-section{display:flex;gap:12px}.code-input{flex:1 1;font-family:monospace;letter-spacing:2px;text-align:center;text-transform:uppercase}.error-message{background:#ef535033;border:1px solid #ef5350;border:1px solid var(--danger);border-radius:8px;color:#ef5350;color:var(--danger);margin-bottom:16px;padding:12px 16px;text-align:center}.lobby-container{max-width:800px}.lobby-header{margin-bottom:24px;text-align:center}.lobby-header h2{font-family:Fredoka,sans-serif;font-size:1.8rem;margin-bottom:8px}.room-code-display{color:#b8b8d1;color:var(--text-secondary)}.room-code-display .code{background:#0f3460;background:var(--bg-light);border-radius:8px;font-family:monospace;font-size:1.2rem;letter-spacing:2px;margin-left:8px;padding:6px 14px}.host-controls{background:#6c63ff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px}.difficulty-select{align-items:center;display:flex;gap:10px}.difficulty-select label{color:#b8b8d1;color:var(--text-secondary)}.difficulty-select select{background:#0f3460;background:var(--bg-light);border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary);font-family:inherit;padding:8px 16px}.teams-setup{margin-bottom:24px}.unassigned-section{margin-bottom:20px}.unassigned-section h3{color:#b8b8d1;color:var(--text-secondary);font-size:.9rem;margin-bottom:12px}.player-list{display:flex;flex-direction:column;gap:8px}.player-item{align-items:center;background:#0f3460;background:var(--bg-light);border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.player-item.offline{opacity:.5}.player-name{font-weight:600}.player-actions{display:flex;gap:6px}.team-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;height:32px;transition:transform .2s;width:32px}.team-btn:hover{transform:scale(1.1)}.kick-btn{background:#ef5350;background:var(--danger);border:none;border-radius:8px;color:#fff;cursor:pointer;height:32px;transition:transform .2s;width:32px}.kick-btn:hover{transform:scale(1.1)}.empty-message{color:#b8b8d1;color:var(--text-secondary);padding:16px;text-align:center}.teams-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:600px){.teams-row{grid-template-columns:1fr}}.team-card{background:#0f3460;background:var(--bg-light);border:3px solid;border-radius:16px;overflow:hidden}.team-header{padding:14px;text-align:center}.team-header h3,.team-name-input{color:#fff;font-size:1.1rem}.team-name-input{background:#fff3;border:none;border-radius:8px;font-family:inherit;font-weight:600;padding:8px 12px;text-align:center;width:100%}.team-name-input:focus{background:#ffffff4d;outline:none}.team-members{min-height:100px;padding:12px}.team-member{align-items:center;background:#0003;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:6px;padding:10px 12px}.team-member.offline{opacity:.5}.remove-btn{background:#ffffff1a;border:none;border-radius:6px;color:#b8b8d1;color:var(--text-secondary);cursor:pointer;font-size:.8rem;height:24px;width:24px}.remove-btn:hover{background:#ef5350;background:var(--danger);color:#fff}.need-players{color:#b8b8d1;color:var(--text-secondary);font-size:.85rem;padding:12px;text-align:center}.start-btn{margin-top:16px;width:100%}.waiting-text{color:#b8b8d1;color:var(--text-secondary);padding:16px;text-align:center}.game-container{max-width:600px;padding:20px;width:100%}.score-bar{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.score-bar.compact{margin-bottom:10px}.score-team{align-items:center;background:#0f3460;background:var(--bg-light);border:2px solid;border-radius:12px;display:flex;gap:10px;padding:10px 20px;transition:all .3s ease}.score-team.active{box-shadow:0 0 20px #ffffff1a;transform:scale(1.05)}.score-team .team-name{font-size:.9rem;font-weight:600}.score-team .team-score{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:700}.score-bar.compact .score-team{padding:6px 14px}.score-bar.compact .team-score{font-size:1.2rem}.waiting-drawer{padding:40px 20px;text-align:center}.waiting-drawer h2{font-family:Fredoka,sans-serif;font-size:2rem;margin-bottom:20px}.word-reveal{background:#0f3460;background:var(--bg-light);border-radius:16px;margin-bottom:24px;padding:24px}.word-reveal p{color:#b8b8d1;color:var(--text-secondary);margin-bottom:10px}.the-word{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;font-family:Fredoka,sans-serif;font-size:2.5rem}.drawer-info{color:#b8b8d1;color:var(--text-secondary);font-size:1.2rem}.waiting-animation{animation:bounce 1s infinite;font-size:4rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.drawing-screen{padding:16px}.drawing-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.timer{background:#0f3460;background:var(--bg-light);border-radius:10px;font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:700;padding:8px 16px}.timer-warning{animation:pulse .5s infinite;color:#ef5350;color:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.current-word{color:#b8b8d1;color:var(--text-secondary);font-size:1.1rem}.current-word strong{color:#6c63ff;color:var(--primary);font-size:1.3rem}.drawer-info-small{color:#b8b8d1;color:var(--text-secondary);font-size:.95rem}.steal-info{background:#ffb74d;background:var(--warning);border-radius:8px;color:#1a1a1a;font-weight:600;padding:6px 14px}.canvas-section{background:linear-gradient(135deg,#8b4513,#654321 50%,#8b4513);border:4px solid #5d3a1a;border-radius:8px;box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d,0 4px 12px #0006;margin-bottom:12px;padding:12px;position:relative}.canvas-section:before{background:repeating-linear-gradient(90deg,#6543211a,#0000 2px,#0000 4px,#6543211a 6px);border-radius:4px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.canvas-wrapper{background:#fff;border-radius:4px;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.drawing-canvas{background:#fff;display:block;touch-action:none}.drawing-canvas.drawer{cursor:crosshair}.drawing-canvas.viewer{cursor:default}.correct-overlay{animation:popIn .3s ease;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.correct-message{background:linear-gradient(135deg,#4caf50,#388e3c);background:linear-gradient(135deg,var(--success) 0,#388e3c 100%);border-radius:16px;box-shadow:0 10px 40px #4caf5066;color:#fff;font-size:1.4rem;font-weight:700;padding:20px 40px}.steal-overlay{animation:popIn .3s ease;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.steal-message{border-radius:16px;box-shadow:0 10px 40px #0006;font-size:1.4rem;font-weight:700;padding:20px 40px}.steal-overlay.stolen .steal-message{background:linear-gradient(135deg,#ffb74d,#ff9800);background:linear-gradient(135deg,var(--warning) 0,#ff9800 100%);color:#1a1a1a}.steal-overlay.missed .steal-message{background:linear-gradient(135deg,#ef5350,#c62828);background:linear-gradient(135deg,var(--danger) 0,#c62828 100%);color:#fff}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.drawer-controls{display:flex;flex-direction:column;gap:12px}.brush-tools{align-items:center;background:#0f3460;background:var(--bg-light);border-radius:12px;gap:12px;padding:12px}.brush-tools,.color-picker{display:flex;flex-wrap:wrap;justify-content:center}.color-picker{gap:6px}.color-btn{border:3px solid #0000;border-radius:50%;cursor:pointer;height:32px;transition:all .2s;width:32px}.color-btn.active{border-color:#fff;transform:scale(1.15)}.color-btn:hover{transform:scale(1.1)}.eraser-btn{background:#16213e;background:var(--bg-card);border:2px solid #fff3;border-radius:8px;cursor:pointer;font-size:1.2rem;height:36px;transition:all .2s;width:36px}.eraser-btn.active{background:#fff3;border-color:#fff}.size-picker{gap:6px}.size-btn,.size-picker{align-items:center;display:flex}.size-btn{background:#16213e;background:var(--bg-card);border:2px solid #0000;border-radius:8px;cursor:pointer;height:36px;justify-content:center;transition:all .2s;width:36px}.size-btn.active{border-color:#6c63ff;border-color:var(--primary)}.size-dot{background:#fff;border-radius:50%;display:block}.undo-btn{background:#16213e;background:var(--bg-card);border:2px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.9rem;padding:8px 16px;transition:all .2s}.undo-btn:hover{background:#ffb74d;background:var(--warning);color:#000}.clear-btn{background:#16213e;background:var(--bg-card);border:2px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.9rem;padding:8px 16px;transition:all .2s}.clear-btn:hover{background:#ef5350;background:var(--danger)}.drawer-actions{display:flex;gap:12px;justify-content:center}.drawer-actions .btn{flex:1 1;max-width:200px}.guess-form{display:flex;gap:10px;margin-top:12px}.guess-input{flex:1 1}.wrong-guesses{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.wrong-guess{animation:fadeIn .3s ease;background:#ef535033;border-radius:6px;color:#ef5350;color:var(--danger);font-size:.85rem;padding:4px 10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.spectator-info{margin-top:12px}.spectator-message{background:#0f3460;background:var(--bg-light);border-radius:10px;padding:16px}.spectator-hint,.spectator-message{color:#b8b8d1;color:var(--text-secondary);text-align:center}.spectator-hint{font-size:.85rem;font-style:italic;margin-top:8px;opacity:.7}.round-end-container{text-align:center}.round-end-container h2{font-family:Fredoka,sans-serif;font-size:2rem;margin-bottom:24px}.round-summary{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:24px}.team-score-card{background:#0f3460;background:var(--bg-light);border:3px solid;border-radius:16px;min-width:120px;padding:24px}.team-score-card h3{font-size:1rem;margin-bottom:8px}.score-display{font-family:Fredoka,sans-serif;font-size:3rem;font-weight:700}.score-adjust{display:flex;gap:10px;justify-content:center;margin-top:12px}.score-adjust button{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;height:36px;transition:all .2s;width:36px}.score-adjust button:hover{background:#6c63ff;background:var(--primary)}.vs{font-family:Fredoka,sans-serif;font-size:1.5rem}.vs,.words-guessed{color:#b8b8d1;color:var(--text-secondary)}.words-guessed{margin-bottom:24px}.game-over-screen{overflow:hidden;position:relative}.game-over-container{position:relative;text-align:center;z-index:10}.game-over-title{font-size:2.5rem;margin-bottom:16px}.game-over-title,.winner-team{font-family:Fredoka,sans-serif}.winner-team{font-size:1.8rem;margin-bottom:32px}.final-scores{display:flex;gap:24px;justify-content:center;margin-bottom:32px}.final-score-card{background:#0f3460;background:var(--bg-light);border:3px solid;border-radius:16px;padding:24px 32px}.final-score-card h3{color:#b8b8d1;color:var(--text-secondary);margin-bottom:8px}.final-score{font-family:Fredoka,sans-serif;font-size:3.5rem;font-weight:700}.confetti-container{bottom:0;left:0;right:0;top:0;z-index:5}.confetti,.confetti-container{pointer-events:none;position:fixed}.confetti{animation:confettiFall 8s linear infinite;border-radius:50%;height:15px;top:-10%;width:15px;z-index:1000}.confetti:first-child{animation-delay:0s;background:gold;left:10%}.confetti:nth-child(2){animation-delay:1.2s;background:#ff69b4;left:20%}.confetti:nth-child(3){animation-delay:2.4s;background:#00ced1;left:30%}.confetti:nth-child(4){animation-delay:.6s;background:#32cd32;left:40%}.confetti:nth-child(5){animation-delay:1.8s;background:#ff8c00;left:50%}.confetti:nth-child(6){animation-delay:3s;background:#ba55d3;left:60%}.confetti:nth-child(7){animation-delay:.3s;background:#7fff00;left:70%}.confetti:nth-child(8){animation-delay:1.5s;background:#ff1493;left:80%}.confetti:nth-child(9){animation-delay:2.7s;background:#00bfff;left:90%}.confetti:nth-child(10){animation-delay:.9s;background:tomato;left:5%}.confetti:nth-child(11){animation-delay:2.1s;background:gold;left:15%}.confetti:nth-child(12){animation-delay:3.3s;background:#ff69b4;left:25%}.confetti:nth-child(13){animation-delay:.4s;background:#00ced1;left:35%}.confetti:nth-child(14){animation-delay:1.6s;background:#32cd32;left:45%}.confetti:nth-child(15){animation-delay:2.8s;background:#ff8c00;left:55%}.confetti:nth-child(16){animation-delay:.7s;background:#ba55d3;left:65%}.confetti:nth-child(17){animation-delay:1.9s;background:#7fff00;left:75%}.confetti:nth-child(18){animation-delay:3.1s;background:#ff1493;left:85%}.confetti:nth-child(19){animation-delay:1.1s;background:#00bfff;left:95%}.confetti:nth-child(20){animation-delay:2.3s;background:tomato;left:12%}.confetti:nth-child(21){animation-delay:.2s;background:gold;left:22%}.confetti:nth-child(22){animation-delay:1.4s;background:#ff69b4;left:32%}.confetti:nth-child(23){animation-delay:2.6s;background:#00ced1;left:42%}.confetti:nth-child(24){animation-delay:.8s;background:#32cd32;left:52%}.confetti:nth-child(25){animation-delay:2s;background:#ff8c00;left:62%}.confetti:nth-child(26){animation-delay:3.2s;background:#ba55d3;left:72%}.confetti:nth-child(27){animation-delay:1s;background:#7fff00;left:82%}.confetti:nth-child(28){animation-delay:2.2s;background:#ff1493;left:92%}.confetti:nth-child(29){animation-delay:3.4s;background:#00bfff;left:8%}.confetti:nth-child(30){animation-delay:1.3s;background:tomato;left:18%}@keyframes confettiFall{0%{opacity:1;top:-10%;transform:translateX(0) rotate(0deg)}to{opacity:.8;top:110%;transform:translateX(50px) rotate(2turn)}}.tears-container{bottom:0;left:0;right:0;top:0;z-index:5}.tear,.tears-container{pointer-events:none;position:fixed}.tear{animation:tearFall 7s linear infinite;background:linear-gradient(180deg,#64b5f6,#2196f3);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;height:14px;opacity:.8;top:-10%;width:10px;z-index:1000}.tear:first-child{animation-delay:0s;left:10%}.tear:nth-child(2){animation-delay:1s;left:20%}.tear:nth-child(3){animation-delay:2s;left:30%}.tear:nth-child(4){animation-delay:.5s;left:40%}.tear:nth-child(5){animation-delay:1.5s;left:50%}.tear:nth-child(6){animation-delay:2.5s;left:60%}.tear:nth-child(7){animation-delay:.3s;left:70%}.tear:nth-child(8){animation-delay:1.3s;left:80%}.tear:nth-child(9){animation-delay:2.3s;left:90%}.tear:nth-child(10){animation-delay:.8s;left:5%}.tear:nth-child(11){animation-delay:1.8s;left:15%}.tear:nth-child(12){animation-delay:2.8s;left:25%}.tear:nth-child(13){animation-delay:.4s;left:35%}.tear:nth-child(14){animation-delay:1.4s;left:45%}.tear:nth-child(15){animation-delay:2.4s;left:55%}.tear:nth-child(16){animation-delay:.6s;left:65%}.tear:nth-child(17){animation-delay:1.6s;left:75%}.tear:nth-child(18){animation-delay:2.6s;left:85%}.tear:nth-child(19){animation-delay:.9s;left:95%}.tear:nth-child(20){animation-delay:1.9s;left:12%}.tear:nth-child(21){animation-delay:2.9s;left:22%}.tear:nth-child(22){animation-delay:.2s;left:32%}.tear:nth-child(23){animation-delay:1.2s;left:42%}.tear:nth-child(24){animation-delay:2.2s;left:52%}.tear:nth-child(25){animation-delay:.7s;left:62%}.tear:nth-child(26){animation-delay:1.7s;left:72%}.tear:nth-child(27){animation-delay:2.7s;left:82%}.tear:nth-child(28){animation-delay:1.1s;left:92%}.tear:nth-child(29){animation-delay:2.1s;left:8%}.tear:nth-child(30){animation-delay:3.1s;left:18%}@keyframes tearFall{0%{opacity:.8;top:-10%;transform:translateX(0)}to{opacity:.5;top:110%;transform:translateX(30px)}}.leave-game-container{bottom:20px;left:20px;position:fixed;z-index:100}.leave-game-btn{background:#ef535033;border:1px solid #ef5350;border:1px solid var(--danger);border-radius:20px;color:#ef5350;color:var(--danger);cursor:pointer;font-family:inherit;font-size:.9rem;padding:10px 24px;transition:all .2s}.leave-game-btn.confirming,.leave-game-btn:hover{background:#ef5350;background:var(--danger);color:#fff}.leave-game-btn.confirming{animation:pulse .5s ease-in-out infinite alternate}@media (max-width:600px){.container{border-radius:16px;padding:20px}.logo{font-size:2.2rem}.the-word{font-size:1.8rem}.btn-large{font-size:1rem;padding:14px 28px}.score-bar{gap:10px}.score-team{padding:6px 12px}.final-scores,.round-summary{flex-direction:column;gap:16px}.drawer-actions{flex-direction:column}.drawer-actions .btn{max-width:none}.game-over-title{font-size:1.8rem}.host-controls{flex-direction:column}}.connection-banner{animation:slideDown .3s ease;background:#ff9800;box-shadow:0 2px 10px #0003;color:#1a1a1a;font-weight:700;left:0;padding:8px;position:fixed;right:0;text-align:center;top:0;z-index:1000}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.player-item.offline{background:#0000001a;border:1px dashed #fff3;opacity:.6}.player-item.offline .player-name:after{color:#ff9800;content:" (Offline)";font-size:.8em;font-style:italic}.rules-btn{align-items:center;background:#16213e;background:var(--bg-card);border:2px solid #6c63ff;border:2px solid var(--primary);border-radius:50%;bottom:20px;box-shadow:0 4px 15px #6c63ff4d;color:#6c63ff;color:var(--primary);cursor:pointer;display:flex;font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:700;height:56px;justify-content:center;position:fixed;right:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:56px;z-index:2000}.rules-btn:hover{background:#6c63ff;background:var(--primary);box-shadow:0 6px 25px #6c63ff80;color:#fff;transform:scale(1.1) rotate(15deg)}.rules-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f0f23f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.rules-modal-content{animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);background:#16213e;background:var(--bg-card);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:100%}.rules-header{align-items:center;background:linear-gradient(90deg,#6c63ff1a,#0000);border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:24px}.rules-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;font-family:Fredoka,sans-serif;font-size:1.8rem;margin:0}.rules-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#b8b8d1;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .2s;width:40px}.rules-close:hover{background:#ffffff1a;color:#fff}.rules-body{overflow-y:auto;padding:24px}.rule-section{margin-bottom:24px}.rule-section h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-family:Fredoka,sans-serif;font-size:1.2rem;gap:10px;margin-bottom:12px}.rule-section li,.rule-section p{color:#b8b8d1;color:var(--text-secondary);font-size:1rem;line-height:1.6}.rule-section ul{list-style:none;padding-left:0}.rule-section li{margin-bottom:8px;padding-left:20px;position:relative}.rule-section li:before{color:#6c63ff;color:var(--primary);content:"•";font-weight:700;left:0;position:absolute}.highlight{color:#ff6b9d;color:var(--secondary);font-weight:600}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.0541d92c.css.map*/