:root{--primary-color: #667eea;--secondary-color: #764ba2;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--background-gradient: linear-gradient(135deg, #ff6b6b 0%, #4ecdc4 25%, #45b7d1 50%, #96ceb4 75%, #feca57 100%);--container-bg: rgba(255, 255, 255, .95);--text-color: #000000;--text-secondary: #4a5568;--border-color: rgba(102, 126, 234, .2);--shadow-color: rgba(0, 0, 0, .1)}[data-theme=dark]{--primary-color: #8b5cf6;--secondary-color: #a855f7;--background-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--container-bg: rgba(255, 255, 255, .95);--text-color: #000000;--text-secondary: #e2e8f0;--border-color: rgba(139, 92, 246, .4);--shadow-color: rgba(0, 0, 0, .5)}[data-theme=neon]{--primary-color: #00ff88;--secondary-color: #ff0080;--background-gradient: linear-gradient(135deg, #0a0a0a 0%, #1a0033 100%);--container-bg: rgba(255, 255, 255, .95);--text-color: #000000;--text-secondary: #00ff88;--border-color: rgba(0, 255, 136, .6);--shadow-color: rgba(0, 255, 136, .3)}[data-theme=pastel]{--primary-color: #ff9a9e;--secondary-color: #fecfef;--background-gradient: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);--container-bg: rgba(255, 255, 255, .95);--text-color: #000000;--text-secondary: #6b46c1;--border-color: rgba(255, 154, 158, .4);--shadow-color: rgba(255, 154, 158, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background-gradient);background-size:400% 400%;animation:gradientShift 15s ease infinite;min-height:100vh;position:relative;overflow-x:hidden;color:var(--text-color)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.4) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.4) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.4) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:backgroundPulse 8s ease-in-out infinite}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,107,107,.6),transparent),radial-gradient(2px 2px at 60% 70%,rgba(78,205,196,.6),transparent),radial-gradient(1px 1px at 50% 50%,rgba(102,126,234,.6),transparent),radial-gradient(1px 1px at 80% 10%,rgba(254,202,87,.6),transparent),radial-gradient(2px 2px at 90% 60%,rgba(255,119,198,.6),transparent),radial-gradient(1px 1px at 33% 80%,rgba(150,206,180,.6),transparent);background-repeat:repeat;background-size:200% 200%;pointer-events:none;z-index:-1;animation:particleFloat 20s linear infinite;opacity:.7}@keyframes backgroundPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes particleFloat{0%{transform:translate(0) rotate(0);background-position:0% 0%}33%{transform:translate(30px,-30px) rotate(120deg);background-position:100% 33%}66%{transform:translate(-20px,20px) rotate(240deg);background-position:33% 100%}to{transform:translate(0) rotate(360deg);background-position:0% 0%}}.screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;animation:fadeIn .4s ease-out}.container{background:var(--container-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem;box-shadow:0 25px 50px var(--shadow-color),0 0 0 1px #fff3;max-width:600px;width:100%;text-align:center;border:2px solid var(--border-color);position:relative;overflow:visible;color:var(--text-color);animation:containerEntrance .4s ease-out}@keyframes containerEntrance{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57 100%,#ff6b6b);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}.mode-selector{display:flex;background:linear-gradient(135deg,#fffc,#f0f8ffcc);border-radius:16px;padding:6px;margin-bottom:2rem;box-shadow:inset 0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.3)}.mode-selector button{flex:1;padding:12px 24px;border:none;background:none;border-radius:8px;font-weight:600;color:#718096;cursor:pointer;transition:all .2s}.mode-selector button.active{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff;box-shadow:0 4px 15px #ff6b6b4d;transform:translateY(-1px)}.form{display:flex;flex-direction:column;gap:1rem}.input{padding:16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:border-color .2s}.input:focus{outline:none;border-color:#667eea}.button{padding:16px 32px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.button.primary{background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1);background-size:200% 200%;color:#fff;position:relative;overflow:hidden;pointer-events:auto;-webkit-user-select:none;user-select:none;animation:buttonGradient 3s ease infinite;box-shadow:0 8px 25px #ff6b6b66,0 0 30px #4ecdc44d}@keyframes buttonGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.button.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.button.primary:hover:before{left:100%}.button.primary:hover:not(:disabled){transform:translateY(-6px) scale(1.08) rotate(2deg);box-shadow:0 15px 40px #ff6b6b99,0 0 50px #4ecdc466;animation:buttonBounce .6s ease}@keyframes buttonBounce{0%,to{transform:translateY(-6px) scale(1.08) rotate(2deg)}50%{transform:translateY(-10px) scale(1.1) rotate(-2deg)}}.button:disabled{opacity:.5;cursor:not-allowed}.players-list{margin:2rem 0}.players-list h3{margin-bottom:1rem;color:#2d3748}.player-card{background:linear-gradient(135deg,#fffffff2,#f0f8fff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;border-radius:12px;margin-bottom:12px;font-weight:600;border:2px solid rgba(255,255,255,.4);box-shadow:0 4px 15px #0000001a;transition:all .2s ease;position:relative;overflow:hidden;animation:cardEntrance .3s ease-out backwards;animation-delay:calc(var(--i, 0) * .05s);color:#2d3748}@keyframes cardEntrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.player-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.player-card:hover:before{left:100%}.player-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff6b6b33;border-color:#ff6b6b66}.timer{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;padding:12px 20px;border-radius:25px;font-weight:700;font-size:1.2rem;box-shadow:0 8px 25px #ff6b6b66,0 0 0 3px #fff3;z-index:1000;border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:timerPulse 2s ease-in-out infinite;transition:all .3s ease}@media (min-width: 769px){.container.has-timer{padding-top:5.5rem;padding-bottom:2rem}.container.has-timer .timer{position:absolute;top:1rem;right:1rem;margin:0}.container.has-timer .player-name-corner{left:1rem;right:auto}.container.has-timer>h2{margin-top:.5rem;margin-bottom:1.5rem}}.timer-urgent-player{font-size:1.8rem!important;padding:16px 28px!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 12px 35px #ef444499,0 0 0 4px #ffffff4d,0 0 50px #ef4444cc!important;animation:timerUrgentPulsePlayer .5s ease-in-out infinite!important;border-color:#fff9!important}@keyframes timerUrgentPulsePlayer{0%,to{transform:scale(1);box-shadow:0 12px 35px #ef444499,0 0 0 4px #ffffff4d,0 0 50px #ef4444cc}50%{transform:scale(1.08);box-shadow:0 15px 45px #ef4444cc,0 0 0 5px #fff6,0 0 70px #ef4444}}.question-container{margin:2rem 0;padding:2rem;border-radius:16px;position:relative;background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);border:3px solid rgba(255,107,107,.3);box-shadow:0 10px 30px #ff6b6b33;animation:questionEntrance .4s ease-out;color:#2d3748}@keyframes questionEntrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-container.group{background:linear-gradient(135deg,#48bb78,#38a169,#2f855a);color:#fff;box-shadow:0 10px 30px #48bb784d;border:2px solid rgba(255,255,255,.2)}.question-container.impostor{background:linear-gradient(135deg,#f56565,#e53e3e,#c53030);color:#fff;box-shadow:0 10px 30px #f565654d;border:2px solid rgba(255,255,255,.2);animation:impostorGlow 2s ease-in-out infinite alternate}.question-container h2{font-size:1.5rem;margin-bottom:1rem;color:#2d3748;font-weight:600;line-height:1.4}.impostor-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#fbd38d,#f6ad55);color:#744210;padding:6px 16px;border-radius:25px;font-size:.8rem;font-weight:700;text-transform:uppercase;box-shadow:0 4px 15px #fbd38d66;border:2px solid rgba(255,255,255,.3);animation:badgePulse 1.5s ease-in-out infinite}.players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.player-button{padding:1rem;border:3px solid #e2e8f0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;pointer-events:auto;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px #00000005,0 4px 12px #0000001a;animation:buttonEntrance .3s ease-out backwards;animation-delay:calc(var(--i, 0) * .05s);color:#2d3748}@keyframes buttonEntrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.player-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);opacity:0;transition:opacity .3s}.player-button:hover:before{opacity:1}.player-button:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 8px 20px #667eea40}.player-button.selected{border-color:#667eea;border-width:4px;background:#fff;color:#1a202c;font-weight:700;box-shadow:0 0 0 2px #667eea66,0 8px 20px #667eea4d;transform:translateY(-2px)}.player-button:focus-visible{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea4d}.discussion-hint{background:#f0fff4;border-left:4px solid #48bb78;padding:1rem;border-radius:8px;margin-top:2rem;color:#22543d;font-style:italic}.result-reveal{background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);padding:1.5rem;border-radius:14px;margin:1.5rem 0;border:2px solid rgba(255,107,107,.3);box-shadow:0 15px 40px #ff6b6b4d,0 0 50px #4ecdc433;animation:resultReveal .8s cubic-bezier(.34,1.56,.64,1)}@keyframes resultReveal{0%{opacity:0;transform:scale(.3) rotate(180deg)}60%{transform:scale(1.1) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.result-reveal p{margin-bottom:1rem;font-size:1.2rem;color:#2d3748;font-weight:500}.result-reveal h3{color:#1a202c;font-weight:700;margin-bottom:1rem;font-size:1.5rem}.result-reveal .success{color:#048a3e;font-weight:700;font-size:1.3rem;display:inline-block}.result-reveal .failure{color:#c53030;font-weight:700;font-size:1.3rem;display:inline-block}.fake-reveal{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0}.fake-avatar{font-size:2.5rem;animation:bounce 1s ease-in-out infinite}.fake-name{font-size:1.6rem;font-weight:700;color:#2d3748}.fake-question-reveal{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:1.5rem;border-radius:14px;margin:1.5rem 0;border:2px solid #f59e0b;box-shadow:0 4px 12px #f59e0b33}.fake-question-reveal h3{margin:0 0 1rem;color:#92400e;font-size:1.4rem;font-weight:700}.fake-question-display{background:#ffffffb3;padding:1.25rem;border-radius:8px;border-left:4px solid #f59e0b}.fake-question-text{font-size:1.5rem;line-height:1.4;margin:0;font-weight:600;color:#78350f;text-align:center}[data-theme=dark] .fake-question-reveal{background:linear-gradient(135deg,#78350f,#92400e);border:1px solid rgba(245,158,11,.3)}[data-theme=dark] .fake-question-reveal h3{color:#fef3c7}[data-theme=dark] .fake-question-display{background:#0000004d;border-left:4px solid #fbbf24}[data-theme=dark] .fake-question-text{color:#fde68a}.scores{margin:1.5rem 0}.scores h3{margin-bottom:1rem;color:#2d3748;font-size:1.5rem;font-weight:700}.score-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.9rem 1.25rem;background:#f7fafc;border-radius:8px;margin-bottom:.5rem;font-size:1rem}.score-row.winner{background:linear-gradient(135deg,#ffd89b,#19547b 100%,#ffd89b);background-size:200% 200%;color:#fff;font-weight:700;box-shadow:0 10px 30px #ffd89b80,0 0 40px #ff6b6b66;animation:winnerGlow 2s ease-in-out infinite,winnerGradient 3s ease infinite,winnerBounce 1s ease infinite;transform:scale(1.05);border:3px solid rgba(255,255,255,.5)}@keyframes winnerGlow{0%,to{box-shadow:0 10px 30px #ffd89b80,0 0 40px #ff6b6b66}50%{box-shadow:0 15px 40px #ffd89bcc,0 0 60px #ff6b6b99}}@keyframes winnerGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes winnerBounce{0%,to{transform:scale(1.05) translateY(0)}50%{transform:scale(1.08) translateY(-5px)}}.score-row .rank{font-weight:700;color:#667eea;min-width:3rem;text-align:left;font-size:1.1rem}.score-row .name{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600}.score-row .score{font-weight:700;font-size:1.2rem;text-align:right;min-width:3rem}.final-scores{margin:2rem 0}.final-scores .score-row{font-size:1.1rem}@media (max-width: 768px){.container{padding:1.5rem;margin:10px}.title{font-size:2rem}.players-grid{grid-template-columns:1fr}.timer{position:relative;top:auto;right:auto;margin-bottom:1rem;display:inline-block}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes timerPulse{0%,to{transform:scale(1);box-shadow:0 8px 25px #ff6b6b66,0 0 0 3px #fff3}50%{transform:scale(1.05);box-shadow:0 10px 30px #ff6b6b80,0 0 0 3px #ffffff4d}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.player-card:hover{animation:bounce .6s ease,cardGlow 1s ease-in-out infinite}@keyframes cardGlow{0%,to{box-shadow:0 12px 35px #ff6b6b66,0 0 30px #4ecdc44d}50%{box-shadow:0 15px 45px #ff6b6b99,0 0 50px #4ecdc480}}.button.primary:active{animation:shake .5s ease,buttonSquish .3s ease}@keyframes buttonSquish{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.host-badge,.player-badge{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:1rem;display:inline-block;box-shadow:0 4px 15px #ff6b6b4d}.host-container{max-width:90vw;width:100%;padding:2rem 2.5rem}.host-top-bar{display:flex;justify-content:space-between;align-items:center;margin:1rem 0 2rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);border-radius:14px;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #00000014}.host-timer-left{display:flex;flex-direction:column;align-items:flex-start}.timer-display-small{font-size:3.5rem;font-weight:900;color:#2d3748;text-shadow:0 0 10px rgba(255,107,107,.2);margin-bottom:.4rem;line-height:1;transition:all .3s ease}.timer-urgent-display{font-size:5rem!important;color:#ef4444!important;text-shadow:0 0 20px rgba(239,68,68,.8),0 0 40px rgba(239,68,68,.6);animation:timerUrgentPulse .5s ease-in-out infinite}@keyframes timerUrgentPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.timer-urgent{background:linear-gradient(135deg,#ef444433,#dc262633)!important;border-color:#ef444480!important;box-shadow:0 4px 15px #ef44444d,0 0 30px #ef444433!important;animation:timerUrgentGlow .5s ease-in-out infinite}@keyframes timerUrgentGlow{0%,to{box-shadow:0 4px 15px #ef44444d,0 0 30px #ef444433}50%{box-shadow:0 6px 20px #ef444480,0 0 50px #ef444466}}.timer-label-small{font-size:.9rem;font-weight:700;color:#4a5568;text-transform:uppercase;letter-spacing:1.2px}.host-pin-right{display:flex;align-items:center}.room-pin-display-small{background:#10b98126;color:#10b981;padding:1rem 1.5rem;border-radius:10px;font-weight:700;font-size:1.2rem;border:2px solid rgba(16,185,129,.3);box-shadow:0 3px 10px #10b98126}.host-container .host-top-bar .host-timer-left .timer-display-small{color:#2d3748}.discussion-timer-section{background:linear-gradient(135deg,#48bb7826,#38b2ac26)!important;border-color:#48bb784d!important}.discussion-timer-section .host-timer-left .timer-display-small{color:#48bb78!important;text-shadow:0 0 10px rgba(72,187,120,.2)}.voting-timer-section{background:linear-gradient(135deg,#667eea26,#8b5cf626)!important;border-color:#667eea4d!important}.voting-timer-section .host-timer-left .timer-display-small{color:#667eea!important;text-shadow:0 0 10px rgba(102,126,234,.2)}.host-header{text-align:center;margin-bottom:2rem;padding:1rem;background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);border-radius:16px;border:2px solid rgba(255,255,255,.2)}.host-header h2{margin-bottom:.5rem;color:#2d3748}.phase-info{margin-top:1rem}.phase-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.players-overview{margin:2rem 0}.players-overview h3{margin-bottom:1rem;color:#2d3748;text-align:center;font-size:1.6rem;font-weight:700}.player-status{display:flex;align-items:center;gap:12px;padding:12px;background:#fffffff2;border-radius:12px;border:2px solid rgba(255,255,255,.4);box-shadow:0 4px 15px #0000001a;transition:all .2s ease;animation:statusEntrance .3s ease-out backwards;animation-delay:calc(var(--i, 0) * .05s);color:#2d3748;position:relative}@keyframes statusEntrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.player-status:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b33}.kick-player-btn{background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:8px;padding:.4rem .6rem;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-left:auto;flex-shrink:0}.kick-player-btn:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.1)}.kick-player-btn:active{transform:scale(.95)}.player-card{display:flex;align-items:center;gap:.75rem}.player-card .kick-player-btn{margin-left:auto}.player-avatar{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:50%;color:#fff;box-shadow:0 4px 15px #ff6b6b4d;border:2px solid rgba(255,255,255,.5)}.player-status span{flex:1;font-weight:600;color:#1a202c;font-size:1rem}.status-indicator{font-size:1.2rem;animation:pulse 2s ease-in-out infinite}.discussion-overview,.voting-overview{background:linear-gradient(135deg,#48bb781a,#38a1691a);padding:2rem;border-radius:16px;border:2px solid rgba(72,187,120,.3);margin:1.5rem 0;text-align:center}.discussion-overview h3,.voting-overview h3{margin-bottom:1rem;color:#2d3748;font-size:1.6rem;font-weight:700}.impostor-reveal{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0;animation:fakeRevealDrama 1s cubic-bezier(.34,1.56,.64,1)}@keyframes fakeRevealDrama{0%{opacity:0;transform:scale(0) rotate(360deg)}50%{transform:scale(1.3) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.impostor-avatar{font-size:3rem;animation:bounce 1s ease-in-out infinite,avatarSpin 3s linear infinite;filter:drop-shadow(0 0 20px rgba(245,101,101,.6))}@keyframes avatarSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.impostor-name{font-size:1.5rem;font-weight:700;color:#e53e3e;text-shadow:0 0 15px rgba(229,62,62,.6);animation:nameGlow 2s ease-in-out infinite}@keyframes nameGlow{0%,to{text-shadow:0 0 15px rgba(229,62,62,.6)}50%{text-shadow:0 0 30px rgba(229,62,62,1),0 0 40px rgba(255,107,107,.8)}}.big-timer{text-align:center;margin:1rem 0;padding:1rem 1.5rem;background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);border-radius:12px;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #00000014}.timer-display{font-size:3rem;font-weight:900;color:#2d3748;text-shadow:0 0 10px rgba(255,107,107,.2);margin-bottom:.25rem;animation:timerPulse 2s ease-in-out infinite}.timer-label{font-size:.9rem;font-weight:700;color:#4a5568;text-transform:uppercase;letter-spacing:1px}.discussion-timer .timer-display{color:#48bb78;text-shadow:0 0 10px rgba(72,187,120,.2)}.voting-timer .timer-display{color:#667eea;text-shadow:0 0 20px rgba(102,126,234,.3)}.question-display{margin:1.5rem 0}.question-display h4{font-size:1.2rem;color:#4a5568;margin-bottom:.75rem;font-weight:600}.question-text{font-size:1.8rem;line-height:1.4;margin:1.25rem 0;font-weight:700;color:#1a202c}.host-info{background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);padding:1rem;border-radius:12px;margin:1rem 0;text-align:center;border:2px solid rgba(255,255,255,.2)}.host-info h3{margin:0;color:#2d3748;font-size:1.2rem}.you-badge{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;margin-left:8px}.answer-status{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:4px 8px;border-radius:8px;font-size:.8rem;font-weight:600;white-space:nowrap}.waiting-status{color:#a0aec0;font-size:1.2rem}.answers-summary{margin:1.5rem 0;background:linear-gradient(135deg,#48bb7826,#38a16926);padding:2rem;border-radius:16px;border:2px solid rgba(72,187,120,.4);box-shadow:0 4px 20px #48bb7833}.answers-summary h3{margin-bottom:1.25rem;color:#2d3748;text-align:center;font-size:1.6rem;font-weight:700}.answers-grid{display:flex;flex-direction:column;gap:.5rem}.answer-item{display:flex;align-items:center;justify-content:space-between;background:#ffffffe6;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.3)}.player-name{font-weight:600;color:#2d3748}.answer-arrow{color:#4a5568;font-weight:700}.answer-target{font-weight:600;color:#48bb78}.answers-list-improved{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.answer-row-improved{display:flex;align-items:center;justify-content:space-between;background:#fffffff2;padding:1rem 1.5rem;border-radius:10px;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.answer-row-improved:hover{transform:translate(4px);border-color:#48bb78;box-shadow:0 3px 12px #48bb7826;background:#fff}.answer-player-name{font-size:1.3rem;font-weight:700;color:#2d3748;flex:0 0 auto;min-width:120px}.answer-arrow-improved{font-size:1.6rem;font-weight:700;color:#667eea;margin:0 1.5rem;flex:0 0 auto}.answer-target-name{font-size:1.4rem;font-weight:700;color:#48bb78;flex:1;text-align:right}[data-theme=dark] .answer-row-improved{background:#2d3748f2;border:2px solid rgba(139,92,246,.3)}[data-theme=dark] .answer-row-improved:hover{border-color:#8b5cf699;box-shadow:0 4px 12px #8b5cf633;background:#2d3748}[data-theme=dark] .answer-player-name{color:#e2e8f0}[data-theme=dark] .answer-arrow-improved{color:#a78bfa}[data-theme=dark] .answer-target-name{color:#81e6d9}[data-theme=dark] .answers-summary{background:linear-gradient(135deg,#8b5cf626,#7e22ce26);border:2px solid rgba(139,92,246,.4)}[data-theme=dark] .answers-summary h3{color:#e2e8f0}@keyframes impostorGlow{0%{box-shadow:0 10px 30px #f565654d}to{box-shadow:0 15px 40px #f5656599,0 0 20px #f5656566}}.join-instructions{text-align:center;margin-bottom:2rem}.join-instructions h3{color:#2d3748;margin-bottom:.5rem;font-size:1.5rem}.join-instructions p{color:#718096;font-size:1rem}.pin-input{font-size:1.2rem;text-align:center;letter-spacing:.2em;font-weight:600;color:#2d3748}.mode-selector-screen{text-align:center;margin:2rem 0}.mode-selector-screen h2{color:#fff;margin-bottom:1rem;font-size:2rem}.mode-selector-screen p{color:#fffc;margin-bottom:2rem;font-size:1.1rem}.mode-buttons{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.host-mode-btn,.player-mode-btn{padding:1.5rem;font-size:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.host-mode-btn small,.player-mode-btn small{font-size:.9rem;opacity:.8;font-weight:400}.mode-toggle-btn{position:fixed;top:20px;left:20px;background:#ffffffe6;color:#333;border:none;padding:8px 12px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;z-index:1000;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a}.mode-toggle-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.mode-toggle-btn.disabled,.mode-toggle-btn:disabled{background:#c8c8c8b3;color:#666;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.mode-toggle-btn.disabled:hover,.mode-toggle-btn:disabled:hover{background:#c8c8c8b3;transform:none;box-shadow:none}.mode-toggle-btn.disabled small,.mode-toggle-btn:disabled small{color:#999;font-size:.7rem}.confirmation-screen{text-align:center;padding:2rem;background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;border:2px solid rgba(72,187,120,.3);max-width:500px;margin:2rem auto}.confirmation-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 1s ease-in-out infinite}.confirmation-screen h2{color:#2d3748;margin-bottom:1rem;font-size:2rem;font-weight:700}.confirmation-screen p{color:#4a5568;margin-bottom:1.5rem;font-size:1.1rem}.selected-answer-display{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:1.5rem;border-radius:15px;margin:2rem 0;box-shadow:0 5px 15px #48bb784d}.selected-answer-display h3{margin-bottom:.5rem;font-size:1.2rem;opacity:.9}.selected-player{font-size:1.8rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.waiting-message{background:#ffc1071a;border:2px solid rgba(255,193,7,.3);border-radius:12px;padding:1.5rem;margin-top:2rem}.waiting-message p{color:#744210;margin-bottom:.5rem;font-weight:500}.waiting-message p:last-child{margin-bottom:0;font-size:.95rem;opacity:.8}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.settings-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.settings-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.settings-panel{background:#fffffff2;border-radius:20px;padding:2rem;margin:2rem 0;box-shadow:0 10px 30px #0000001a;border:2px solid rgba(102,126,234,.2)}.settings-panel h3{color:#2d3748;margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.setting-group{background:#667eea0d;padding:1.5rem;border-radius:15px;border:1px solid rgba(102,126,234,.1)}.setting-group h4{color:#4a5568;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.setting-item{margin-bottom:1rem}.setting-item label{display:block;color:#4a5568;margin-bottom:.5rem;font-weight:500}.setting-input,.setting-select{width:100%;padding:.8rem;border:2px solid rgba(102,126,234,.2);border-radius:8px;font-size:1rem;background:#fff;transition:all .3s ease;cursor:pointer}.setting-input:hover,.setting-select:hover{border-color:#667eea66;transform:translateY(-1px)}.setting-input:focus,.setting-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.setting-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.setting-item input[type=checkbox]{margin-right:.5rem;transform:scale(1.2)}.current-theme{color:#667eea;font-weight:600;font-size:.9rem}.theme-preview{margin-top:.5rem;padding:.5rem;background:#667eea1a;border-radius:6px;border-left:3px solid #667eea}.theme-preview small{color:#4a5568;font-style:italic}.player-name-corner{position:absolute;top:1rem;left:1rem;background:var(--container-bg);color:var(--text-color);padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;box-shadow:0 4px 12px var(--shadow-color);border:2px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;max-width:150px;text-align:center}.discussion-content{text-align:center;max-width:600px;margin:0 auto}.discussion-instruction{font-size:1.2rem;color:#4a5568;margin-bottom:2rem;line-height:1.6}.discussion-tips{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.discussion-tip{background:#667eea1a;padding:1rem 1.5rem;border-radius:12px;border-left:4px solid #667eea;font-size:1rem;color:#4a5568;text-align:left;transition:all .3s ease}.discussion-tip:hover{background:#667eea26;transform:translate(5px)}.discussion-timer{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-weight:700;animation:timerPulse 1s ease-in-out infinite alternate}.voting-timer{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;font-weight:700;animation:timerPulse 1s ease-in-out infinite alternate}@media (min-width: 769px){.container.has-timer .players-grid,.container.has-timer .question-container{margin-top:1rem}}@media (max-width: 768px){.screen{padding:10px;min-height:100vh}.container{padding:1.5rem;max-width:100%;margin:0;border-radius:16px}.title{font-size:1.8rem;margin-bottom:1.5rem}.timer{position:fixed!important;top:20px;right:20px;font-size:1.2rem;padding:.8rem 1.2rem}.container.has-timer{padding-top:1.5rem}.container.has-timer .timer{position:fixed!important;top:20px;right:20px}.container.has-timer .player-name-corner{right:.5rem;left:auto}.question-container{padding:1.5rem;margin-bottom:1.5rem}.question-container h2{font-size:1.3rem;line-height:1.4}.players-grid{grid-template-columns:1fr;gap:.8rem;margin-bottom:1.5rem}.player-button{padding:1rem;font-size:1.1rem;min-height:60px}.button.primary{padding:1rem 2rem;font-size:1.1rem;min-height:50px}.player-name-corner{top:.5rem;right:.5rem;padding:.4rem .8rem;font-size:.8rem;max-width:120px}.discussion-content{max-width:100%;padding:0 1rem}.discussion-tips{gap:.8rem}.discussion-tip{padding:.8rem 1rem;font-size:.9rem}.confirmation-screen{padding:1.5rem}.confirmation-screen h2{font-size:1.5rem}.selected-answer-display{margin:1.5rem 0}.selected-player{font-size:1.2rem;padding:.8rem}.waiting-message p{font-size:.9rem;line-height:1.4}.mode-selector-screen{padding:1.5rem}.mode-buttons{flex-direction:column;gap:1.2rem}.host-mode-btn,.player-mode-btn{padding:1.5rem;font-size:1.2rem}.mode-toggle-btn{padding:.8rem 1.2rem;font-size:1rem}}@media (max-width: 480px){.container{padding:1rem;border-radius:12px}.title{font-size:1.5rem}.timer{font-size:1rem;padding:.6rem 1rem}.question-container h2{font-size:1.1rem}.player-button{padding:.8rem;font-size:1rem;min-height:50px}.button.primary{padding:.8rem 1.5rem;font-size:1rem}.player-name-corner{font-size:.7rem;padding:.3rem .6rem;max-width:100px}.discussion-tip{padding:.6rem .8rem;font-size:.8rem}.mode-selector-screen{padding:1rem}.mode-buttons{flex-direction:column;gap:1rem}.host-mode-btn,.player-mode-btn{padding:1.2rem;font-size:1.1rem}.mode-toggle-btn{padding:.6rem 1rem;font-size:.9rem}}.settings-presets{background:#ffc1071a;padding:1.5rem;border-radius:15px;border:2px solid rgba(255,193,7,.2)}.settings-presets h4{color:#744210;margin-bottom:1rem;text-align:center}.preset-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.preset-btn{background:linear-gradient(135deg,#ffc107,#ff8f00);color:#fff;border:none;padding:.8rem 1.2rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;position:relative;overflow:hidden}.preset-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}.preset-btn:hover:before{left:100%}.preset-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ffc1074d}.preset-btn:active{transform:scale(.95);box-shadow:0 2px 8px #ffc10766}.button.secondary{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.button.secondary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #6c757d4d}.skip-button{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.skip-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b66;background:linear-gradient(135deg,#f97316,#ea580c)}.skip-button:active{transform:translateY(0);box-shadow:0 4px 12px #f59e0b4d}.host-skip-button{margin-top:20px;padding:16px 32px;font-size:1.1rem}.discussion-actions{margin-top:30px;text-align:center}.discussion-note{margin-top:30px;padding:16px;background:#667eea1a;border-radius:12px;border:2px solid rgba(102,126,234,.2);text-align:center}.discussion-note p{margin:0;font-weight:500;color:var(--text-secondary)}.host-actions{margin-top:30px;text-align:center}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}