*{box-sizing:border-box;margin:0;padding:0}:root{--surface:#faf6f1;--surface-raised:#fffdfa;--surface-sunk:#f2ece3;--surface-overlay:#f7f2ebb8;--ink:#2b2622;--ink-1:#4a4239;--ink-2:#786c5f;--ink-3:#a99e90;--ink-4:#d4ccbe;--hairline:#2b262214;--terracotta:#d97c60;--terracotta-soft:#f2c5b0;--terracotta-deep:#b85f45;--terracotta-wash:#faeee5;--salmon:#e89b8e;--salmon-soft:#f7d4cc;--salmon-wash:#fceeea;--cream:#f4e5c9;--cream-deep:#d8b97e;--sage:#b8c7a6;--sage-soft:#dde5ce;--sage-wash:#eef2e4;--mode-spyq:#c9a78f;--mode-thatsyou:#b8c7a6;--mode-mystery:#d9a89b;--mode-wordguess:#a6c0cc;--mode-complete:#c8b0cc;--mode-trivia:#c7b89c;--mode-countrycity:#f2c5b0;--success:#7b9b5e;--warning:#c7975a;--danger:#c4685a;--info:#7591a6;--primary:var(--terracotta);--primary-light:var(--terracotta-soft);--primary-dark:var(--terracotta-deep);--accent:var(--success);--accent-dark:var(--sage);--error:var(--danger);--gold:var(--cream-deep);--gold-dark:var(--cream-deep);--muted:var(--ink-2);--text-dim:var(--ink-3);--bg-1:var(--surface);--bg-2:var(--surface-raised);--bg-3:var(--surface-sunk);--glass:var(--surface-raised);--glass-border:var(--hairline);--glass-hover:var(--surface-sunk);--r-xs:8px;--r-sm:14px;--r-md:20px;--r-lg:28px;--r-xl:40px;--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--shadow-1:0 1px 2px #3c322d0a,0 1px 1px #3c322d0f;--shadow-2:0 4px 12px #3c322d0f,0 2px 4px #3c322d0a;--shadow-3:0 12px 32px #3c322d14,0 4px 8px #3c322d0a;--shadow-4:0 24px 60px #3c322d1a,0 8px 16px #3c322d0d;--shadow-glow-coral:0 8px 32px #d97c602e;--shadow-card:var(--shadow-3);--shadow-glow:var(--shadow-glow-coral);--ease-spring:cubic-bezier(0.16,1,0.3,1);--ease-emphasized:cubic-bezier(0.32,0.72,0,1);--ease-out:cubic-bezier(0.33,1,0.68,1);--dur-fast:200ms;--dur-med:320ms;--dur-slow:480ms}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#faf6f1;background:var(--surface);color:#2b2622;color:var(--ink);direction:rtl;font-family:Heebo,sans-serif;min-height:100vh;overflow-x:hidden}body:before{animation:bgShift 22s ease-in-out infinite alternate;background:radial-gradient(ellipse 60% 40% at 10% 20%,#d97c601a 0,#0000 60%),radial-gradient(ellipse 50% 50% at 90% 10%,#e89b8e14 0,#0000 55%),radial-gradient(ellipse 40% 60% at 50% 95%,#b8c7a61a 0,#0000 55%),radial-gradient(ellipse 30% 30% at 80% 60%,#f4e5c92e 0,#0000 50%),#faf6f1;background:radial-gradient(ellipse 60% 40% at 10% 20%,#d97c601a 0,#0000 60%),radial-gradient(ellipse 50% 50% at 90% 10%,#e89b8e14 0,#0000 55%),radial-gradient(ellipse 40% 60% at 50% 95%,#b8c7a61a 0,#0000 55%),radial-gradient(ellipse 30% 30% at 80% 60%,#f4e5c92e 0,#0000 50%),var(--surface);inset:0;z-index:-2}body:after,body:before{content:"";position:fixed}body:after{animation:orbFloat 18s ease-in-out infinite alternate;background:radial-gradient(circle,#d97c6014 0,#0000 70%);border-radius:50%;height:520px;pointer-events:none;right:-160px;top:-160px;width:520px;z-index:-1}@keyframes bgShift{0%{opacity:1}to{opacity:.92;transform:scale(1.015)}}@keyframes orbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(-50px,70px) scale(1.1)}}.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='.025'/%3E%3C/svg%3E");content:"";inset:0;mix-blend-mode:multiply;opacity:.5;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}.app,.logo{position:relative}.logo{-webkit-text-fill-color:#2b2622;-webkit-text-fill-color:var(--ink);animation:logoReveal .8s cubic-bezier(.16,1,.3,1);animation:logoReveal .8s var(--ease-spring);background:none;color:#2b2622;color:var(--ink);font-size:4rem;font-weight:900;letter-spacing:-.035em;line-height:1;margin-bottom:8px;text-align:center;width:100%}.logo,.logo:after{display:inline-block}.logo:after{background:#d97c60;background:var(--terracotta);border-radius:50%;box-shadow:0 4px 16px #d97c6059;content:"";height:.18em;margin-bottom:.08em;margin-right:.08em;vertical-align:initial;width:.18em}@keyframes logoReveal{0%{filter:blur(6px);opacity:0;transform:scale(.92) translateY(8px)}to{filter:blur(0);opacity:1;transform:scale(1) translateY(0)}}.logo-small{-webkit-text-fill-color:#2b2622;-webkit-text-fill-color:var(--ink);background:none;color:#2b2622;color:var(--ink);font-size:1.8rem;font-weight:900;letter-spacing:-.025em;margin-bottom:14px;text-align:center}.logo-small:after{background:#d97c60;background:var(--terracotta);border-radius:50%;content:"";display:inline-block;height:6px;margin-right:3px;vertical-align:initial;width:6px}.subtitle{animation:fadeIn .6s .3s both;color:#786c5f;color:var(--ink-2);font-size:1rem;font-weight:500;letter-spacing:0;margin-bottom:28px;text-align:center}.card{animation:cardEnter .5s cubic-bezier(.16,1,.3,1);animation:cardEnter .5s var(--ease-spring);background:#fffdfa;background:var(--surface-raised);border:1px solid #2b262214;border:1px solid var(--hairline);border-radius:28px;border-radius:var(--r-lg);box-shadow:0 12px 32px #3c322d14,0 4px 8px #3c322d0a;box-shadow:var(--shadow-3);color:#2b2622;color:var(--ink);max-width:440px;overflow:hidden;padding:28px;position:relative;width:100%}.card:before{background:linear-gradient(90deg,#0000,#f2c5b0,#0000);background:linear-gradient(90deg,#0000,var(--terracotta-soft),#0000);content:"";height:1px;left:12%;opacity:.6;position:absolute;right:12%;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:9999px;color:#2b2622;color:var(--ink);cursor:pointer;display:block;font-family:Heebo,sans-serif;font-size:1rem;font-weight:700;letter-spacing:0;margin-bottom:10px;overflow:hidden;padding:15px 22px;position:relative;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),filter .2s,background .2s;transition:transform .2s var(--ease-spring),box-shadow .2s var(--ease-spring),filter .2s,background .2s;width:100%}.btn:after,.btn:before{content:none}.btn:hover{box-shadow:0 12px 32px #3c322d14,0 4px 8px #3c322d0a;box-shadow:var(--shadow-3);transform:translateY(-2px)}.btn:active{filter:brightness(.96);transform:translateY(0) scale(.98);transition-duration:.12s}.btn-primary{background:#d97c60;background:var(--terracotta);box-shadow:0 8px 32px #d97c602e;box-shadow:var(--shadow-glow-coral);color:#fff}.btn-primary:hover{background:#b85f45;background:var(--terracotta-deep);box-shadow:0 10px 28px #d97c6047}.btn-secondary{background:#fffdfa;background:var(--surface-raised);border:1.5px solid #d4ccbe;border:1.5px solid var(--ink-4);box-shadow:0 1px 2px #3c322d0a,0 1px 1px #3c322d0f;box-shadow:var(--shadow-1);color:#2b2622;color:var(--ink)}.btn-secondary:hover{background:#f2ece3;background:var(--surface-sunk);border-color:#a99e90;border-color:var(--ink-3);box-shadow:0 4px 12px #3c322d0f,0 2px 4px #3c322d0a;box-shadow:var(--shadow-2)}.btn-ghost{background:#0000;border:none;color:#b85f45;color:var(--terracotta-deep)}.btn-ghost:hover{box-shadow:none;transform:none}.btn-ghost:hover,.btn-tonal{background:#faeee5;background:var(--terracotta-wash)}.btn-tonal{color:#b85f45;color:var(--terracotta-deep)}.btn-tonal:hover{background:#fceeea;background:var(--salmon-wash)}.btn-dark{background:#2b2622;background:var(--ink);color:#faf6f1;color:var(--surface)}.btn-dark:hover{background:#4a4239;background:var(--ink-1);box-shadow:0 12px 32px #3c322d14,0 4px 8px #3c322d0a;box-shadow:var(--shadow-3)}.btn:disabled{box-shadow:none!important;cursor:not-allowed;filter:grayscale(.2);opacity:.4;transform:none!important}.input{background:#f2ece3;background:var(--surface-sunk);border:1.5px solid #0000;border-radius:14px;border-radius:var(--r-sm);box-shadow:inset 0 1px 2px #3c322d0f;box-sizing:border-box;color:#2b2622;color:var(--ink);direction:rtl;font-family:Heebo,sans-serif;font-size:1rem;font-weight:500;margin-bottom:10px;outline:none;padding:14px 18px;transition:border-color .2s,background .2s,box-shadow .2s;width:100%}.input:focus{background:#fffdfa;background:var(--surface-raised);border-color:#d97c60;border-color:var(--terracotta);box-shadow:0 0 0 3px #d97c602e,inset 0 0 0 0 #0000}.input::placeholder{color:#a99e90;color:var(--ink-3);opacity:1}.error-msg{animation:fadeIn .3s ease;color:#c4685a;color:var(--danger);font-size:.9rem;font-weight:600;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:#fffdfa;background:var(--surface-raised);border:3px solid #f2c5b0;border:3px solid var(--terracotta-soft);border-radius:50%;box-shadow:0 4px 12px #3c322d0f,0 2px 4px #3c322d0a;box-shadow:var(--shadow-2);color:#2b2622;color:var(--ink);font-family:JetBrains Mono,ui-monospace,monospace;font-size:2rem;font-weight:900;height:80px;position:relative;transition:all .3s;width:80px}.timer-ring.warning{animation:timerPulse .6s infinite;background:#fceeea;background:var(--salmon-wash);border-color:#c4685a;border-color:var(--danger);color:#c4685a;color:var(--danger)}@keyframes timerPulse{0%,to{box-shadow:0 4px 12px #3c322d0f,0 2px 4px #3c322d0a;box-shadow:var(--shadow-2);transform:scale(1)}50%{box-shadow:0 12px 30px #c4685a40;transform:scale(1.08)}}.timer-text{color:#786c5f;color:var(--ink-2);font-size:.85rem;font-weight:600}.phase-header{margin-bottom:20px;text-align:center}.phase-step{background:#faeee5;background:var(--terracotta-wash);border:none;border-radius:9999px;color:#b85f45;color:var(--terracotta-deep);display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.16em;margin-bottom:10px;padding:5px 14px;text-transform:uppercase}.phase-title{-webkit-text-fill-color:#2b2622;-webkit-text-fill-color:var(--ink);background:none;color:#2b2622;color:var(--ink);font-size:1.5rem;font-weight:800;letter-spacing:-.015em;margin-bottom:8px;text-align:center}.phase-subtitle{font-size:.95rem;line-height:1.6;margin-bottom:18px;text-align:center}.phase-subtitle,.status-bar{color:#786c5f;color:var(--ink-2)}.status-bar{align-items:center;background:#f2ece3;background:var(--surface-sunk);border:1px solid #2b262214;border:1px solid var(--hairline);border-radius:14px;border-radius:var(--r-sm);display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;margin-bottom:14px;padding:10px 16px}.category-badge{background:#faeee5;background:var(--terracotta-wash);border:none;border-radius:9999px;color:#b85f45;color:var(--terracotta-deep);display:inline-block;font-size:.78rem;font-weight:700;padding:4px 12px}.progress-steps{display:flex;gap:4px;margin-bottom:18px}.progress-step{background:#f2ece3;background:var(--surface-sunk);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:#d97c60;background:var(--terracotta)}.progress-step.active:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff73,#0000);background-size:200% 100%;content:"";inset:0;position:absolute}.progress-step.completed{background:#7b9b5e;background:var(--success)}.info-box{animation:fadeIn .3s ease;border-radius:20px;border-radius:var(--r-md);color:#2b2622;color:var(--ink);margin-bottom:14px;overflow:hidden;padding:16px;position:relative;text-align:center}.info-box.spy{background:#2b2622;background:var(--ink);border:1px solid #4a4239;border:1px solid var(--ink-1);color:#f2c5b0;color:var(--terracotta-soft)}.info-box.spy .info-box-label{color:#f2c5b0;color:var(--terracotta-soft);opacity:.85}.info-box.spy .info-box-text{color:#faf6f1;color:var(--surface)}.info-box.normal{background:#faeee5;background:var(--terracotta-wash);border:1px solid #f2c5b0;border:1px solid var(--terracotta-soft)}.info-box.normal,.info-box.normal .info-box-label{color:#b85f45;color:var(--terracotta-deep)}.info-box.normal .info-box-text{color:#2b2622;color:var(--ink)}.info-box.question{background:#eef2e4;background:var(--sage-wash);border:1px solid #dde5ce;border:1px solid var(--sage-soft)}.info-box.question .info-box-label{color:#7b9b5e;color:var(--success)}.info-box.question .info-box-text{color:#2b2622;color:var(--ink)}.info-box.warning{background:#fceeea;background:var(--salmon-wash);border:1px solid #f7d4cc;border:1px solid var(--salmon-soft)}.info-box.warning .info-box-label{color:#c4685a;color:var(--danger)}.info-box.warning .info-box-text{color:#2b2622;color:var(--ink)}.info-box-label{color:#786c5f;color:var(--ink-2);font-size:.72rem;font-weight:700;letter-spacing:.14em;margin-bottom:8px;text-transform:uppercase}.info-box-text{color:#2b2622;color:var(--ink);font-size:1.05rem;font-weight:700;line-height:1.55}.spy-reveal{animation:bounceIn .6s cubic-bezier(.16,1,.3,1);animation:bounceIn .6s var(--ease-spring);background:#2b2622;background:var(--ink);border-radius:28px;border-radius:var(--r-lg);box-shadow:0 12px 32px #3c322d14,0 4px 8px #3c322d0a;box-shadow:var(--shadow-3);color:#faf6f1;color:var(--surface);margin-bottom:18px;overflow:hidden;padding:28px;position:relative;text-align:center}.spy-reveal:before{background:radial-gradient(circle at 50% 0,#d97c6038,#0000 60%);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{color:#f2c5b0;color:var(--terracotta-soft);font-size:1.6rem;font-weight:800;letter-spacing:-.01em;margin-bottom:10px}.player-list{list-style:none;padding:0}.player-item{align-items:center;background:#fffdfa;background:var(--surface-raised);border:1px solid #2b262214;border:1px solid var(--hairline);border-radius:20px;border-radius:var(--r-md);color:#2b2622;color:var(--ink);display:flex;justify-content:space-between;margin-bottom:6px;padding:12px 16px;transition:all .2s cubic-bezier(.33,1,.68,1);transition:all .2s var(--ease-out)}.player-item:hover{background:#f2ece3;background:var(--surface-sunk);border-color:#d4ccbe;border-color:var(--ink-4)}.player-name{align-items:center;color:#2b2622;color:var(--ink);display:flex;font-weight:600;gap:10px}.player-score{color:#b85f45;color:var(--terracotta-deep);font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700}.host-badge{background:#f4e5c9;background:var(--cream);border-radius:9999px;color:#2b2622;color:var(--ink);font-size:.7rem;font-weight:700;letter-spacing:0;padding:3px 10px}.me-badge{color:#a99e90;color:var(--ink-3);font-size:.8rem;font-weight:600}.disconnected{opacity:.4}.chat-container{background:#f2ece3;background:var(--surface-sunk);border:1px solid #2b262214;border:1px solid var(--hairline);border-radius:20px;border-radius:var(--r-md);margin-bottom:12px;max-height:240px;overflow-y:auto;padding:14px}.chat-container::-webkit-scrollbar{width:4px}.chat-container::-webkit-scrollbar-thumb{background:#d4ccbe;background:var(--ink-4);border-radius:4px}.chat-empty{color:#a99e90;color:var(--ink-3);font-size:.9rem;padding:24px 0;text-align:center}.chat-message{animation:slideUp .2s ease;background:#fffdfa;background:var(--surface-raised);border:1px solid #2b262214;border:1px solid var(--hairline);border-radius:14px;border-radius:var(--r-sm);margin-bottom:10px;padding:10px 14px}.chat-message .sender{color:#b85f45;color:var(--terracotta-deep);font-size:.8rem;font-weight:700}.chat-message .text{color:#2b2622;color:var(--ink);display:block;font-size:.95rem;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:#fffdfa;background:var(--surface-raised);border:1.5px solid #d4ccbe;border:1.5px solid var(--ink-4);border-radius:20px;border-radius:var(--r-md);box-shadow:0 1px 2px #3c322d0a,0 1px 1px #3c322d0f;box-shadow:var(--shadow-1);color:#2b2622;color:var(--ink);cursor:pointer;font-family:Heebo,sans-serif;font-size:.98rem;font-weight:600;overflow:hidden;padding:14px;position:relative;text-align:center;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all .2s var(--ease-spring)}.option-btn:hover:not(:disabled){box-shadow:0 4px 12px #3c322d0f,0 2px 4px #3c322d0a;box-shadow:var(--shadow-2);transform:translateY(-1px)}.option-btn.selected,.option-btn:hover:not(:disabled){background:#faeee5;background:var(--terracotta-wash);border-color:#d97c60;border-color:var(--terracotta)}.option-btn.selected{animation:selectPop .3s cubic-bezier(.16,1,.3,1);animation:selectPop .3s var(--ease-spring);box-shadow:0 8px 32px #d97c602e;box-shadow:var(--shadow-glow-coral);color:#b85f45;color:var(--terracotta-deep)}@keyframes selectPop{0%{transform:scale(.96)}50%{transform:scale(1.03)}to{transform:scale(1)}}.option-btn.correct{background:#eef2e4;background:var(--sage-wash);border-color:#7b9b5e;border-color:var(--success);color:#7b9b5e;color:var(--success)}.option-btn.wrong{background:#fceeea;background:var(--salmon-wash);border-color:#c4685a;border-color:var(--danger);color:#c4685a;color:var(--danger)}.option-btn:disabled{cursor:default}.option-label{color:#786c5f;color:var(--ink-2);display:block;font-size:.72rem;font-weight:500;margin-top:6px}.vote-btn{align-items:center;background:#fffdfa;background:var(--surface-raised);border:1.5px solid #d4ccbe;border:1.5px solid var(--ink-4);border-radius:20px;border-radius:var(--r-md);box-shadow:0 1px 2px #3c322d0a,0 1px 1px #3c322d0f;box-shadow:var(--shadow-1);color:#2b2622;color:var(--ink);cursor:pointer;display:flex;font-family:Heebo,sans-serif;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:8px;padding:14px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all .2s var(--ease-spring);width:100%}.vote-btn:hover:not(:disabled){box-shadow:0 4px 12px #3c322d0f,0 2px 4px #3c322d0a;box-shadow:var(--shadow-2);transform:translateY(-1px)}.vote-btn.selected,.vote-btn:hover:not(:disabled){background:#faeee5;background:var(--terracotta-wash);border-color:#d97c60;border-color:var(--terracotta)}.vote-btn.selected{animation:selectPop .3s cubic-bezier(.16,1,.3,1);animation:selectPop .3s var(--ease-spring);box-shadow:0 8px 32px #d97c602e;box-shadow:var(--shadow-glow-coral);color:#b85f45;color:var(--terracotta-deep)}.vote-btn:disabled{cursor:default}.difficulty-selector{background:#f2ece3;background:var(--surface-sunk);border-radius:9999px;display:flex;gap:8px;margin-bottom:14px;padding:4px}.difficulty-btn{background:#0000;border:none;border-radius:9999px;color:#786c5f;color:var(--ink-2);cursor:pointer;flex:1 1;font-family:Heebo,sans-serif;font-size:.9rem;font-weight:700;padding:10px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all .2s var(--ease-spring)}.difficulty-btn:hover{background:#fff6;color:#2b2622;color:var(--ink)}.difficulty-btn.active{box-shadow:0 1px 2px #3c322d0a,0 1px 1px #3c322d0f;box-shadow:var(--shadow-1)}.difficulty-btn.active,.room-code-display{background:#fffdfa;background:var(--surface-raised);color:#2b2622;color:var(--ink)}.room-code-display{-webkit-text-fill-color:#2b2622;-webkit-text-fill-color:var(--ink);border:1.5px dashed #d4ccbe;border:1.5px dashed var(--ink-4);border-radius:28px;border-radius:var(--r-lg);box-shadow:0 4px 12px #3c322d0f,0 2px 4px #3c322d0a;box-shadow:var(--shadow-2);display:inline-block;font-family:JetBrains Mono,ui-monospace,monospace;font-size:2.6rem;font-weight:700;letter-spacing:.18em;margin:14px auto;padding:14px 20px;text-align:center}.result-section{margin-bottom:20px}.result-section h3{color:#a99e90;color:var(--ink-3);font-size:.78rem;font-weight:700;letter-spacing:.14em;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(--r-lg);color:#2b2622;color:var(--ink);margin-bottom:20px;overflow:hidden;padding:24px;position:relative;text-align:center}.result-spy:before{background:radial-gradient(circle at 50% 0,#fff6,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.result-spy.caught{background:#eef2e4;background:var(--sage-wash);border:1px solid #dde5ce;border:1px solid var(--sage-soft);box-shadow:0 12px 32px #3c322d14,0 4px 8px #3c322d0a;box-shadow:var(--shadow-3);color:#2b2622;color:var(--ink)}.result-spy.caught h2,.result-spy.caught h3{color:#7b9b5e;color:var(--success)}.result-spy.escaped{background:#faeee5;background:var(--terracotta-wash);border:1px solid #f2c5b0;border:1px solid var(--terracotta-soft);box-shadow:0 12px 32px #3c322d14,0 4px 8px #3c322d0a;box-shadow:var(--shadow-3);color:#2b2622;color:var(--ink)}.result-spy.escaped h2,.result-spy.escaped h3{color:#b85f45;color:var(--terracotta-deep)}.leaderboard{margin-bottom:16px}.leaderboard-item{align-items:center;background:#fffdfa;background:var(--surface-raised);border:1px solid #2b262214;border:1px solid var(--hairline);border-radius:20px;border-radius:var(--r-md);color:#2b2622;color:var(--ink);display:flex;justify-content:space-between;margin-bottom:6px;padding:12px 16px;transition:all .3s}.leaderboard-item:first-child{background:#f4e5c9;background:var(--cream);border:1px solid #d8b97e;border:1px solid var(--cream-deep);box-shadow:0 4px 12px #3c322d0f,0 2px 4px #3c322d0a;box-shadow:var(--shadow-2)}.leaderboard-rank{color:#2b2622;color:var(--ink);font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.3rem;font-weight:800;margin-left:14px;min-width:32px}.leaderboard-name{color:#2b2622;color:var(--ink);flex:1 1;font-weight:600}.leaderboard-score{color:#b85f45;color:var(--terracotta-deep);font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.2rem;font-weight:800}.scoring-legend{background:#f2ece3;background:var(--surface-sunk);border:1px solid #2b262214;border:1px solid var(--hairline);border-radius:14px;border-radius:var(--r-sm);color:#4a4239;color:var(--ink-1);font-size:.85rem;line-height:1.85;margin-bottom:14px;padding:14px 16px}.scoring-legend strong{color:#b85f45;color:var(--terracotta-deep)}.how-to-play{background:#faeee5;background:var(--terracotta-wash);border:1px solid #f2c5b0;border:1px solid var(--terracotta-soft);border-radius:20px;border-radius:var(--r-md);margin-bottom:18px;padding:18px}.how-to-play h3{color:#b85f45;color:var(--terracotta-deep);font-size:.95rem;font-weight:800;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:#d97c60;background:var(--terracotta);border:none;border-radius:50%;color:#fff;display:flex;font-size:.78rem;font-weight:800;height:26px;justify-content:center;min-width:26px}.how-to-play-text{color:#4a4239;color:var(--ink-1);font-size:.9rem;line-height:1.55}.waiting{animation:fadeIn .3s ease;color:#7b9b5e;color:var(--success);font-size:.9rem;font-weight:600;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:#2b2622;background:var(--ink);border-radius:9999px;bottom:30px;box-shadow:0 24px 60px #3c322d1a,0 8px 16px #3c322d0d;box-shadow:var(--shadow-4);color:#faf6f1;color:var(--surface);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:#2b2622;-webkit-text-fill-color:var(--ink);animation:bounceIn .6s cubic-bezier(.16,1,.3,1);animation:bounceIn .6s var(--ease-spring);background:none;color:#2b2622;color:var(--ink);font-size:2.4rem;font-weight:900;letter-spacing:-.025em;margin-bottom:24px;text-align:center}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d4ccbe;background:var(--ink-4);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#a99e90;background:var(--ink-3)}::selection{background:#f2c5b0;background:var(--terracotta-soft);color:#2b2622;color:var(--ink)}@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 #d97c60;outline:2px solid var(--terracotta);outline-offset:2px}.btn:focus-visible{outline:3px solid #f2c5b0;outline:3px solid var(--terracotta-soft);outline-offset:3px}.input:focus-visible{border-color:#d97c60;border-color:var(--terracotta);box-shadow:0 0 0 3px #d97c602e;outline:none}@media (prefers-contrast:high){:root{--hairline:#2b262233;--ink-2:#4a4239;--ink-3:#786c5f}.btn{border:2px solid #a99e90;border:2px solid var(--ink-3)}.card{border:2px solid #d4ccbe;border:2px solid var(--ink-4)}}.app-shell{flex-direction:column;min-height:100vh;padding-top:0}.app-shell,.app-topbar{align-items:center;display:flex;width:100%}.app-topbar{backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);background:#f7f2ebb8;background:var(--surface-overlay);border-bottom:1px solid #2b262214;border-bottom:1px solid var(--hairline);box-shadow:0 1px 2px #3c322d0a,0 1px 1px #3c322d0f;box-shadow:var(--shadow-1);gap:12px;justify-content:space-between;padding:14px 18px;position:sticky;top:0;z-index:950}.app-topbar__brand{align-items:baseline;color:#2b2622;color:var(--ink);cursor:pointer;display:inline-flex;font-family:Heebo,sans-serif;font-size:1.4rem;font-weight:900;gap:4px;letter-spacing:-.025em;-webkit-user-select:none;user-select:none}.app-topbar__brand:after{background:#d97c60;background:var(--terracotta);border-radius:50%;content:"";display:inline-block;height:7px;margin-right:2px;width:7px}.app-topbar__modes{-ms-overflow-style:none;display:flex;flex:1 1;gap:6px;overflow-x:auto;padding:2px 0;scrollbar-width:none}.app-topbar__modes::-webkit-scrollbar{display:none}.app-topbar__mode{align-items:center;background:#f2ece3;background:var(--surface-sunk);border:1px solid #0000;border-radius:9999px;color:#4a4239;color:var(--ink-1);cursor:pointer;display:inline-flex;flex:0 0 auto;font-family:Heebo,sans-serif;font-size:.82rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .18s cubic-bezier(.16,1,.3,1);transition:all .18s var(--ease-spring)}.app-topbar__mode:hover{background:#faeee5;background:var(--terracotta-wash);color:#b85f45;color:var(--terracotta-deep)}.app-topbar__mode.is-active{background:#2b2622;background:var(--ink);color:#faf6f1;color:var(--surface)}.app-topbar__action{background:#d97c60;background:var(--terracotta);border:none;border-radius:9999px;box-shadow:0 8px 32px #d97c602e;box-shadow:var(--shadow-glow-coral);color:#fff;cursor:pointer;flex:0 0 auto;font-family:Heebo,sans-serif;font-size:.85rem;font-weight:700;padding:8px 14px;transition:filter .2s,transform .2s;white-space:nowrap}.app-topbar__action:hover{filter:brightness(.96);transform:translateY(-1px)}[style*="rgba(139, 92, 246"], [style*="rgba(139,92,246"]{--legacy-c:var(--mode-spyq-color,var(--terracotta))}.mode-card{background:#fffdfa!important;background:var(--surface-raised)!important;border:1px solid #2b262214!important;border:1px solid var(--hairline)!important;border-radius:20px!important;border-radius:var(--r-md)!important;box-shadow:0 1px 2px #3c322d0a,0 1px 1px #3c322d0f;box-shadow:var(--shadow-1);color:#2b2622!important;color:var(--ink)!important;cursor:pointer;padding:16px!important;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s!important;transition:transform .2s var(--ease-spring),box-shadow .2s,border-color .2s!important}.mode-card:hover{border-color:#d4ccbe!important;border-color:var(--ink-4)!important;box-shadow:0 4px 12px #3c322d0f,0 2px 4px #3c322d0a;box-shadow:var(--shadow-2);transform:translateY(-2px)}.mode-card h3{color:#2b2622!important;color:var(--ink)!important;font-weight:800!important}.mode-card p{color:#786c5f!important;color:var(--ink-2)!important}.mode-card.mode-spyq{background:linear-gradient(135deg,#fffdfa,color-mix(in srgb,#c9a78f 18%,#fffdfa))!important;background:linear-gradient(135deg,var(--surface-raised),color-mix(in srgb,var(--mode-spyq) 18%,var(--surface-raised)))!important}.mode-card.mode-thatsyou{background:linear-gradient(135deg,#fffdfa,color-mix(in srgb,#b8c7a6 18%,#fffdfa))!important;background:linear-gradient(135deg,var(--surface-raised),color-mix(in srgb,var(--mode-thatsyou) 18%,var(--surface-raised)))!important}.mode-card.mode-mystery{background:linear-gradient(135deg,#fffdfa,color-mix(in srgb,#d9a89b 18%,#fffdfa))!important;background:linear-gradient(135deg,var(--surface-raised),color-mix(in srgb,var(--mode-mystery) 18%,var(--surface-raised)))!important}.mode-card.mode-wordguess{background:linear-gradient(135deg,#fffdfa,color-mix(in srgb,#a6c0cc 18%,#fffdfa))!important;background:linear-gradient(135deg,var(--surface-raised),color-mix(in srgb,var(--mode-wordguess) 18%,var(--surface-raised)))!important}.mode-card.mode-complete{background:linear-gradient(135deg,#fffdfa,color-mix(in srgb,#c8b0cc 18%,#fffdfa))!important;background:linear-gradient(135deg,var(--surface-raised),color-mix(in srgb,var(--mode-complete) 18%,var(--surface-raised)))!important}.mode-card.mode-trivia{background:linear-gradient(135deg,#fffdfa,color-mix(in srgb,#c7b89c 18%,#fffdfa))!important;background:linear-gradient(135deg,var(--surface-raised),color-mix(in srgb,var(--mode-trivia) 18%,var(--surface-raised)))!important}.mode-card.mode-countrycity{background:linear-gradient(135deg,#fffdfa,color-mix(in srgb,#f2c5b0 22%,#fffdfa))!important;background:linear-gradient(135deg,var(--surface-raised),color-mix(in srgb,var(--mode-countrycity) 22%,var(--surface-raised)))!important}.mode-card.mode-spyq h3{color:#2b2622!important;color:var(--ink)!important}.mode-card.mode-thatsyou h3{color:#7b9b5e!important;color:var(--success)!important}.mode-card.mode-mystery h3{color:#b85f45!important;color:var(--terracotta-deep)!important}.mode-card.mode-wordguess h3{color:#7591a6!important;color:var(--info)!important}.mode-card.mode-complete h3{color:#8b6ba0!important}.mode-card.mode-trivia h3{color:#c7975a!important;color:var(--warning)!important}.mode-card.mode-countrycity h3{color:#b85f45!important;color:var(--terracotta-deep)!important}[style*="rgba(0, 0, 0, 0.15)"], [style*="rgba(0, 0, 0, 0.2)"], [style*="rgba(0,0,0,0.15)"], [style*="rgba(0,0,0,0.2)"]{background:#f2ece3!important;background:var(--surface-sunk)!important;color:#4a4239;color:var(--ink-1)}[style*="rgba(0, 0, 0, 0.7)"], [style*="rgba(0,0,0,0.7)"]{backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);background:#2b262273!important}[style*="#0C0A1D"],[style*="#161233"],[style*="#1a1a2e"]{background:#fffdfa!important;background:var(--surface-raised)!important;border-color:#2b262214!important;border-color:var(--hairline)!important;color:#2b2622!important;color:var(--ink)!important}[style*="#7C8DB5"],[style*="#A8B3CF"]{color:#786c5f!important;color:var(--ink-2)!important}[style*="#E8E0F5"]{color:#2b2622!important;color:var(--ink)!important}[style*="#C4B5FD"]{color:#b85f45!important;color:var(--terracotta-deep)!important}[style*="#34D399"]{color:#7b9b5e!important;color:var(--success)!important}[style*="#FB7185"]{color:#b85f45!important;color:var(--terracotta-deep)!important}[style*="#38BDF8"]{color:#7591a6!important;color:var(--info)!important}[style*="#E040FB"]{color:#8b6ba0!important}[style*="#00E676"]{color:#7b9b5e!important;color:var(--success)!important}[style*="#F59E0B"]{color:#c7975a!important;color:var(--warning)!important}[style*="#FCD34D"]{color:#d8b97e!important;color:var(--cream-deep)!important}[style*="rgba(255, 255, 255, 0.03)"], [style*="rgba(255, 255, 255, 0.04)"], [style*="rgba(255, 255, 255, 0.05)"], [style*="rgba(255, 255, 255, 0.06)"], [style*="rgba(255, 255, 255, 0.08)"], [style*="rgba(255,255,255,0.03)"], [style*="rgba(255,255,255,0.04)"], [style*="rgba(255,255,255,0.05)"], [style*="rgba(255,255,255,0.06)"], [style*="rgba(255,255,255,0.08)"]{background:#f2ece3!important;background:var(--surface-sunk)!important;border-color:#2b262214!important;border-color:var(--hairline)!important;color:#4a4239!important;color:var(--ink-1)!important}input[style*="rgba(255, 255, 255"], input[style*="rgba(255,255,255"], textarea[style*="rgba(255, 255, 255"], textarea[style*="rgba(255,255,255"]{background:#f2ece3!important;background:var(--surface-sunk)!important;border-color:#0000!important;box-shadow:inset 0 1px 2px #3c322d0f!important;color:#2b2622!important;color:var(--ink)!important}input[style*="rgba(255,255,255"]::placeholder,textarea[style*="rgba(255,255,255"]::placeholder{color:#a99e90!important;color:var(--ink-3)!important}.card [style*="color: #fff"],.card [style*="color: 'white'"],.card [style*="color:#fff"],.card [style*='color: "white"']{color:#2b2622!important;color:var(--ink)!important}[style*="linear-gradient(135deg, #8B5CF6"], [style*="linear-gradient(135deg,#8B5CF6"]{background:#2b2622!important;background:var(--ink)!important;color:#faf6f1!important;color:var(--surface)!important}[style*="rgba(99, 102, 241"], [style*="rgba(99,102,241"]{background:#faeee5!important;background:var(--terracotta-wash)!important;border-color:#f2c5b0!important;border-color:var(--terracotta-soft)!important;color:#b85f45!important;color:var(--terracotta-deep)!important}[style*="rgba(16, 185, 129"], [style*="rgba(16,185,129"]{background:#eef2e4!important;background:var(--sage-wash)!important;border-color:#dde5ce!important;border-color:var(--sage-soft)!important;color:#7b9b5e!important;color:var(--success)!important}[style*="rgba(251, 191, 36"], [style*="rgba(251,191,36"]{background:#faeee5!important;background:var(--terracotta-wash)!important;border-color:#f4e5c9!important;border-color:var(--cream)!important;color:#d8b97e!important;color:var(--cream-deep)!important}[style*="rgba(251, 113, 133"], [style*="rgba(251,113,133"]{background:#fceeea!important;background:var(--salmon-wash)!important;border-color:#f7d4cc!important;border-color:var(--salmon-soft)!important;color:#b85f45!important;color:var(--terracotta-deep)!important}[style*="rgba(56, 189, 248"], [style*="rgba(56,189,248"]{background:#e6f0f5!important;border-color:#c5dae5!important;color:#7591a6!important;color:var(--info)!important}[style*="rgba(232, 121, 249"], [style*="rgba(232,121,249"]{background:#f1e5f2!important;border-color:#dbc6dd!important;color:#8b6ba0!important}[style*="rgba(245, 158, 11"], [style*="rgba(245,158,11"]{color:#c7975a!important;color:var(--warning)!important}[style*="rgba(124, 77, 255"], [style*="rgba(124,77,255"], [style*="rgba(245, 158, 11"], [style*="rgba(245,158,11"]{background:#faeee5!important;background:var(--terracotta-wash)!important;border-color:#f2c5b0!important;border-color:var(--terracotta-soft)!important}[style*="rgba(124, 77, 255"], [style*="rgba(124,77,255"]{color:#b85f45!important;color:var(--terracotta-deep)!important}div[style*="linear-gradient(135deg, rgba(139, 92, 246"], div[style*="linear-gradient(135deg, rgba(139,92,246"]{background:linear-gradient(135deg,#fffdfa,color-mix(in srgb,#c9a78f 18%,#fffdfa))!important;background:linear-gradient(135deg,var(--surface-raised),color-mix(in srgb,var(--mode-spyq) 18%,var(--surface-raised)))!important;border-color:#2b262214!important;border-color:var(--hairline)!important}div[style*="linear-gradient(135deg, rgba(52, 211, 153"], div[style*="linear-gradient(135deg, rgba(52,211,153"]{background:linear-gradient(135deg,#fffdfa,color-mix(in srgb,#b8c7a6 18%,#fffdfa))!important;background:linear-gradient(135deg,var(--surface-raised),color-mix(in srgb,var(--mode-thatsyou) 18%,var(--surface-raised)))!important;border-color:#2b262214!important;border-color:var(--hairline)!important}div[style*="linear-gradient(135deg, rgba(251, 113, 133"], div[style*="linear-gradient(135deg, rgba(251,113,133"]{background:linear-gradient(135deg,#fffdfa,color-mix(in srgb,#d9a89b 18%,#fffdfa))!important;background:linear-gradient(135deg,var(--surface-raised),color-mix(in srgb,var(--mode-mystery) 18%,var(--surface-raised)))!important;border-color:#2b262214!important;border-color:var(--hairline)!important}div[style*="linear-gradient(135deg, rgba(56, 189, 248"], div[style*="linear-gradient(135deg, rgba(56,189,248"]{background:linear-gradient(135deg,#fffdfa,color-mix(in srgb,#a6c0cc 18%,#fffdfa))!important;background:linear-gradient(135deg,var(--surface-raised),color-mix(in srgb,var(--mode-wordguess) 18%,var(--surface-raised)))!important;border-color:#2b262214!important;border-color:var(--hairline)!important}div[style*="linear-gradient(135deg, rgba(232, 121, 249"], div[style*="linear-gradient(135deg, rgba(232,121,249"]{background:linear-gradient(135deg,#fffdfa,color-mix(in srgb,#c8b0cc 18%,#fffdfa))!important;background:linear-gradient(135deg,var(--surface-raised),color-mix(in srgb,var(--mode-complete) 18%,var(--surface-raised)))!important;border-color:#2b262214!important;border-color:var(--hairline)!important}div[style*="linear-gradient(135deg, rgba(245, 158, 11"], div[style*="linear-gradient(135deg, rgba(245,158,11"]{background:linear-gradient(135deg,#fffdfa,color-mix(in srgb,#f2c5b0 22%,#fffdfa))!important;background:linear-gradient(135deg,var(--surface-raised),color-mix(in srgb,var(--mode-countrycity) 22%,var(--surface-raised)))!important;border-color:#2b262214!important;border-color:var(--hairline)!important}button[style*="linear-gradient(135deg, #8B5CF6, #7C3AED"], button[style*="position: 'fixed'"][style*="linear-gradient(135deg, #8B5CF6"]{background:#d97c60!important;background:var(--terracotta)!important;box-shadow:0 8px 32px #d97c602e!important;box-shadow:var(--shadow-glow-coral)!important;color:#fff!important}button[style*="rgba(255,255,255,0.08)"][style*="position: 'fixed'"]{background:#fffdfa!important;background:var(--surface-raised)!important;border:1px solid #2b262214!important;border:1px solid var(--hairline)!important;color:#4a4239!important;color:var(--ink-1)!important}[style*="color: '#A8B3CF'"],[style*="color:'#A8B3CF'"],[style*='color: "#A8B3CF"'],[style*='color:"#A8B3CF"']{color:#786c5f!important;color:var(--ink-2)!important}[style*="color: '#7C8DB5'"],[style*="color:'#7C8DB5'"],[style*='color: "#7C8DB5"'],[style*='color:"#7C8DB5"']{color:#a99e90!important;color:var(--ink-3)!important}[style*="border: '3px solid rgba(139,92,246,0.2)"],[style*="border: '3px solid rgba(99,102,241,0.2)"],[style*='border: "3px solid rgba(139,92,246,0.2)']{border-color:#f2ece3!important;border-color:var(--surface-sunk)!important}[style*="borderTop: '3px solid #8B5CF6'"],[style*='borderTop: "3px solid #8B5CF6"']{border-top-color:#d97c60!important;border-top-color:var(--terracotta)!important}
/*# sourceMappingURL=main.98b59c19.css.map*/