:root{--font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display: "Syne", var(--font);--bg: #04070e;--bg-elevated: #0b101c;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .08);--surface-strong: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-strong: rgba(147, 197, 253, .35);--text: #f8fafc;--muted: #94a3b8;--purple: #93c5fd;--purple-dim: #3b82f6;--pink: #67e8f9;--pink-hot: #06b6d4;--green: #6ee7b7;--red: #fca5a5;--gold: #fcd34d;--radius: 1.125rem;--radius-sm: .8rem;--radius-xs: .5rem;--shadow: 0 12px 40px rgba(0, 0, 0, .45);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .25);--glow: 0 0 60px rgba(59, 130, 246, .18);--glow-pink: 0 0 40px rgba(6, 182, 212, .15);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.45, .64, 1);--gradient-brand: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--gradient-surface: linear-gradient( 165deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, .02) 100% )}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font);line-height:1.55;font-weight:400;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(59,130,246,.12),transparent);pointer-events:none;z-index:-2}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh;isolation:isolate}.bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.bg-orbs:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 100%,rgba(4,7,14,.9) 0%,transparent 55%),radial-gradient(ellipse at 50% 0%,transparent 0%,var(--bg) 75%)}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 70%)}.bg-noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:float 22s ease-in-out infinite;will-change:transform}.orb-1{width:380px;height:380px;background:radial-gradient(circle,#2563eb 0%,transparent 70%);top:-12%;left:-15%}.orb-2{width:340px;height:340px;background:radial-gradient(circle,#0891b2 0%,transparent 70%);bottom:5%;right:-15%;animation-delay:-7s}.orb-3{width:260px;height:260px;background:radial-gradient(circle,#0891b2 0%,transparent 70%);top:40%;left:55%;animation-delay:-14s}.orb-4{width:200px;height:200px;background:radial-gradient(circle,#f59e0b 0%,transparent 70%);top:60%;left:10%;animation-delay:-10s;opacity:.35}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-30px) scale(1.06)}50%{transform:translate(-25px,25px) scale(.94)}75%{transform:translate(20px,15px) scale(1.03)}}.app{max-width:440px;margin:0 auto;padding:1.25rem 1rem 2.5rem;position:relative}.app-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1.75rem}.logo-mark{width:3.25rem;height:3.25rem;display:flex;align-items:center;justify-content:center;font-size:1.55rem;border-radius:1rem;background:var(--gradient-surface);border:1px solid var(--border-strong);box-shadow:var(--glow),inset 0 1px #ffffff1f;animation:logo-float 4s ease-in-out infinite}@keyframes logo-float{0%,to{transform:translateY(0);box-shadow:var(--glow),inset 0 1px #ffffff1f}50%{transform:translateY(-4px);box-shadow:var(--glow),var(--glow-pink),inset 0 1px #ffffff26}}h1{font-family:var(--font-display);font-size:1.85rem;font-weight:800;letter-spacing:-.04em;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.subtitle{color:var(--muted);margin-top:.15rem;font-size:.88rem;font-weight:500}.app-main{min-height:50vh}.app:has(.lobby-layout){max-width:920px}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1rem;align-items:start}.lobby-main{display:flex;flex-direction:column;gap:1rem;min-width:0}.lobby-sidebar{position:sticky;top:1rem}.theme-picker-panel{display:flex;flex-direction:column;max-height:calc(100vh - 6rem);margin:0;border-color:#93c5fd33;box-shadow:var(--shadow-sm),inset 0 1px #ffffff0f}.theme-picker-panel--readonly{border-color:#ffffff14}.theme-readonly-badge{display:inline-block;align-self:flex-start;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#ffffff0f;border:1px solid var(--border);padding:.2rem .5rem;border-radius:999px;margin-bottom:.5rem}@media(max-width:720px){.app:has(.lobby-layout){max-width:440px}.lobby-layout{grid-template-columns:1fr}.lobby-sidebar{position:static;order:-1}.theme-picker-panel{max-height:none}}.fade-in{animation:fade-in .5s var(--ease-out) both}.screen-enter{animation:screen-enter .55s var(--ease-out) both}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes screen-enter{0%{opacity:0;transform:translateY(20px) scale(.97);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.shake{animation:shake .45s var(--ease-out)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.stagger-in>*{animation:fade-in .4s var(--ease-out) both}.stagger-in>*:nth-child(1){animation-delay:.05s}.stagger-in>*:nth-child(2){animation-delay:.1s}.stagger-in>*:nth-child(3){animation-delay:.15s}.stagger-in>*:nth-child(4){animation-delay:.2s}.stagger-in>*:nth-child(5){animation-delay:.25s}.stagger-in>*:nth-child(6){animation-delay:.3s}.stagger-in>*:nth-child(7){animation-delay:.35s}.stagger-in>*:nth-child(8){animation-delay:.4s}.card{background:var(--gradient-surface);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);transition:border-color .3s var(--ease-out),transform .3s var(--ease-out),box-shadow .3s var(--ease-out);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(165deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.card:hover{border-color:#ffffff1f;box-shadow:var(--shadow-sm),0 0 0 1px #ffffff0a}.card h2{font-family:var(--font-display);font-size:1rem;font-weight:800;margin-bottom:.85rem;color:var(--text);letter-spacing:-.02em}.card-highlight{text-align:center;border-color:var(--border-strong);background:linear-gradient(165deg,#3b82f624,#06b6d40f,#ffffff05);box-shadow:var(--shadow-sm),var(--glow)}.card-highlight .question-hero{animation:question-in .6s var(--ease-out) both}@keyframes question-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.04em}input[type=text],input[type=number]{width:100%;padding:.8rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#00000059;color:#fff;font-family:var(--font);font-size:1rem;margin-bottom:.75rem;transition:border-color .2s,box-shadow .2s,transform .15s}input[type=text]:focus,input[type=number]:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #60a5fa33;transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem 1.25rem;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s var(--ease-spring),box-shadow .2s,opacity .2s;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);opacity:0;transition:opacity .2s}.btn:hover:not(:disabled):after{opacity:1}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 24px #3b82f666,inset 0 1px #fff3}.btn-primary:hover:not(:disabled){box-shadow:0 8px 32px #06b6d459,inset 0 1px #ffffff40;transform:translateY(-2px)}.btn-secondary{background:var(--surface-strong);color:var(--text);border:1px solid var(--border);margin-top:0;box-shadow:inset 0 1px #ffffff0f}.btn-secondary:hover:not(:disabled){background:#ffffff24;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--muted);margin-top:.75rem;font-size:.9rem}.btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff0d}.btn-sm{padding:.55rem .75rem;font-size:.85rem}.btn-kick{background:#f871711f;border:1px solid rgba(248,113,113,.35);color:#fca5a5;cursor:pointer;font-family:var(--font);font-size:.75rem;font-weight:600;padding:.3rem .55rem;border-radius:.45rem;transition:transform .15s,background .15s}.btn-kick:hover:not(:disabled){background:#f8717138;transform:scale(1.05)}.btn-kick:disabled{opacity:.5;cursor:not-allowed}.mode-tabs{display:flex;gap:.35rem;margin-bottom:1rem;padding:.3rem;background:#00000059;border-radius:var(--radius-sm);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mode-tab{flex:1;padding:.7rem;border-radius:.55rem;border:1px solid transparent;background:transparent;color:var(--muted);font-family:var(--font);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .25s var(--ease-out)}.mode-tab:hover:not(.active){color:var(--text);background:#ffffff0d}.mode-tab.active{background:var(--gradient-brand);border-color:transparent;color:#fff;box-shadow:0 4px 16px #3b82f659}.player-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.player-chip{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff08;border-radius:var(--radius-sm);border:1px solid var(--border);transition:transform .25s var(--ease-spring),border-color .25s,background .25s;animation:fade-in .4s var(--ease-out) both}.player-chip:hover{transform:translate(5px);border-color:#93c5fd4d;background:#3b82f614}.player-chip span.score{font-weight:700;color:var(--purple);font-size:.95rem}.room-code{text-align:center;padding:1.65rem 1.35rem;margin-bottom:0;border-radius:var(--radius);background:linear-gradient(165deg,#3b82f629,#06b6d40f);border:1px solid var(--border-strong);box-shadow:var(--glow),inset 0 1px #ffffff14;animation:fade-in .6s var(--ease-out);position:relative;overflow:hidden}.room-code:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.03) 50%,transparent 60%);animation:shimmer 6s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-30%)}to{transform:translate(30%)}}.room-code-label{font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.06em}.room-code-value{font-family:var(--font-display);font-size:2.85rem;font-weight:800;letter-spacing:.28em;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.85rem;position:relative;animation:code-pop .7s var(--ease-spring)}@keyframes code-pop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.room-code-actions{display:flex;gap:.5rem;margin-bottom:.5rem}.room-pill{background:#60a5fa33;padding:.25rem .65rem;border-radius:999px;font-weight:700;font-size:.85rem;letter-spacing:.12em;color:var(--purple);border:1px solid rgba(96,165,250,.3)}.code-input-wrap{position:relative;margin-bottom:.75rem}.code-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:text;z-index:2;font-size:16px}.code-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.code-slot{display:flex;align-items:center;justify-content:center;height:3.25rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:#0000004d;font-size:1.35rem;font-weight:800;letter-spacing:.05em;color:var(--text);transition:all .25s var(--ease-spring)}.code-slot.filled{border-color:#60a5fa8c;background:#60a5fa26;color:var(--purple);animation:slot-fill .3s var(--ease-spring)}@keyframes slot-fill{0%{transform:scale(.9)}60%{transform:scale(1.08)}to{transform:scale(1)}}.code-slot.active{border-color:var(--purple);transform:scale(1.05);box-shadow:0 0 0 3px #60a5fa40}.question-list{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1rem}.question-big{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff08;opacity:.45;transition:all .3s var(--ease-out)}.question-big-content{flex:1;min-width:0}.theme-badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--pink-hot);background:#06b6d41f;border:1px solid rgba(6,182,212,.3);padding:.2rem .55rem;border-radius:999px;margin-bottom:.35rem}.card-dim{opacity:.65}.question-progress{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.5rem 0}.question-progress-dot{width:.5rem;height:.5rem;border-radius:50%;background:#ffffff1f;border:1px solid var(--border);transition:all .4s var(--ease-spring)}.question-progress-dot.done{background:var(--purple-dim);border-color:var(--purple);box-shadow:0 0 8px #3b82f666}.question-progress-dot.active{width:1.5rem;border-radius:999px;background:var(--gradient-brand);border-color:transparent;box-shadow:0 0 16px #06b6d473;animation:dot-pulse 1.5s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 12px #06b6d459}50%{box-shadow:0 0 20px #3b82f68c}}.theme-badge-lg{font-size:.75rem;padding:.25rem .65rem;margin-bottom:.65rem}.question-big p{margin:0;font-size:.95rem;line-height:1.35;color:#d1d5db}.question-big.active{opacity:1;border-color:var(--border-strong);background:#2563eb1f;transform:scale(1.02);box-shadow:0 4px 20px #2563eb26}.question-big.active p{font-size:1.05rem;font-weight:700;color:#fff}.question-big.done{opacity:.65}.question-big.done .question-num{background:#34d39940;color:var(--green)}.question-num{flex-shrink:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#60a5fa33;color:var(--purple);font-weight:800;font-size:.85rem}.phase-label{margin:0 0 .5rem;font-size:.75rem;color:var(--purple);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.round-intro-title{margin:0 0 .65rem;font-family:var(--font-display);font-size:1.55rem;font-weight:800;color:#fff;letter-spacing:-.03em}.rules-list{margin:0;padding-left:1.15rem;color:#d1d5db;font-size:.9rem;line-height:1.6}.rules-list li+li{margin-top:.35rem}.theme-picker-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.theme-picker-header h2{margin:0}.theme-picker-count{font-size:.75rem;font-weight:700;color:var(--pink);white-space:nowrap}.theme-picker-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:.75rem}.theme-picker-actions .btn{padding:.5rem .4rem;font-size:.72rem;font-weight:700;line-height:1.15;min-height:2.4rem;height:100%;white-space:nowrap;border-radius:var(--radius-xs)}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;overflow-y:auto;flex:1;min-height:0;padding-right:.15rem;align-content:start}.theme-chip{font-family:inherit;font-size:.72rem;font-weight:600;padding:.5rem .4rem;border-radius:var(--radius-xs);border:1px solid var(--border);background:#ffffff08;color:var(--muted);cursor:pointer;transition:transform .25s var(--ease-spring),background .25s,border-color .25s,color .25s,box-shadow .25s;text-align:center;line-height:1.2;min-height:2.4rem;display:flex;align-items:center;justify-content:center}.theme-chip:hover:not(:disabled){border-color:var(--border-strong);color:#fff;transform:translateY(-1px)}.theme-chip.active{background:linear-gradient(135deg,#3b82f640,#06b6d426);border-color:#93c5fd80;color:#fff;box-shadow:0 2px 12px #3b82f640;transform:scale(1.02)}.theme-chip:disabled:not(.active){opacity:.5;cursor:default}.theme-chip:disabled.active{cursor:default;opacity:1}.theme-picker-panel--readonly .theme-chip:disabled{pointer-events:none}.question-hero{margin:0;font-family:var(--font-display);font-size:1.45rem;font-weight:800;line-height:1.35;color:#fff;letter-spacing:-.02em}.question-big-text{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.35}.ranking-pick{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.guess-player-btn,.rank-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff08;color:var(--text);font-family:var(--font);font-size:1rem;font-weight:600;cursor:pointer;text-align:left;transition:transform .25s var(--ease-spring),background .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.guess-player-btn:before,.rank-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-brand);transform:scaleY(0);transition:transform .25s var(--ease-spring);border-radius:0 2px 2px 0}.guess-player-btn:hover:not(:disabled),.rank-btn:hover:not(:disabled){background:#3b82f61f;border-color:#93c5fd59;transform:translate(4px);box-shadow:var(--shadow-sm)}.guess-player-btn:hover:not(:disabled):before,.rank-btn:hover:not(:disabled):before{transform:scaleY(1)}.guess-player-btn:active:not(:disabled),.rank-btn:active:not(:disabled){transform:scale(.98)}.guess-player-btn:disabled,.rank-btn:disabled{opacity:.4;cursor:not-allowed}.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--purple-dim),#0891b2);font-weight:700;font-size:.9rem;flex-shrink:0}.rank-badge.pending{background:#ffffff1a;color:#6b7280}.timer{text-align:center;font-size:1rem;font-weight:700;color:var(--purple);padding:.8rem 1rem;margin-bottom:1rem;border-radius:var(--radius-sm);background:#3b82f61a;border:1px solid rgba(59,130,246,.25);animation:fade-in .4s var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums}.timer-urgent{color:#fca5a5;background:#f871711f;border-color:#f8717173;animation:timer-urgent .8s ease-in-out infinite}@keyframes timer-urgent{0%,to{transform:scale(1);box-shadow:none}50%{transform:scale(1.02);box-shadow:0 0 20px #f871714d}}.result-list{list-style:none;display:flex;flex-direction:column;gap:.45rem}.result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border);animation:fade-in .4s var(--ease-out) both;transition:transform .2s}.result-item:hover{transform:translate(3px)}.result-item.gold{border-color:var(--gold);background:linear-gradient(90deg,rgba(251,191,36,.15),transparent);box-shadow:0 0 20px #fbbf241a}.result-item.silver{border-color:#9ca3af;background:#9ca3af14}.result-item.bronze{border-color:#d97706;background:#d9770614}.result-rank{font-weight:800;font-size:1.15rem;min-width:2rem;color:var(--purple)}.result-name{flex:1;font-weight:600}.result-points{color:var(--muted);font-size:.85rem}.result-list-compact .result-item{padding:.45rem .65rem}.reveal-question-block{padding:1rem 0;border-bottom:1px solid var(--border);animation:fade-in .4s var(--ease-out) both}.reveal-question-block:last-child{border-bottom:none}.reveal-winner{margin:.35rem 0 .65rem;font-size:1.05rem;color:var(--purple)}.reveal-answer{text-align:center;padding:1rem;margin-bottom:1rem;border-radius:var(--radius-sm);background:#34d3991f;border:1px solid var(--green)}.reveal-answer p{color:var(--muted);font-size:.85rem;margin-bottom:.35rem}.reveal-answer strong{color:#6ee7b7;font-size:1.05rem}.quit-btn-top{position:fixed;top:1rem;left:1rem;z-index:50;display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--border);background:#00000073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--muted);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s var(--ease-out)}.quit-btn-top:hover{color:#fff;border-color:#f8717173;background:#f871711f;transform:translate(-2px)}.round-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.65rem 1rem;border-radius:var(--radius-sm);background:#0000004d;border:1px solid var(--border);font-size:.88rem;color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.round-info span.highlight{color:var(--purple);font-weight:700}.waiting-banner{text-align:center;padding:2.5rem 1.25rem;color:#cbd5e1;animation:fade-in .5s var(--ease-out);border-radius:var(--radius);background:#ffffff05;border:1px dashed var(--border)}.waiting-banner .emoji{font-size:3.25rem;margin-bottom:.85rem;display:inline-block;animation:emoji-float 2s ease-in-out infinite}@keyframes emoji-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 1rem;color:var(--muted)}.spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(96,165,250,.2);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scoreboard-final{animation:fade-in .6s var(--ease-out)}.scoreboard-final h3{text-align:center;margin-bottom:1rem;color:var(--text);font-weight:700}.winner{text-align:center;font-size:1.5rem;font-weight:800;margin-bottom:1.25rem;animation:winner-reveal .8s var(--ease-spring)}@keyframes winner-reveal{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.winner span{display:block;font-size:3rem;margin-bottom:.35rem;animation:bounce 2s ease-in-out infinite}.hint{font-size:.85rem;color:var(--muted);margin-bottom:1rem;line-height:1.45}.hint--compact{margin-bottom:0;margin-top:.25rem}.hint strong{color:#d1d5db}.error{color:var(--red);font-size:.9rem;margin-bottom:.75rem;padding:.6rem .85rem;border-radius:var(--radius-sm);background:#f871711a;border:1px solid rgba(248,113,113,.25)}.guess-btn{display:block;width:100%;padding:1rem;margin-bottom:.6rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-family:var(--font);font-size:.95rem;text-align:left;cursor:pointer;line-height:1.35;transition:all .2s var(--ease-out)}.guess-btn:hover{background:#60a5fa26;border-color:var(--purple);transform:translate(4px)}.guess-btn.correct{border-color:var(--green);background:#34d39926}.guess-btn.wrong{opacity:.5}.leave-btn{margin-top:1.25rem}.pass-phone{text-align:center;padding:1.5rem 0}.pass-phone .emoji{font-size:3rem;margin-bottom:.5rem}.pass-phone p{color:#d1d5db;font-size:1.05rem}.pass-phone strong{color:var(--pink);font-size:1.3rem}.chip-remove{background:none;border:none;color:var(--red);cursor:pointer;font-size:1.1rem;padding:0 .25rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.orb{animation:none}}