*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#7c4dff;--primary-light:#b388ff;--primary-dark:#5e35b1;--accent:#00e5a0;--accent-dark:#00c087;--error:#ff4c6b;--gold:#ffd740;--gold-dark:#ffab00;--muted:#a099c2;--text-dim:#7b6f9e;--bg-1:#0b0520;--bg-2:#150d2e;--bg-3:#1e1245;--glass:#ffffff0a;--glass-border:#ffffff12;--glass-hover:#ffffff17;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--shadow-card:0 8px 40px #00000059,0 0 80px #7c4dff0f;--shadow-glow:0 0 20px #7c4dff26;--ease-spring:cubic-bezier(0.16,1,0.3,1);--ease-out:cubic-bezier(0.33,1,0.68,1)}body{-webkit-font-smoothing:antialiased;background:#0b0520;background:var(--bg-1);color:#fff;direction:rtl;font-family:Heebo,sans-serif;min-height:100vh;overflow-x:hidden}body:before{animation:bgShift 20s ease-in-out infinite alternate;background:radial-gradient(ellipse 80% 60% at 20% 20%,#7c4dff1f 0,#0000 60%),radial-gradient(ellipse 60% 80% at 80% 80%,#00e5a014 0,#0000 50%),radial-gradient(ellipse 50% 50% at 50% 0,#5e35b126 0,#0000 50%),linear-gradient(180deg,#0b0520,#150d2e 50%,#0b0520);background:radial-gradient(ellipse 80% 60% at 20% 20%,#7c4dff1f 0,#0000 60%),radial-gradient(ellipse 60% 80% at 80% 80%,#00e5a014 0,#0000 50%),radial-gradient(ellipse 50% 50% at 50% 0,#5e35b126 0,#0000 50%),linear-gradient(180deg,var(--bg-1) 0,var(--bg-2) 50%,var(--bg-1) 100%);inset:0;z-index:-2}body:after,body:before{content:"";position:fixed}body:after{animation:orbFloat 15s ease-in-out infinite alternate;background:radial-gradient(circle,#7c4dff0f 0,#0000 70%);border-radius:50%;height:500px;right:-150px;top:-150px;width:500px;z-index:-1}@keyframes bgShift{0%{opacity:1}to{opacity:.85;transform:scale(1.02)}}@keyframes orbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(-60px,80px) scale(1.15)}}.app:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.015'/%3E%3C/svg%3E");content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px 16px;position:relative}.logo{-webkit-text-fill-color:#0000;animation:logoReveal .8s cubic-bezier(.16,1,.3,1);animation:logoReveal .8s var(--ease-spring);background:linear-gradient(135deg,#b388ff,#7c4dff 30%,#00e5a0);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 30px rgba(124,77,255,.4));font-size:4rem;font-weight:900;letter-spacing:-1px;margin-bottom:8px;text-align:center}@keyframes logoReveal{0%{filter:blur(8px);opacity:0;transform:scale(.85) translateY(10px)}to{filter:drop-shadow(0 4px 30px rgba(124,77,255,.4));opacity:1;transform:scale(1) translateY(0)}}.logo-small{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#b388ff,#00e5a0);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 12px rgba(124,77,255,.25));font-size:1.8rem;font-weight:900;margin-bottom:14px;text-align:center}.subtitle{animation:fadeIn .6s .3s both;color:#a099c2;color:var(--muted);font-size:1rem;letter-spacing:.3px;margin-bottom:28px;text-align:center}.card{animation:cardEnter .5s cubic-bezier(.16,1,.3,1);animation:cardEnter .5s var(--ease-spring);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);background:linear-gradient(165deg,#ffffff0f,#ffffff05);border:1px solid #ffffff12;border:1px solid var(--glass-border);border-radius:28px;border-radius:var(--radius-lg);box-shadow:0 8px 40px #00000059,0 0 80px #7c4dff0f;box-shadow:var(--shadow-card);max-width:440px;overflow:hidden;padding:28px;position:relative;width:100%}.card:before{background:linear-gradient(90deg,#0000,#7c4dff66,#00e5a04d,#0000);content:"";height:1px;left:10%;position:absolute;right:10%;top:0}@keyframes cardEnter{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.btn{border:none;border-radius:18px;border-radius:var(--radius-md);cursor:pointer;display:block;font-family:Heebo,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.3px;margin-bottom:10px;overflow:hidden;padding:16px;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all .25s var(--ease-spring);width:100%}.btn:before{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:200%}.btn:hover:before{left:100%}.btn:after{background:linear-gradient(180deg,#ffffff1f,#0000 50%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.btn:hover{box-shadow:0 12px 28px #0006;transform:translateY(-3px)}.btn:active{transform:translateY(-1px) scale(.98);transition-duration:.1s}.btn-primary{background:linear-gradient(135deg,#7c4dff,#651fff);box-shadow:0 4px 20px #7c4dff59;color:#fff}.btn-primary:hover{box-shadow:0 8px 30px #7c4dff80,0 0 40px #7c4dff26}.btn-secondary{background:linear-gradient(135deg,#00e5a0,#00c087);box-shadow:0 4px 20px #00e5a040;color:#fff}.btn-secondary:hover{box-shadow:0 8px 30px #00e5a066,0 0 40px #00e5a01a}.btn-ghost{background:#ffffff0d;border:1px solid #ffffff1a;color:#d0c5f0}.btn-ghost:after,.btn-ghost:before{display:none}.btn-ghost:hover{background:#ffffff17;border-color:#ffffff2e}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.35;transform:none!important}.btn:disabled:before{display:none}.input{background:#ffffff0a;border:2px solid #ffffff14;border-radius:18px;border-radius:var(--radius-md);color:#fff;direction:rtl;font-family:Heebo,sans-serif;font-size:1.05rem;margin-bottom:10px;outline:none;padding:15px 20px;transition:border-color .3s,background .3s,box-shadow .3s;width:100%}.input:focus{background:#7c4dff0f;border-color:#7c4dff;border-color:var(--primary);box-shadow:0 0 0 4px #7c4dff14}.input::placeholder{color:#ffffff40}.error-msg{animation:fadeIn .3s ease;color:#ff4c6b;color:var(--error);font-size:.9rem;font-weight:500;margin-bottom:10px;text-align:center}.timer-container{gap:8px;margin:20px 0}.timer-container,.timer-ring{align-items:center;display:flex;justify-content:center}.timer-ring{background:radial-gradient(circle at center,#7c4dff14 0,#0006 100%);border:3px solid #7c4dff59;border-radius:50%;box-shadow:0 0 20px #7c4dff14,inset 0 0 20px #0003;font-size:2rem;font-weight:900;height:80px;position:relative;transition:all .3s;width:80px}.timer-ring.warning{animation:timerPulse .6s infinite;border-color:#ff4c6b;border-color:var(--error);box-shadow:0 0 30px #ff4c6b33,inset 0 0 20px #ff4c6b0d;color:#ff4c6b;color:var(--error)}@keyframes timerPulse{0%,to{box-shadow:0 0 20px #ff4c6b33;transform:scale(1)}50%{box-shadow:0 0 35px #ff4c6b59;transform:scale(1.08)}}.timer-text{color:#a099c2;color:var(--muted);font-size:.85rem}.phase-header{margin-bottom:20px;text-align:center}.phase-step{background:linear-gradient(135deg,#7c4dff1f,#7c4dff0f);border:1px solid #7c4dff26;border-radius:24px;color:#b388ff;color:var(--primary-light);display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:3px;margin-bottom:10px;padding:5px 16px;text-transform:uppercase}.phase-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5a0,#00c087);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900;margin-bottom:8px;text-align:center}.phase-subtitle{font-size:.9rem;line-height:1.7;margin-bottom:18px;text-align:center}.phase-subtitle,.status-bar{color:#a099c2;color:var(--muted)}.status-bar{align-items:center;background:#0003;border:1px solid #ffffff0a;border-radius:12px;border-radius:var(--radius-sm);display:flex;font-size:.82rem;justify-content:space-between;margin-bottom:14px;padding:10px 16px}.category-badge{background:linear-gradient(135deg,#7c4dff33,#7c4dff1a);border:1px solid #7c4dff40;border-radius:24px;color:#b388ff;color:var(--primary-light);display:inline-block;font-size:.78rem;font-weight:600;padding:3px 12px}.progress-steps{display:flex;gap:4px;margin-bottom:18px}.progress-step{background:#ffffff0f;border-radius:4px;flex:1 1;height:4px;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.33,1,.68,1);transition:all .5s var(--ease-out)}.progress-step.active{background:#7c4dff;background:var(--primary);box-shadow:0 0 8px #7c4dff4d}.progress-step.active:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);background-size:200% 100%;content:"";inset:0;position:absolute}.progress-step.completed{background:#00e5a0;background:var(--accent);box-shadow:0 0 6px #00e5a033}.info-box{animation:fadeIn .3s ease;border-radius:18px;border-radius:var(--radius-md);margin-bottom:14px;overflow:hidden;padding:16px;position:relative;text-align:center}.info-box.spy{background:linear-gradient(135deg,#ff4c6b1f,#ff17440f);border:1px solid #ff4c6b2e}.info-box.normal{background:linear-gradient(135deg,#7c4dff1a,#7c4dff0a);border:1px solid #7c4dff26}.info-box.question{background:linear-gradient(135deg,#00e5a014,#00e5a005);border:1px solid #00e5a026}.info-box.warning{background:linear-gradient(135deg,#ff4c6b14,#ff4c6b05);border:1px solid #ff4c6b1f}.info-box-label{color:#a099c2;color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.info-box-text{font-size:1.05rem;font-weight:700;line-height:1.6}.spy-reveal{animation:bounceIn .6s cubic-bezier(.16,1,.3,1);animation:bounceIn .6s var(--ease-spring);background:linear-gradient(135deg,#ff4c6b,#e91e63);border-radius:28px;border-radius:var(--radius-lg);box-shadow:0 12px 40px #ff4c6b4d,0 0 60px #ff4c6b1a;margin-bottom:18px;overflow:hidden;padding:28px;position:relative;text-align:center}.spy-reveal:before{background:linear-gradient(180deg,#ffffff26,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.spy-reveal .spy-emoji{animation:bounceIn .8s cubic-bezier(.16,1,.3,1);animation:bounceIn .8s var(--ease-spring);display:block;font-size:4rem;margin-bottom:10px}.spy-reveal h2{font-size:1.6rem;margin-bottom:10px}.player-list{list-style:none;padding:0}.player-item{align-items:center;background:#ffffff0a;background:var(--glass);border:1px solid #0000;border-radius:18px;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:6px;padding:14px 16px;transition:all .2s cubic-bezier(.33,1,.68,1);transition:all .2s var(--ease-out)}.player-item:hover{background:#ffffff17;background:var(--glass-hover);border-color:#ffffff12;border-color:var(--glass-border)}.player-name{align-items:center;display:flex;font-weight:500;gap:10px}.player-score{color:#00e5a0;color:var(--accent);font-weight:700}.host-badge{background:linear-gradient(135deg,#7c4dff,#651fff);background:linear-gradient(135deg,var(--primary),#651fff);border-radius:8px;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.5px;padding:2px 10px}.me-badge{color:#7b6f9e;color:var(--text-dim);font-size:.8rem}.disconnected{opacity:.25}.chat-container{background:#0003;border:1px solid #ffffff0a;border-radius:18px;border-radius:var(--radius-md);margin-bottom:12px;max-height:240px;overflow-y:auto;padding:14px}.chat-container::-webkit-scrollbar{width:4px}.chat-container::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.chat-empty{color:#7b6f9e;color:var(--text-dim);font-size:.85rem;padding:24px 0;text-align:center}.chat-message{animation:slideUp .2s ease;background:#ffffff0a;background:var(--glass);border:1px solid #ffffff08;border-radius:12px;border-radius:var(--radius-sm);margin-bottom:10px;padding:10px 14px}.chat-message .sender{color:#00e5a0;color:var(--accent);font-size:.78rem;font-weight:700}.chat-message .text{color:#e0d5f0;display:block;font-size:.92rem;line-height:1.5;margin-top:3px}.chat-input-row{display:flex;gap:8px}.chat-input-row .input{flex:1 1;margin-bottom:0}.chat-input-row .btn{flex-shrink:0;margin-bottom:0;padding:14px 22px;width:auto}.options-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px}.option-btn{background:#ffffff0a;background:var(--glass);border:2px solid #ffffff14;border-radius:18px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:Heebo,sans-serif;font-size:.95rem;overflow:hidden;padding:16px 12px;position:relative;text-align:center;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all .25s var(--ease-spring)}.option-btn:after{background:linear-gradient(180deg,#ffffff0a,#0000);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.option-btn:hover:not(:disabled){background:#7c4dff1f;border-color:#7c4dff;border-color:var(--primary);box-shadow:0 6px 20px #7c4dff26;transform:translateY(-2px)}.option-btn.selected{animation:selectPop .3s cubic-bezier(.16,1,.3,1);animation:selectPop .3s var(--ease-spring);background:#7c4dff33;border-color:#7c4dff;border-color:var(--primary);box-shadow:0 0 24px #7c4dff33,inset 0 0 20px #7c4dff0d}@keyframes selectPop{0%{transform:scale(.95)}50%{transform:scale(1.03)}to{transform:scale(1)}}.option-btn.correct{background:#4caf5033;border-color:#4caf50;box-shadow:0 0 20px #4caf5026}.option-btn.wrong{background:#ff4c6b1a;border-color:#ff4c6b;border-color:var(--error)}.option-btn:disabled{cursor:default}.option-label{color:#a099c2;color:var(--muted);display:block;font-size:.7rem;margin-top:6px}.vote-btn{align-items:center;background:#ffffff0a;background:var(--glass);border:2px solid #ffffff14;border-radius:18px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:Heebo,sans-serif;font-size:1rem;gap:8px;justify-content:center;margin-bottom:8px;padding:16px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all .25s var(--ease-spring);width:100%}.vote-btn:hover:not(:disabled){background:#ff4c6b1a;border-color:#ff4c6b;border-color:var(--error);box-shadow:0 6px 20px #ff4c6b1f;transform:translateY(-2px)}.vote-btn.selected{animation:selectPop .3s cubic-bezier(.16,1,.3,1);animation:selectPop .3s var(--ease-spring);background:#ff4c6b33;border-color:#ff4c6b;border-color:var(--error);box-shadow:0 0 24px #ff4c6b33}.vote-btn:disabled{cursor:default}.difficulty-selector{display:flex;gap:8px;margin-bottom:14px}.difficulty-btn{background:#0000;border:2px solid #ffffff14;border-radius:12px;border-radius:var(--radius-sm);color:#7b6f9e;color:var(--text-dim);cursor:pointer;flex:1 1;font-family:Heebo,sans-serif;font-size:.9rem;font-weight:600;padding:11px;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all .25s var(--ease-spring)}.difficulty-btn:hover{background:#7c4dff0f;border-color:#7c4dff4d}.difficulty-btn.active{background:#7c4dff2e;border-color:#7c4dff;border-color:var(--primary);box-shadow:0 0 16px #7c4dff1f;color:#fff}.room-code-display{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5a0,#00c087);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,229,160,.25));font-size:2.6rem;font-weight:900;letter-spacing:10px;margin:14px 0;text-align:center}.result-section{margin-bottom:20px}.result-section h3{color:#a099c2;color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.result-spy{animation:bounceIn .5s cubic-bezier(.16,1,.3,1);animation:bounceIn .5s var(--ease-spring);border-radius:28px;border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden;padding:24px;position:relative;text-align:center}.result-spy:before{background:linear-gradient(180deg,#ffffff1f,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.result-spy.caught{background:linear-gradient(135deg,#43a047,#2e7d32);box-shadow:0 12px 32px #4caf5040,0 0 60px #4caf5014}.result-spy.escaped{background:linear-gradient(135deg,#ff4c6b,#e91e63);box-shadow:0 12px 32px #ff4c6b40,0 0 60px #ff4c6b14}.leaderboard{margin-bottom:16px}.leaderboard-item{align-items:center;background:#ffffff0a;background:var(--glass);border:1px solid #0000;border-radius:18px;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:6px;padding:14px 16px;transition:all .3s}.leaderboard-item:first-child{background:linear-gradient(135deg,#7c4dff2e,#00e5a014);border:1px solid #7c4dff33;box-shadow:0 0 20px #7c4dff0f}.leaderboard-rank{font-size:1.3rem;font-weight:900;margin-left:14px;min-width:32px}.leaderboard-name{flex:1 1;font-weight:500}.leaderboard-score{color:#00e5a0;color:var(--accent);font-size:1.25rem;font-weight:900}.scoring-legend{background:#00000026;border:1px solid #ffffff08;border-radius:12px;border-radius:var(--radius-sm);color:#a099c2;color:var(--muted);font-size:.8rem;line-height:1.9;margin-bottom:14px;padding:14px}.scoring-legend strong{color:#00e5a0;color:var(--accent)}.how-to-play{background:#00000026;border:1px solid #ffffff08;border-radius:18px;border-radius:var(--radius-md);margin-bottom:18px;padding:18px}.how-to-play h3{color:#00e5a0;color:var(--accent);font-size:.95rem;margin-bottom:12px}.how-to-play-step{align-items:flex-start;display:flex;gap:12px;margin-bottom:10px}.how-to-play-num{align-items:center;background:linear-gradient(135deg,#7c4dff40,#7c4dff26);border:1px solid #7c4dff33;border-radius:50%;color:#b388ff;color:var(--primary-light);display:flex;font-size:.72rem;font-weight:900;height:26px;justify-content:center;min-width:26px}.how-to-play-text{color:#a099c2;color:var(--muted);font-size:.85rem;line-height:1.6}.waiting{animation:fadeIn .3s ease;color:#00e5a0;color:var(--accent);font-size:.9rem;font-weight:500;margin-top:14px;text-align:center}.waiting-dots:after{animation:dots 1.5s infinite;content:""}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.copy-toast{animation:toastIn .4s cubic-bezier(.16,1,.3,1);animation:toastIn .4s var(--ease-spring);background:linear-gradient(135deg,#43a047,#2e7d32);border-radius:18px;border-radius:var(--radius-md);bottom:30px;box-shadow:0 12px 30px #0006;color:#fff;font-weight:700;left:50%;padding:14px 32px;position:fixed;transform:translateX(-50%);z-index:100}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.game-over-title{-webkit-text-fill-color:#0000;animation:bounceIn .6s cubic-bezier(.16,1,.3,1),shimmer 3s linear infinite;animation:bounceIn .6s var(--ease-spring),shimmer 3s linear infinite;background:linear-gradient(135deg,#ffd740,#ffab00,#ffd740);-webkit-background-clip:text;background-clip:text;background-size:200% auto;filter:drop-shadow(0 0 20px rgba(255,215,64,.3));font-size:2.2rem;font-weight:900;margin-bottom:24px;text-align:center}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#7c4dff33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7c4dff59}::selection{background:#7c4dff4d;color:#fff}@media (max-width:480px){.card{border-radius:22px;padding:22px}.logo{font-size:3.2rem}.timer-ring{font-size:1.7rem;height:68px;width:68px}.room-code-display{font-size:2.2rem;letter-spacing:8px}}@media (max-width:360px){.card{border-radius:20px;padding:18px}.options-grid{grid-template-columns:1fr}.logo{font-size:2.8rem}.timer-ring{font-size:1.5rem;height:60px;width:60px}.btn{font-size:1rem;padding:14px}}@supports (padding:env(safe-area-inset-bottom)){.app{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}
/*# sourceMappingURL=main.c7ea1553.css.map*/