:root{--bg: #050508;--bg-surface: #0a0a10;--bg-surface-2: #101018;--bg-panel: rgba(12, 12, 20, .92);--border: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .28);--border-focus: rgba(255, 255, 255, .5);--text: #f0f0eb;--text-muted: rgba(240, 240, 235, .62);--text-dim: rgba(240, 240, 235, .34);--text-inverse: #0a0a10;--glow-soft: 0 0 24px rgba(255, 255, 255, .08);--glow-strong: 0 0 40px rgba(255, 255, 255, .18);--glow-text: 0 0 16px rgba(255, 255, 255, .12);--accent: #ffffff;--accent-dim: rgba(255, 255, 255, .75);--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--scanline-opacity: .04;--noise-opacity: .025;color-scheme:dark;font-family:var(--font);background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{margin:0;min-height:100vh;background:var(--bg);overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;transition:background .14s ease,border-color .14s ease,transform .12s ease,opacity .14s ease}button:hover:not(:disabled){opacity:.92}button:active:not(:disabled){transform:scale(.985)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}body:after{content:"";position:fixed;inset:0;z-index:99999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,var(--scanline-opacity)) 2px,rgba(255,255,255,var(--scanline-opacity)) 3px);opacity:.55}@media(prefers-reduced-motion:reduce){body:after{opacity:.25}}.app-shell:before,.menu-screen:before,.game:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:var(--noise-opacity)}.screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(16px,3vw,32px)}.panel{width:min(720px,100%);padding:clamp(20px,4vw,40px);border:1px solid var(--border);background:var(--bg-panel);border-radius:var(--radius-xl);box-shadow:var(--glow-soft);position:relative}.panel.wide{width:min(980px,100%)}.intro h1,.game-header h1,.summary h1{margin:0 0 8px;font-size:clamp(32px,6vw,64px);line-height:.94;letter-spacing:-.04em;color:var(--text)}p{color:var(--text-muted);line-height:1.6}.eyebrow{color:var(--text-dim);letter-spacing:.18em;font-weight:900;font-size:11px;text-transform:uppercase;margin:0 0 8px}.primary{margin-top:8px;padding:14px 24px;color:var(--text-inverse);background:var(--accent);border-radius:var(--radius-pill);font-weight:950;box-shadow:var(--glow-strong);letter-spacing:.03em;border:1px solid rgba(255,255,255,.3)}.ghost{padding:10px 16px;border-radius:var(--radius-pill);color:var(--text);background:#ffffff14;border:1px solid var(--border);font-weight:850}.ghost:hover:not(:disabled){background:#ffffff24}.game{width:min(1180px,100%);height:100vh;height:100dvh;margin:0 auto;padding:max(8px,env(safe-area-inset-top)) clamp(8px,2vw,16px) max(8px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(6px,1.2vh,12px);overflow:hidden;position:relative}.game-header{min-height:48px;display:flex;align-items:end;justify-content:space-between;gap:12px}.game-header h1{font-size:clamp(22px,3.5vw,40px)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.score-chip{padding:8px 14px;border-radius:var(--radius-pill);background:#ffffff0f;border:1px solid var(--border);color:var(--text);font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}.game-video-area{min-height:0;display:grid;gap:6px;align-content:stretch}.player-card,.guess-card{border:1px solid var(--border);background:var(--bg-panel);border-radius:var(--radius-lg);padding:clamp(8px,1.2vh,14px);box-shadow:var(--glow-soft)}.player-card{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.video-shell{position:relative;width:100%;height:100%;min-height:140px;max-height:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:#000;border:1px solid var(--border-strong);box-shadow:0 0 0 2px #ffffff0a,var(--glow-soft);justify-self:center}.video-shell:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:inherit;box-shadow:inset 0 0 80px #0000004d}.yt-host,.yt-host iframe{width:100%;height:100%;border:0;display:block;pointer-events:none}.video-loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg-surface);color:var(--text-muted);font-weight:900;pointer-events:none;z-index:2}.title-mask{position:absolute;top:0;left:0;right:0;height:clamp(48px,12%,72px);display:flex;align-items:center;justify-content:center;background:#050508fa;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);color:var(--text-muted);font-weight:800;font-size:12px;letter-spacing:.04em;pointer-events:none;z-index:2;border-radius:var(--radius) var(--radius) 0 0}.controls{min-height:40px;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;padding-top:8px}.controls button,.presets button,.helper-buttons button{padding:8px 12px;border-radius:var(--radius-pill);background:#ffffff0f;border:1px solid var(--border);color:var(--text);font-weight:850;white-space:nowrap}.controls button:hover:not(:disabled),.presets button:hover:not(:disabled),.helper-buttons button:hover:not(:disabled){background:#ffffff21;border-color:var(--border-strong)}.time{min-width:88px;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px}.timeline{flex:1 1 auto;min-width:60px}.controls input[aria-label=Volume]{width:90px}.replace-note{padding:10px 14px;border-radius:var(--radius);background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted);font-weight:800}.guess-card{display:grid;gap:clamp(6px,1vh,10px)}.guess-panel{grid-template-columns:minmax(160px,1.1fr) minmax(200px,1.4fr) auto;align-items:end}.guess-title{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;color:var(--text-dim);font-weight:950}.guess-title span{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.guess-card input{width:100%;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:clamp(28px,5vw,52px);font-weight:950;letter-spacing:-.04em;outline:none;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.guess-card input:focus{border-color:var(--border-strong);box-shadow:var(--glow-soft)}.presets,.helper-buttons{display:flex;flex-wrap:wrap;gap:6px}.submit{width:100%;min-width:140px;min-height:56px;font-size:18px;letter-spacing:.08em}.reveal-panel{align-content:start}.reveal h2{margin:0;font-size:clamp(32px,6vw,64px);letter-spacing:-.05em}.reveal-grid{display:grid;grid-template-columns:1fr auto;gap:6px 16px;padding:12px;border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--border)}.reveal-grid span{color:var(--text-muted)}.video-meta{color:var(--text);text-decoration:none;padding:8px 0;line-height:1.35;font-weight:800}.video-meta small{color:var(--text-muted);font-weight:700}.score-reveal{display:grid;gap:8px;padding:12px;border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid var(--border)}.score-reveal-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:950}.score-bar{height:18px;overflow:hidden;border-radius:var(--radius-pill);background:#ffffff14;box-shadow:inset 0 0 16px #0000004d}.score-bar-fill{height:100%;border-radius:inherit;background:var(--accent);box-shadow:var(--glow-soft);transition:width .06s linear}.tier-bad .score-bar-fill{opacity:.35;box-shadow:none}.tier-okay .score-bar-fill{opacity:.55}.tier-good .score-bar-fill{opacity:.78}.tier-great .score-bar-fill{opacity:.92}.tier-insane{animation:glowPulse 1.2s ease-in-out infinite alternate}.tier-insane .score-bar-fill{opacity:1;box-shadow:var(--glow-strong)}@keyframes glowPulse{0%{box-shadow:0 0 #ffffff0d}to{box-shadow:0 0 32px #ffffff40}}.summary{align-items:start;padding:16px}.end-panel{margin:auto 0}.rating-badge{display:inline-flex;padding:8px 16px;border-radius:var(--radius-pill);background:#ffffff14;border:1px solid var(--border);color:var(--text);font-weight:950;text-transform:uppercase;letter-spacing:.08em}.best-worst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.best-worst>div{padding:12px;border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--border)}.best-worst span{display:block;color:var(--text-muted);margin-bottom:4px}.results{display:grid;gap:8px;margin:18px 0}.result-row{display:grid;grid-template-columns:auto auto;gap:2px 16px;padding:12px;border-radius:var(--radius);color:inherit;text-decoration:none;background:#ffffff0a;border:1px solid var(--border);transition:border-color .14s}.result-row:hover{border-color:var(--border-strong)}.result-row small,.result-row em{grid-column:1 / -1;color:var(--text-muted)}.result-row em{font-style:normal;color:var(--text)}.big-cta{width:100%;min-height:58px;font-size:20px}.menu-panel{display:grid;gap:14px}.guest-chip,.coming-soon,.share-link{padding:10px 14px;border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--border);color:var(--text-muted);font-weight:800}.field-label{display:grid;gap:6px;color:var(--text-dim);font-weight:950}.field-label input{width:100%;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a;color:var(--text);outline:none;font-weight:900}.field-label input:focus{border-color:var(--border-strong)}.menu-actions,.menu-grid{display:grid;gap:10px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.join-box{display:grid;gap:8px;grid-column:1 / -1;padding:12px;border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid var(--border)}.player-list{display:grid;gap:8px;margin:10px 0 16px}.player-row{display:flex;justify-content:space-between;gap:10px;padding:12px;border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--border)}.player-row span{color:var(--text);font-weight:800}.menu-screen{min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;padding:0;margin:0;background:var(--bg);position:relative;overflow-x:hidden}.menu-screen:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(255,255,255,.06) 0%,transparent 45%),radial-gradient(ellipse at 50% 80%,rgba(255,255,255,.07) 0%,transparent 40%),radial-gradient(ellipse at 85% 15%,rgba(255,255,255,.04) 0%,transparent 55%);animation:bgShift 6s ease-in-out infinite alternate}@keyframes bgShift{0%{opacity:.7;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.08) rotate(1deg)}to{opacity:.8;transform:scale(.96) rotate(-1deg)}}.menu-screen:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(-30deg,transparent,transparent 120px,rgba(255,255,255,.025) 120px,rgba(255,255,255,.025) 122px);animation:scanMove 8s linear infinite}@keyframes scanMove{0%{transform:translateY(-300px) rotate(-30deg)}to{transform:translateY(300px) rotate(-30deg)}}.menu-screen>*{position:relative;z-index:1}.menu-content{width:100%;max-width:860px;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vh,20px);padding:max(10px,env(safe-area-inset-top)) max(14px,3vw) max(18px,env(safe-area-inset-bottom))}.menu-topbar{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 2px}.guest-pill{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:var(--radius-pill);background:#ffffff0d;border:1px solid var(--border);transition:border-color .14s;position:relative}.guest-pill:hover{border-color:var(--border-strong)}.guest-avatar{width:30px;height:30px;border-radius:50%;background:#ffffff26;border:1px solid var(--border-strong);display:grid;place-items:center;font-weight:950;font-size:13px;color:var(--text);flex-shrink:0}.guest-label{color:var(--text-dim);font-weight:900;font-size:9px;letter-spacing:.14em;line-height:1}.guest-name{background:transparent;border:0;color:var(--text);font-weight:900;font-size:14px;width:80px;outline:none;padding:2px 0;border-bottom:1px dashed var(--border)}.guest-name:focus{border-bottom-color:var(--text-dim)}.account-pill{border-color:#9b59b6}.account-pill .guest-name{cursor:default;user-select:text;border-bottom:0;width:auto;font-size:12px}.account-pill .guest-label{color:#9b59b6}.topbar-actions{display:flex;gap:6px}.icon-btn{width:38px;height:38px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);font-size:16px;display:grid;place-items:center;transition:border-color .14s,background .14s}.icon-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--border-strong);color:var(--text)}.menu-logo{text-align:center;margin:clamp(0px,1vh,8px) 0}.logo-text{font-size:clamp(42px,8vw,80px);font-weight:980;letter-spacing:.06em;line-height:.92;margin:0;color:var(--text);text-shadow:var(--glow-text);position:relative}.logo-text:before,.logo-text:after{content:"VIEWGUESSR";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;font:inherit}.logo-text:before{color:#ffffff8c;animation:glitchSkew1 2.8s infinite steps(1);clip-path:polygon(0 0,100% 0,100% 42%,0 48%)}.logo-text:after{color:#ffffff59;animation:glitchSkew2 3.4s infinite steps(1);clip-path:polygon(0 55%,100% 50%,100% 100%,0 100%)}@keyframes glitchSkew1{0%,20%,to{opacity:0;transform:translate(0) skew(0)}22%{opacity:.9;transform:translate(-5px,-2px) skew(2deg)}24%{opacity:.6;transform:translate(4px,1px) skew(-1deg)}26%{opacity:.9;transform:translate(-2px) skew(1deg)}28%{opacity:0;transform:translate(0) skew(0)}}@keyframes glitchSkew2{0%,40%,to{opacity:0;transform:translate(0) skew(0)}42%{opacity:.7;transform:translate(4px,1px) skew(-2deg)}45%{opacity:0;transform:translate(-3px,-1px) skew(1deg)}47%{opacity:.8;transform:translate(6px,2px) skew(-1deg)}49%{opacity:0}}.logo-sub{color:var(--text-dim);font-weight:800;letter-spacing:.08em;font-size:clamp(11px,1.6vw,14px);margin:4px 0 0}.solo-cta{width:100%;max-width:520px;display:flex;align-items:center;justify-content:center;gap:14px;padding:clamp(16px,2vh,24px) clamp(20px,4vw,40px);border-radius:var(--radius-pill);background:#ffffff14;border:1px solid var(--border-strong);box-shadow:var(--glow-soft);transition:border-color .14s,box-shadow .14s,transform .12s;cursor:pointer}.solo-cta:hover:not(:disabled){border-color:#ffffff8c;box-shadow:var(--glow-strong);transform:translateY(-1px)}.solo-cta:active:not(:disabled){transform:scale(.988)}.solo-icon{font-size:clamp(28px,5vw,42px);line-height:1;opacity:.85}.solo-label{color:var(--text);font-weight:980;font-size:clamp(20px,3.5vw,32px);letter-spacing:.14em}.multi-section{width:100%}.section-head{color:var(--text-dim);font-size:10px;font-weight:950;letter-spacing:.2em;text-transform:uppercase;margin:0 0 8px;padding-left:2px}.multi-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.2vw,12px)}.multi-card{display:flex;flex-direction:column;gap:6px;padding:clamp(10px,1.6vw,18px);border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffff08;text-align:left;color:inherit;transition:border-color .14s,box-shadow .14s,transform .12s;cursor:pointer}.multi-card:hover:not(:disabled){border-color:var(--border-strong);box-shadow:var(--glow-soft);transform:translateY(-1px)}.card-icon{font-size:20px;line-height:1;opacity:.7}.multi-cards-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(6px,1.2vw,12px);margin-bottom:clamp(6px,1.2vw,12px)}.card-cta-label{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin-top:4px}.card-purple{border-left:3px solid #9b59b6}.card-purple.locked{opacity:.65}.card-purple.locked:hover:not(:disabled){border-color:var(--border);box-shadow:none;transform:none}.card-tier-range{font-size:10px;color:var(--text-dim);letter-spacing:.04em}.card-desc{font-size:12px}.card-title{font-weight:950;font-size:clamp(12px,1.6vw,15px);letter-spacing:.06em;color:var(--text)}.card-desc{color:var(--text-dim);font-size:clamp(10px,1.2vw,12px);line-height:1.35}.join-room-card{cursor:default}.join-room-card:hover:not(:disabled){transform:none}.join-room-row{display:flex;gap:6px;margin-top:6px}.join-input{flex:1;min-width:0;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-weight:900;font-size:13px;letter-spacing:.08em;outline:none}.join-input:focus{border-color:var(--border-strong)}.join-input::placeholder{color:var(--text-dim)}.join-btn{padding:10px 14px;border-radius:var(--radius);background:#ffffff14;border:1px solid var(--border);color:var(--text);font-weight:950;font-size:16px;transition:background .14s}.join-btn:hover:not(:disabled){background:#ffffff29}.info-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.2vw,10px)}.info-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:clamp(8px,1vh,12px) clamp(10px,1.6vw,16px);border-radius:var(--radius);background:#ffffff08;border:1px solid var(--border);min-width:80px}.chip-value{color:var(--text);font-weight:950;font-size:clamp(14px,2vw,18px);letter-spacing:.04em;font-variant-numeric:tabular-nums}.chip-label{color:var(--text-dim);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.consent-hint{color:var(--text-dim);font-size:10px;text-align:center;max-width:520px;line-height:1.4;margin:4px 0 0}.game-hud{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;gap:10px;border-radius:var(--radius);background:#0a0a10d1;border:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hud-left{display:flex;align-items:baseline;gap:12px}.hud-round{color:var(--text-muted);font-weight:900;font-size:clamp(11px,1.4vw,13px);letter-spacing:.06em;white-space:nowrap}.hud-prompt{color:var(--text);font-weight:800;font-size:clamp(13px,1.6vw,15px);letter-spacing:.02em}.hud-right{display:flex;align-items:center;gap:8px}.hud-sound{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border);font-size:14px;display:grid;place-items:center;color:var(--text-muted);cursor:pointer;transition:background .14s}.hud-sound:hover{background:#ffffff1f}.hud-score{padding:5px 12px;border-radius:var(--radius-pill);background:#ffffff0d;border:1px solid var(--border);color:var(--text);font-weight:900;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.hud-back{padding:4px 10px;border-radius:var(--radius-pill);background:#ffffff0a;border:1px solid var(--border);color:var(--text-dim);font-weight:800;font-size:11px;cursor:pointer;white-space:nowrap;transition:color .14s,background .14s}.hud-back:hover{color:var(--text);background:#ffffff1a}.mp-timer-inline{padding:6px 14px;border-radius:var(--radius-pill);background:#ffffff14;border:1px solid var(--border);color:var(--text);font-weight:950;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.06em;transition:all .3s}.mp-timer-inline.urgent{background:#ffffff2e;border-color:#ffffff80;box-shadow:0 0 20px #ffffff40;color:#fff;animation:timerPulse .4s ease-in-out infinite alternate;font-size:16px;padding:8px 18px}@keyframes timerPulse{0%{box-shadow:0 0 16px #ffffff26;transform:scale(1)}to{box-shadow:0 0 32px #ffffff59;transform:scale(1.04)}}.mp-timer-flash{animation:timerFlash .5s ease-out}@keyframes timerFlash{0%{box-shadow:0 0 #fff9}30%{box-shadow:0 0 48px #ffffff80}to{box-shadow:0 0 20px #ffffff26}}.mp-timer-by-inline{color:var(--text-dim);font-size:10px;font-weight:800}.lb-score-reveal-simple{display:flex;align-items:center;gap:6px}@keyframes pulseUrgent{0%{box-shadow:0 0 #ffffff0d}to{box-shadow:0 0 16px #fff3}}.reveal-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#000000c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));animation:fadeIn .2s ease}.reveal-modal{width:min(520px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);padding:clamp(14px,2.5vw,28px);box-shadow:0 20px 80px #0000008c,var(--glow-soft);animation:modalIn .3s cubic-bezier(.34,1.56,.64,1);display:grid;gap:clamp(8px,1.5vh,16px);position:relative;z-index:1001}.reveal-modal:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 60%);pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.reveal-tier-badge{display:inline-flex;padding:5px 16px;border-radius:var(--radius-pill);font-weight:950;font-size:12px;letter-spacing:.1em;text-transform:uppercase;justify-self:start}.tier-bad .reveal-tier-badge{background:#ffffff0f;color:var(--text-dim);border:1px solid var(--border)}.tier-okay .reveal-tier-badge{background:#ffffff14;color:var(--text-muted);border:1px solid var(--border)}.tier-good .reveal-tier-badge{background:#ffffff1a;color:var(--text);border:1px solid var(--border-strong)}.tier-great .reveal-tier-badge{background:#ffffff24;color:var(--text);border:1px solid rgba(255,255,255,.4);box-shadow:var(--glow-soft)}.tier-insane .reveal-tier-badge{background:#ffffff2e;color:var(--text);border:1px solid rgba(255,255,255,.5);box-shadow:var(--glow-strong)}.reveal-score-big{display:flex;align-items:baseline;gap:6px;font-weight:980;letter-spacing:-.03em}.reveal-score-num{font-size:clamp(44px,8vw,68px);line-height:.9;color:var(--text);font-variant-numeric:tabular-nums;text-shadow:var(--glow-text)}.reveal-score-max{font-size:clamp(16px,2.5vw,22px);color:var(--text-dim)}.reveal-bar-wrap{padding:2px 0}.reveal-bar{height:12px;border-radius:var(--radius-pill);background:#ffffff14;overflow:hidden;box-shadow:inset 0 0 10px #0000004d}.reveal-bar-fill{height:100%;border-radius:inherit;background:var(--accent);box-shadow:var(--glow-soft);transition:width .04s linear}.tier-bad .reveal-bar-fill{opacity:.35;box-shadow:none}.tier-okay .reveal-bar-fill{opacity:.55}.tier-good .reveal-bar-fill{opacity:.78}.tier-great .reveal-bar-fill{opacity:.92;box-shadow:var(--glow-soft)}.tier-insane .reveal-bar-fill{opacity:1;box-shadow:var(--glow-strong)}.reveal-details{display:grid;gap:3px}.reveal-row{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;border-radius:var(--radius-sm);background:#ffffff08}.reveal-row span{color:var(--text-dim);font-weight:800;font-size:12px}.reveal-row b{color:var(--text);font-weight:900;font-size:14px;font-variant-numeric:tabular-nums}.reveal-video-link{display:block;padding:8px 12px;border-radius:var(--radius);background:#ffffff08;border:1px solid var(--border);color:var(--text-muted);text-decoration:none;font-weight:800;font-size:12px;line-height:1.4;transition:border-color .14s}.reveal-video-link:hover{border-color:var(--border-strong)}.reveal-video-link small{color:var(--text-dim);font-weight:700;font-size:10px}.reveal-total{text-align:center;color:var(--text-dim);font-weight:800;font-size:13px}.reveal-total b{color:var(--text)}.reveal-modal-next{margin-top:2px}.reveal-modal-next.ready{box-shadow:var(--glow-strong)}.reveal-countdown{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 0;justify-content:center}.reveal-countdown-text{color:var(--text-dim);font-size:13px;font-weight:700;letter-spacing:.06em}.reveal-countdown-num{color:var(--text);font-size:22px;font-weight:900;font-variant-numeric:tabular-nums;min-width:28px;text-align:center}.account-modal{max-width:340px;padding:24px}.account-modal form{display:flex;flex-direction:column;gap:10px}.auth-input{background:#ffffff0f;border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:var(--radius);font-size:14px;font-weight:700;outline:none}.auth-input:focus{border-color:var(--accent)}.auth-switch{font-size:12px;color:var(--text-dim);text-align:center}.auth-switch .ghost{padding:0;font-size:12px}.auth-error{color:#f44;font-size:12px;text-align:center;margin:0}.account-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);min-width:180px;z-index:100;box-shadow:0 8px 24px #0006;overflow:hidden}.account-dropdown-item{display:block;width:100%;padding:10px 16px;background:transparent;border:0;color:var(--text);font-size:13px;font-weight:700;text-align:left;cursor:pointer;transition:background .12s}.account-dropdown-item:hover{background:#ffffff0f}.account-dropdown-item.danger{color:#f44}.sp-reveal-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(8px,1.5vw,16px)}.sp-reveal-stat{display:flex;flex-direction:column;align-items:center;gap:3px}.sp-reveal-stat-label{font-size:9px;font-weight:900;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase}.sp-reveal-stat-value{font-size:clamp(18px,3.5vw,26px);font-weight:980;color:var(--text);font-variant-numeric:tabular-nums}.sp-reveal-circle{display:flex;flex-direction:column;align-items:center;gap:4px}.sp-reveal-tier{font-size:9px;font-weight:950;color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase}.tier-insane .sp-reveal-tier{color:var(--text);text-shadow:var(--glow-soft)}.sp-reveal-meta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;color:var(--text-dim);font-size:11px;font-weight:800;padding:4px 0}.sp-reveal-meta b{color:var(--text)}.sp-reveal-total{color:var(--text-dim)}@media(max-width:500px){.sp-reveal-grid{grid-template-columns:1fr;gap:8px}.sp-reveal-stat{flex-direction:row;justify-content:space-between;width:100%}.sp-reveal-stat-value{font-size:clamp(16px,4vw,20px)}}.mp-reveal-content .eyebrow{color:var(--text-dim)}.mp-reveal-actual{padding:8px 12px;border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--border);color:var(--text-muted);font-weight:800;font-size:13px}.mp-reveal-actual b{color:var(--text)}.mp-reveal-guesses{display:grid;gap:6px}.mp-reveal-player{padding:8px 12px;border-radius:var(--radius);background:#ffffff08;border:1px solid var(--border);display:grid;gap:4px}.mp-reveal-player.round-winner{background:#ffffff0f;border-color:var(--border-strong)}.mp-reveal-player.is-me{background:#ffffff14;border-color:#ffffff38}.mp-rp-top{display:flex;align-items:center;gap:6px}.mp-rp-name{flex:1;font-weight:800;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.mp-rp-guess{color:var(--text-muted);font-weight:800;font-size:12px;font-variant-numeric:tabular-nums}.mp-rp-score{font-weight:950;font-size:14px;font-variant-numeric:tabular-nums;color:var(--text)}.mp-rp-score.high{text-shadow:var(--glow-soft)}.mp-rp-score.zero{color:var(--text-dim)}.mp-rp-bar{height:5px;border-radius:var(--radius-pill);background:#ffffff0f;overflow:hidden}.mp-rp-bar-fill{height:100%;border-radius:inherit;background:var(--accent);opacity:.7;transition:width .04s linear}.mp-rp-total{text-align:right;color:var(--text-dim);font-weight:800;font-size:11px}.settings-backdrop{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));animation:fadeIn .15s ease}.settings-modal{width:min(400px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;display:grid;gap:12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);padding:clamp(14px,2.5vw,24px);box-shadow:0 16px 48px #00000080,var(--glow-soft);animation:modalIn .25s cubic-bezier(.34,1.56,.64,1)}.settings-header{display:flex;justify-content:space-between;align-items:center}.settings-close{width:30px;height:30px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);font-size:14px;cursor:pointer;display:grid;place-items:center}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--text-muted);font-weight:800;font-size:13px}.settings-input{width:130px;padding:7px 10px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-weight:800;font-size:13px;outline:none}.settings-input:focus{border-color:var(--border-strong)}.settings-toggle{padding:7px 16px;border-radius:var(--radius-pill);background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);font-weight:800;cursor:pointer;font-size:12px}.settings-toggle:hover{background:#ffffff1a}.settings-note{padding:10px 12px;border-radius:var(--radius);background:#ffffff08;border:1px solid var(--border)}.settings-note h4{margin:0 0 4px;color:var(--text-muted);font-weight:900;font-size:12px}.settings-note p{color:var(--text-dim);font-size:11px;line-height:1.4;margin:3px 0}.settings-links{margin-top:4px}.settings-links a{color:var(--text-muted);text-decoration:none;font-weight:800}.settings-links a:hover{color:var(--text);text-decoration:underline}.settings-reset{width:100%;padding:10px;border-radius:var(--radius);font-size:12px}.settings-done{width:100%}.app-footer{display:flex;justify-content:center;gap:clamp(12px,2vw,20px);padding:8px 0 4px;flex-wrap:wrap}.app-footer a{color:var(--text-dim);text-decoration:none;font-weight:700;font-size:10px;letter-spacing:.06em;transition:color .14s}.app-footer a:hover{color:var(--text-muted)}.legal-page{min-height:100vh;min-height:100dvh;display:grid;place-items:start;padding:max(18px,env(safe-area-inset-top)) max(14px,3vw) max(36px,env(safe-area-inset-bottom));background:var(--bg)}.legal-content{width:min(700px,100%);margin:0 auto;padding:clamp(18px,3vw,40px);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-panel)}.legal-content h1{margin:0 0 16px;font-size:clamp(26px,4.5vw,42px);letter-spacing:-.03em}.legal-content h2{margin:20px 0 6px;font-size:clamp(15px,2vw,18px);color:var(--text-muted);font-weight:900}.legal-content p,.legal-content ul{color:var(--text-muted);line-height:1.6;font-size:13px}.legal-content ul{padding-left:18px}.legal-content li{margin:3px 0}.legal-content a{color:var(--text)}.legal-back{display:inline-block;margin-bottom:14px;color:var(--text-muted);text-decoration:none;font-weight:800;font-size:12px}.legal-back:hover{color:var(--text)}.legal-footer{margin-top:28px;padding-top:14px;border-top:1px solid var(--border);display:flex;gap:12px;flex-wrap:wrap}.legal-footer a{color:var(--text-dim);text-decoration:none;font-weight:700;font-size:11px}.legal-footer a:hover{color:var(--text-muted)}.mp-game{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:max(6px,env(safe-area-inset-top)) max(8px,1.5vw) max(8px,env(safe-area-inset-bottom));background:var(--bg);max-width:1400px;margin:0 auto}.mp-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:2px 0}.mp-header h1{font-size:clamp(18px,2.5vw,28px);margin:0;line-height:1}.mp-timer{padding:6px 16px;border-radius:var(--radius-pill);background:#ffffff14;border:1px solid var(--border);color:var(--text);font-weight:950;font-size:clamp(14px,2vw,18px);font-variant-numeric:tabular-nums;letter-spacing:.04em}.mp-timer.urgent{background:#ffffff29;border-color:var(--border-strong);animation:pulseUrgent .5s ease-in-out infinite alternate}.mp-timer-by{color:var(--text-dim);font-size:10px;font-weight:800}.mp-body{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:10px;min-height:0}.mp-video{min-height:0;display:grid}.mp-video .video-shell{aspect-ratio:16/9;max-height:100%}.mp-leaderboard-panel{min-height:0;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:#0a0a10c7;padding:10px}.lb-head{margin:0 0 6px;color:var(--text-dim);font-size:9px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.mp-leaderboard{display:grid;gap:4px}.mp-lb-row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--radius);background:#ffffff08;border:1px solid var(--border);transition:border-color .14s}.mp-lb-row.is-me{background:#ffffff0f;border-color:var(--border-strong)}.mp-lb-row.winner{background:#ffffff14;border-color:#ffffff4d;box-shadow:var(--glow-soft)}.mp-lb-row.round-winner{background:#ffffff0d;border-color:var(--border-strong)}.lb-rank{min-width:20px;font-weight:950;color:var(--text-dim);font-size:11px}.lb-name{flex:1;font-weight:800;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.lb-score{font-weight:950;font-size:13px;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.lb-status{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.lb-guess-status{font-size:8px;font-weight:800;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}.lb-guess-status.locked{color:var(--text)}.lb-score-reveal{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;width:100%}.lb-round-score{font-weight:950;color:var(--text);font-size:12px;font-variant-numeric:tabular-nums}.lb-total{font-weight:950;font-size:13px;color:var(--text);font-variant-numeric:tabular-nums}.lb-score-bar{height:5px;border-radius:var(--radius-pill);background:#ffffff14;overflow:hidden;min-width:36px}.lb-score-fill{height:100%;border-radius:inherit;background:var(--accent);opacity:.7;transition:width .04s linear}.mp-guess-area,.mp-reveal-area{padding-top:8px}.mp-guess-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius);background:#ffffff08;border:1px solid var(--border)}.gr-name{font-weight:800;font-size:12px;color:var(--text)}.gr-guess{text-align:right;color:var(--text-muted);font-weight:800;font-size:13px}.gr-score{font-weight:950;color:var(--text);font-size:13px}.mp-wait,.mp-final{padding:36px 18px;text-align:center}.mp-final h1{margin:0 0 16px}.game-options-section{margin-top:6px;width:100%}.game-options-toggle{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:7px 14px;color:var(--text-dim);font-weight:700;font-size:12px;cursor:pointer;text-align:left;width:100%;transition:border-color .14s}.game-options-toggle:hover{border-color:var(--border-strong);color:var(--text-muted)}.game-options-form{margin-top:6px;padding:10px 12px;border-radius:var(--radius);background:#ffffff08;border:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.opt-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:12px;font-weight:600}.opt-label input,.opt-label select{padding:5px 8px;border-radius:var(--radius-sm);background:#0006;border:1px solid var(--border);color:var(--text);font-weight:700;font-size:12px;width:100px;text-align:right;outline:none}.opt-label select{width:120px;text-align:left}.opt-label input:focus,.opt-label select:focus{border-color:var(--border-strong)}.solo-section{display:flex;flex-direction:column;align-items:center}.create-room-block{display:flex;flex-direction:column;align-items:stretch}.consent-options{width:100%;max-width:300px;margin:14px 0 2px}.room-settings-readonly{margin-top:8px;padding:7px 12px;border-radius:var(--radius);background:#ffffff08;border:1px solid var(--border);color:var(--text-dim);font-size:12px;font-weight:600;text-align:center}.lobby-panel{display:grid;gap:12px}.lobby-head-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.lobby-head-row h2{margin:0;color:var(--text)}.ready-toggle{padding:8px 16px;border-radius:var(--radius-pill);background:#ffffff14;border:1px solid var(--border);color:var(--text-muted);font-weight:950}.ready-toggle.ready{background:#ffffff24;border-color:var(--border-strong);color:var(--text)}.lobby-player-list{margin-top:0}.lobby-player-row{align-items:center}.lobby-player-row.is-me{border-color:var(--border-strong);background:#ffffff0d}.lobby-player-main{display:flex;align-items:center;gap:10px;min-width:0}.lobby-avatar{width:42px;height:42px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;color:var(--text-inverse);font-weight:950;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 20px #00000040}.avatar-0,.avatar-1,.avatar-2,.avatar-3,.avatar-4{background:#fff3}.lobby-player-meta{display:grid;gap:1px;min-width:0}.lobby-player-meta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.lobby-player-actions{display:flex;align-items:center;gap:6px}.lobby-status{padding:4px 8px;border-radius:var(--radius-pill);font-size:9px;font-weight:950;letter-spacing:.1em}.lobby-status.ready{color:var(--text);background:#ffffff1a;border:1px solid var(--border-strong)}.lobby-status.waiting{color:var(--text-dim);background:#ffffff0d;border:1px solid var(--border)}.lobby-status.offline{color:var(--text-dim);background:#ffffff08;border:1px solid var(--border)}.kick-btn{padding:6px 10px;border-radius:var(--radius-pill);color:var(--text-dim);background:#ffffff0f;border:1px solid var(--border);font-weight:900;font-size:10px}.kick-btn:hover{color:var(--text);background:#ffffff24}.app-shell{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden}.menu-screen.app-shell{align-items:stretch}.app-hud{position:fixed;top:clamp(12px,3vh,36px);left:0;right:0;z-index:20;pointer-events:none}.app-hud-inner{width:min(1080px,calc(100vw - 28px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-pill,.hud-actions{pointer-events:auto}.hud-actions{display:flex;align-items:center;gap:10px}.main-menu-content.menu-content{min-height:100vh;min-height:100dvh;width:min(1080px,calc(100vw - 28px));max-width:none;margin:0 auto;padding:clamp(90px,13vh,130px) 0 clamp(78px,11vh,118px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.2vh,26px)}.main-menu-content .menu-logo{margin:0;padding-top:0}.main-menu-content .logo-text{font-size:clamp(54px,8.5vw,124px)}.main-menu-content .solo-cta{max-width:720px}.main-menu-content .multi-section{width:100%;max-width:1080px}.menu-screen>.app-footer{position:fixed;left:0;right:0;bottom:clamp(10px,2.4vh,26px);z-index:10;padding:0;pointer-events:auto}@media(prefers-reduced-motion:reduce){.game-shell,.game,.mp-game,.reveal-modal-backdrop,.reveal-modal,.reveal-result-card,.score-bar-fill,.reveal-bar-fill,.circular-score svg,.mp-rp-bar-fill,.lb-score-fill{animation-duration:.01ms!important;transition-duration:.01ms!important}.guess-bar-sticky{transition-duration:.01ms!important}.logo-text:before,.logo-text:after{animation-duration:8s!important;opacity:.15!important}.menu-screen:before,.menu-screen:after{animation-duration:20s!important}scroll-behavior: auto !important}@media(max-width:820px){.game{gap:6px;padding:max(6px,env(safe-area-inset-top)) 6px max(6px,env(safe-area-inset-bottom))}.game-header{min-height:42px;align-items:center}.game-header h1{display:none}.header-actions{gap:5px}.score-chip,.ghost{padding:7px 9px;font-size:11px}.player-card,.guess-card{border-radius:var(--radius);padding:8px}.video-shell{min-height:120px;border-radius:var(--radius)}.title-mask{border-radius:var(--radius) var(--radius) 0 0}.controls{gap:5px;padding-top:6px;overflow:hidden}.controls button{padding:7px 9px;font-size:11px}.time{min-width:70px;font-size:10px}.controls input[aria-label=Volume]{display:none}.guess-panel{grid-template-columns:1fr}.guess-card input{padding:10px 12px;font-size:clamp(28px,9vw,44px)}.presets button,.helper-buttons button{flex:1 1 26%;padding:9px 7px}.submit{min-height:50px}.reveal-grid{font-size:13px}.best-worst{grid-template-columns:1fr}}@media(orientation:landscape)and (max-height:520px){.game{grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-template-rows:auto minmax(0,1fr)}.game-header{grid-column:1 / -1;min-height:32px}.game-video-area{grid-column:1;grid-row:2}.guess-card{grid-column:2;grid-row:2;align-self:stretch}.guess-panel{align-content:start;grid-template-columns:1fr;overflow:hidden}.video-shell{min-height:120px}.game-header h1{display:none}}@media(max-height:700px)and (orientation:portrait){.game-header{min-height:36px}.player-card,.guess-card{padding:6px}.controls{min-height:32px;padding-top:5px}.video-shell{min-height:100px}.guess-card input{font-size:28px;padding:8px 10px}.presets,.helper-buttons{gap:4px}.presets button,.helper-buttons button{padding:7px 6px;font-size:11px}.submit{min-height:44px}}@media(max-width:820px){.mp-body{grid-template-columns:1fr}.mp-leaderboard-panel{max-height:140px}.mp-header{gap:6px}}@media(orientation:landscape)and (max-height:520px){.mp-body{grid-template-columns:minmax(0,1fr) 190px}.mp-leaderboard-panel{max-height:none}}@media(max-width:720px){.menu-content{padding:max(8px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom));gap:10px}.multi-cards{grid-template-columns:1fr}.guest-pill{padding:4px 8px 4px 4px;gap:5px}.guest-avatar{width:26px;height:26px;font-size:10px}.guest-label{font-size:7px}.guest-name{font-size:12px;width:60px}.icon-btn{width:32px;height:32px;font-size:14px}.solo-cta{max-width:100%}.join-room-card{cursor:default}.app-hud{top:10px}.app-hud-inner{width:calc(100vw - 20px)}.profile-pill{max-width:50vw;min-width:0}.profile-pill .guest-label{display:none}.profile-pill .guest-name{width:auto;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-actions{gap:6px}.main-menu-content.menu-content{width:calc(100vw - 20px);justify-content:flex-start;padding-top:80px;padding-bottom:64px;gap:10px}.main-menu-content .logo-text{font-size:clamp(34px,12vw,58px)}.menu-screen>.app-footer{bottom:8px;gap:12px}.menu-screen>.app-footer a{font-size:9px}}@media(max-width:380px){.guest-label{display:none}.info-chips{gap:5px}.info-chip{min-width:64px;padding:6px 8px}.chip-value{font-size:13px}.chip-label{font-size:8px}}@media(min-width:900px){.menu-screen{align-items:stretch}.main-menu-content.menu-content{max-width:none;min-height:100vh;min-height:100dvh;padding:clamp(100px,14vh,140px) 0 clamp(84px,10vh,124px);justify-content:center;gap:clamp(18px,2.4vh,30px)}.main-menu-content .multi-cards{gap:clamp(14px,1.8vw,22px)}.main-menu-content .multi-card{min-height:clamp(160px,18vh,210px)}}@media(orientation:landscape)and (max-height:540px){.app-hud{top:6px}.main-menu-content.menu-content{padding-top:52px;padding-bottom:38px;gap:6px}.main-menu-content .logo-text{font-size:clamp(30px,8vh,48px)}.main-menu-content .solo-cta{padding:10px 24px}.main-menu-content .multi-card{min-height:96px;padding:10px}.info-chips,.consent-hint{display:none}.menu-screen>.app-footer{bottom:5px}}@media(max-width:520px){.lobby-player-row{align-items:stretch;flex-direction:column}.lobby-player-actions{justify-content:space-between}}.online-count{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--text);letter-spacing:.08em;padding:5px 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:#ffffff0a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.online-dot{display:block;width:7px;height:7px;border-radius:50%;background:#0f0;box-shadow:0 0 10px #00ff0080,0 0 2px #0f0c;flex-shrink:0;animation:onlinePulse 2s ease-in-out infinite}@keyframes onlinePulse{0%,to{box-shadow:0 0 10px #00ff0080,0 0 2px #0f0c}50%{box-shadow:0 0 16px #00ff00b3,0 0 4px #0f0}}@media(prefers-reduced-motion:reduce){.online-dot{animation:none}}.quickmatch-flow{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:#050508d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.quickmatch-panel{width:min(420px,100%);padding:clamp(18px,3vw,30px);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-panel);box-shadow:var(--glow-strong);display:grid;gap:clamp(8px,1.5vh,14px);text-align:center;animation:modalIn .25s cubic-bezier(.34,1.56,.64,1)}.quickmatch-panel h2{margin:0;font-size:clamp(18px,3vw,24px)}.quickmatch-stats{color:var(--text-dim);font-size:13px;font-weight:800}.quickmatch-meta{padding:8px 12px;border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--border);display:grid;gap:2px}.quickmatch-meta span{font-size:11px;font-weight:950;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.quickmatch-meta small{font-size:11px;color:var(--text-dim)}.quickmatch-actions{display:flex;gap:8px;justify-content:center}.quickmatch-actions .primary,.quickmatch-actions .ghost{margin-top:0}.quickmatch-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-pill);background:#ffffff0d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);margin:4px auto 0;width:fit-content;max-width:100%;font-size:12px;font-weight:800;animation:fadeIn .2s ease-out}.quickmatch-bar-status{color:var(--text-dim);letter-spacing:.06em;display:flex;align-items:center;gap:4px}.quickmatch-bar-dots:after{content:"";animation:dotPulse 1.2s steps(4,end) infinite}@keyframes dotPulse{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.quickmatch-bar-time{color:var(--text-muted);font-family:monospace;font-variant-numeric:tabular-nums;font-size:13px}.quickmatch-bar-cancel{background:none;border:0;color:var(--text-dim);font-size:11px;font-weight:800;letter-spacing:.06em;cursor:pointer;padding:2px 8px;border-radius:var(--radius-pill)}.quickmatch-bar-cancel:hover{color:var(--text);background:#ffffff14}.quickmatch-bar-error{color:#f44;font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.circular-score{position:relative;display:grid;place-items:center;flex-shrink:0}.circular-score svg{display:block}.circular-score-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.circular-score-value{font-size:clamp(28px,5vw,36px);font-weight:980;line-height:1;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.circular-score-value.tier-insane{text-shadow:0 0 20px rgba(255,255,255,.35)}.circular-score-value.tier-great{text-shadow:0 0 12px rgba(255,255,255,.2)}.circular-score-max{font-size:11px;font-weight:800;color:var(--text-dim);letter-spacing:.06em}.reveal-result-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-panel);padding:clamp(14px,2vw,24px);display:grid;gap:clamp(10px,1.5vh,16px);box-shadow:var(--glow-soft);animation:revealCardIn .35s cubic-bezier(.22,1,.36,1)}@keyframes revealCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal-result-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(10px,2vw,20px)}.reveal-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.reveal-stat-label{font-size:10px;font-weight:900;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase}.reveal-stat-value{font-size:clamp(22px,4vw,32px);font-weight:980;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.reveal-score-circle-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.reveal-tier-label{font-size:10px;font-weight:950;color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase}.tier-insane .reveal-tier-label{color:var(--text);text-shadow:var(--glow-soft)}.reveal-meta-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;color:var(--text-dim);font-size:12px;font-weight:800;padding:6px 0}.reveal-meta-row b{color:var(--text)}.reveal-meta-link{color:var(--text-muted);text-decoration:none;font-size:11px;line-height:1.3;text-align:center;max-width:320px}.reveal-meta-link small{display:block;color:var(--text-dim);font-size:9px;font-weight:700}.reveal-next-btn{width:100%;padding:14px;font-size:16px;letter-spacing:.08em;transition:opacity .3s,box-shadow .3s}.reveal-next-btn.ready{box-shadow:var(--glow-strong)}@media(max-width:580px){.reveal-result-grid{grid-template-columns:1fr;gap:8px}.reveal-stat{flex-direction:row;justify-content:space-between;gap:8px;width:100%}.reveal-stat-value{font-size:clamp(18px,5vw,24px)}}.guess-bar{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);padding:clamp(8px,1.2vh,14px);display:grid;gap:8px;box-shadow:var(--glow-soft)}.guess-bar-label{color:var(--text-dim);font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.guess-bar-row{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:clamp(6px,1vw,10px)}.guess-bar-input{width:100%;min-width:0;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:clamp(24px,4.5vw,38px);font-weight:950;letter-spacing:-.03em;outline:none;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.guess-bar-input:focus{border-color:var(--border-strong);box-shadow:var(--glow-soft)}.guess-bar-presets{display:flex;flex-wrap:wrap;gap:4px}.guess-bar-presets button{padding:7px 10px;border-radius:var(--radius-pill);background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);font-weight:850;font-size:12px;white-space:nowrap;transition:border-color .14s}.guess-bar-presets button:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.guess-bar-lock{min-height:52px;padding:12px 22px;font-size:16px;font-weight:980;letter-spacing:.1em;white-space:nowrap}@media(max-width:640px){.guess-bar-row{grid-template-columns:1fr}.guess-bar-lock{min-height:48px}}.guess-bar-sticky{position:sticky;bottom:max(6px,env(safe-area-inset-bottom));z-index:10}.guess-bar-sticky .guess-bar{box-shadow:0 -4px 24px #0006,var(--glow-soft)}.game-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(6px,1vh,10px);padding:max(8px,env(safe-area-inset-top)) clamp(8px,1.5vw,14px) max(8px,env(safe-area-inset-bottom));max-width:1400px;margin:0 auto;background:var(--bg)}.game-shell-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(6px,1vh,10px);min-height:0}.game-shell-leaderboard{min-height:0;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:#0a0a10c7;padding:10px}.game-shell-sp{grid-template-columns:minmax(0,1fr)}.game-shell-sp .game-shell-leaderboard{display:none}@media(max-width:820px){.game-shell{grid-template-columns:1fr;grid-template-rows:auto}.game-shell-leaderboard{max-height:140px;order:10}}@media(orientation:landscape)and (max-height:520px){.game-shell{grid-template-columns:minmax(0,1fr) 190px}.game-shell-leaderboard{max-height:none}}