*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#8b5cf6;--primary-light:#c4b5fd;--primary-dark:#7c3aed;--accent:#34d399;--accent-dark:#34d399;--error:#fb7185;--gold:#fcd34d;--gold-dark:#fbbf24;--muted:#a8b3cf;--text-dim:#7c8db5;--bg-1:#0c0a1d;--bg-2:#161233;--bg-3:#1f1b47;--glass:#ffffff0f;--glass-border:#ffffff1a;--glass-hover:#ffffff1f;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--shadow-card:0 8px 32px #00000059,0 0 60px #8b5cf614;--shadow-glow:0 0 20px #8b5cf626;--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:#0c0a1d;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 60% 40% at 10% 20%,#8b5cf626 0,#0000 60%),radial-gradient(ellipse 50% 50% at 90% 10%,#ec48991a 0,#0000 50%),radial-gradient(ellipse 40% 60% at 50% 90%,#34d39914 0,#0000 50%),radial-gradient(ellipse 30% 30% at 70% 50%,#fbbf240f 0,#0000 40%),linear-gradient(180deg,#0c0a1d,#161233 50%,#0c0a1d);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,#8b5cf60d 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,#c4b5fd,#8b5cf6 20%,#ec4899 50%,#34d399 80%,#fcd34d);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 30px rgba(139,92,246,.35));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(139,92,246,.4));opacity:1;transform:scale(1) translateY(0)}}.logo-small{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c4b5fd,#ec4899,#34d399);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 12px rgba(139,92,246,.25));font-size:1.8rem;font-weight:900;margin-bottom:14px;text-align:center}.subtitle{animation:fadeIn .6s .3s both;color:#a8b3cf;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,#8b5cf614,#ffffff08 50%,#34d3990d);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000059,0 0 60px #8b5cf614;box-shadow:var(--shadow-card);max-width:440px;overflow:hidden;padding:28px;position:relative;width:100%}.card:before{background:linear-gradient(90deg,#0000,#8b5cf6,#ec4899,#34d399,#fcd34d,#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:16px;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%;pointer-events:none;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,#8b5cf6,#7c3aed,#6d28d9);box-shadow:0 4px 20px #8b5cf666;color:#fff}.btn-primary:hover{box-shadow:0 8px 30px #8b5cf68c,0 0 40px #8b5cf633}.btn-secondary{background:linear-gradient(135deg,#34d399,#34d399,#059669);box-shadow:0 4px 20px #34d3994d;color:#fff}.btn-secondary:hover{box-shadow:0 8px 30px #34d39973,0 0 40px #34d39926}.btn-ghost{background:#ffffff0d;border:1px solid #ffffff1a;color:#c4b5fd}.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:16px;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:#8b5cf60f;border-color:#8b5cf6;border-color:var(--primary);box-shadow:0 0 0 4px #8b5cf614}.input::placeholder{color:#ffffff40}.error-msg{animation:fadeIn .3s ease;color:#fb7185;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,#8b5cf614 0,#0006 100%);border:3px solid #8b5cf659;border-radius:50%;box-shadow:0 0 20px #8b5cf614,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:#fb7185;border-color:var(--error);box-shadow:0 0 30px #fb718533,inset 0 0 20px #fb71850d;color:#fb7185;color:var(--error)}@keyframes timerPulse{0%,to{box-shadow:0 0 20px #fb718533;transform:scale(1)}50%{box-shadow:0 0 35px #fb718559;transform:scale(1.08)}}.timer-text{color:#a8b3cf;color:var(--muted);font-size:.85rem}.phase-header{margin-bottom:20px;text-align:center}.phase-step{background:linear-gradient(135deg,#8b5cf61f,#8b5cf60f);border:1px solid #8b5cf626;border-radius:24px;color:#c4b5fd;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,#34d399,#059669);-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:#a8b3cf;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,#8b5cf633,#8b5cf61a);border:1px solid #8b5cf640;border-radius:24px;color:#c4b5fd;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:linear-gradient(90deg,#8b5cf6,#ec4899);box-shadow:0 0 8px #8b5cf64d}.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:linear-gradient(90deg,#34d399,#10b981);box-shadow:0 0 6px #34d39933}.info-box{animation:fadeIn .3s ease;border-radius:16px;border-radius:var(--radius-md);margin-bottom:14px;overflow:hidden;padding:16px;position:relative;text-align:center}.info-box.spy{background:linear-gradient(135deg,#fb71851f,#ff17440f);border:1px solid #fb71852e}.info-box.normal{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60a);border:1px solid #8b5cf626}.info-box.question{background:linear-gradient(135deg,#34d39914,#34d39905);border:1px solid #34d39926}.info-box.warning{background:linear-gradient(135deg,#fb718514,#fb718505);border:1px solid #fb71851f}.info-box-label{color:#a8b3cf;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,#f43f5e,#e91e63);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 12px 40px #fb71854d,0 0 60px #fb71851a;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:#ffffff0f;background:var(--glass);border:1px solid #0000;border-radius:16px;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:#ffffff1f;background:var(--glass-hover);border-color:#ffffff1a;border-color:var(--glass-border)}.player-name{align-items:center;display:flex;font-weight:500;gap:10px}.player-score{color:#34d399;color:var(--accent);font-weight:700}.host-badge{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:8px;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.5px;padding:2px 10px}.me-badge{color:#7c8db5;color:var(--text-dim);font-size:.8rem}.disconnected{opacity:.25}.chat-container{background:#0003;border:1px solid #ffffff0a;border-radius:16px;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:#7c8db5;color:var(--text-dim);font-size:.85rem;padding:24px 0;text-align:center}.chat-message{animation:slideUp .2s ease;background:#ffffff0f;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:#34d399;color:var(--accent);font-size:.78rem;font-weight:700}.chat-message .text{color:#e8e0f5;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:#ffffff0f;background:var(--glass);border:2px solid #ffffff14;border-radius:16px;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:#8b5cf61f;border-color:#8b5cf6;border-color:var(--primary);box-shadow:0 6px 20px #8b5cf626;transform:translateY(-2px)}.option-btn.selected{animation:selectPop .3s cubic-bezier(.16,1,.3,1);animation:selectPop .3s var(--ease-spring);background:#8b5cf633;border-color:#8b5cf6;border-color:var(--primary);box-shadow:0 0 24px #8b5cf633,inset 0 0 20px #8b5cf60d}@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:#fb71851a;border-color:#fb7185;border-color:var(--error)}.option-btn:disabled{cursor:default}.option-label{color:#a8b3cf;color:var(--muted);display:block;font-size:.7rem;margin-top:6px}.vote-btn{align-items:center;background:#ffffff0f;background:var(--glass);border:2px solid #ffffff14;border-radius:16px;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:#fb71851a;border-color:#fb7185;border-color:var(--error);box-shadow:0 6px 20px #fb71851f;transform:translateY(-2px)}.vote-btn.selected{animation:selectPop .3s cubic-bezier(.16,1,.3,1);animation:selectPop .3s var(--ease-spring);background:#fb718533;border-color:#fb7185;border-color:var(--error);box-shadow:0 0 24px #fb718533}.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:#7c8db5;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:#8b5cf60f;border-color:#8b5cf64d}.difficulty-btn.active{background:#8b5cf62e;border-color:#8b5cf6;border-color:var(--primary);box-shadow:0 0 16px #8b5cf61f;color:#fff}.room-code-display{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#34d399,#10b981,#8b5cf6);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px rgba(52,211,153,.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:#a8b3cf;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:24px;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,#f43f5e,#e91e63);box-shadow:0 12px 32px #fb718540,0 0 60px #fb718514}.leaderboard{margin-bottom:16px}.leaderboard-item{align-items:center;background:#ffffff0f;background:var(--glass);border:1px solid #0000;border-radius:16px;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,#fcd34d1f,#8b5cf614);border:1px solid #fcd34d40;box-shadow:0 0 20px #fcd34d14}.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:#34d399;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:#a8b3cf;color:var(--muted);font-size:.8rem;line-height:1.9;margin-bottom:14px;padding:14px}.scoring-legend strong{color:#34d399;color:var(--accent)}.how-to-play{background:#00000026;border:1px solid #ffffff08;border-radius:16px;border-radius:var(--radius-md);margin-bottom:18px;padding:18px}.how-to-play h3{color:#34d399;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,#8b5cf640,#8b5cf626);border:1px solid #8b5cf633;border-radius:50%;color:#c4b5fd;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:#a8b3cf;color:var(--muted);font-size:.85rem;line-height:1.6}.waiting{animation:fadeIn .3s ease;color:#34d399;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:16px;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:#8b5cf633;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf659}@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))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid #c4b5fd;outline:2px solid var(--primary-light);outline-offset:2px}.btn:focus-visible{outline:3px solid #c4b5fd;outline:3px solid var(--primary-light);outline-offset:3px}.input:focus-visible{border-color:#8b5cf6;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626;outline:none}@media (prefers-contrast:high){:root{--glass:#ffffff1a;--glass-border:#fff3;--muted:#b0bec5}.btn{border:2px solid #ffffff4d}.card{border:2px solid #ffffff26}}::selection{background:#8b5cf64d;color:#fff}
/*# sourceMappingURL=main.36d765af.css.map*/