:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08060f;color:#f6f0ff}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0%,#41246d 0,transparent 28rem),radial-gradient(circle at 80% 20%,#0d5d76 0,transparent 26rem),#08060f;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;border:0;transition:transform .12s ease,filter .12s ease,background .12s ease}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px) scale(.99)}.screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}.hero{background:linear-gradient(135deg,#ffffff08,#fff0)}.panel{width:min(720px,100%);padding:clamp(24px,5vw,54px);border:1px solid rgba(255,255,255,.15);background:#0a0812c7;border-radius:30px;box-shadow:0 24px 80px #0000006b;backdrop-filter:blur(18px)}.panel.wide{width:min(980px,100%)}.intro h1,.game-header h1,.summary h1{margin:0 0 8px;font-size:clamp(32px,6vw,70px);line-height:.92;letter-spacing:-.08em}p{color:#d8cdec;line-height:1.6}.eyebrow{color:#8ff4ff;letter-spacing:.18em;font-weight:900;font-size:11px;text-transform:uppercase;margin:0 0 8px}.primary{margin-top:8px;padding:15px 22px;color:#081018;background:linear-gradient(135deg,#7df9ff,#ff65d8);border-radius:999px;font-weight:950;box-shadow:0 10px 35px #ff65d840}.primary:disabled,button:disabled{opacity:.45;cursor:not-allowed;transform:none}.ghost{padding:10px 14px;border-radius:999px;color:#f6f0ff;background:#ffffff1a;font-weight:850}.game{width:min(1180px,100%);height:100vh;height:100dvh;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) clamp(10px,2.2vw,22px) max(10px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,1.4vh,14px);overflow:hidden}.game-header{min-height:54px;display:flex;align-items:end;justify-content:space-between;gap:12px}.game-header h1{font-size:clamp(24px,4vw,46px)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.score-chip{padding:10px 14px;border-radius:999px;background:#ffffff1a;color:#bfefff;font-weight:900;white-space:nowrap}.game-video-area{min-height:0;display:grid;gap:8px;align-content:stretch}.player-card,.guess-card{border:1px solid rgba(255,255,255,.14);background:#06060ec7;border-radius:24px;padding:clamp(10px,1.5vh,16px);box-shadow:0 18px 80px #00000059}.player-card{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.video-shell{position:relative;width:100%;height:100%;min-height:160px;max-height:100%;aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:#000;justify-self:center}.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:linear-gradient(135deg,#111,#1f1630);color:#8ff4ff;font-weight:900;pointer-events:none;z-index:2}.title-mask{position:absolute;top:0;left:0;right:0;height:clamp(52px,14%,84px);display:flex;align-items:center;justify-content:center;background:#000000f0;backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);color:#f6f0ff;font-weight:800;font-size:13px;letter-spacing:.04em;pointer-events:none;z-index:2;border-radius:20px 20px 0 0}.controls{min-height:42px;display:flex;align-items:center;gap:9px;flex-wrap:nowrap;padding-top:10px}.controls button,.presets button,.helper-buttons button{padding:9px 12px;border-radius:999px;background:#ffffff1a;color:#f6f0ff;font-weight:850;white-space:nowrap}.time{min-width:92px;color:#d8cdec;font-variant-numeric:tabular-nums;font-size:13px}.timeline{flex:1 1 auto;min-width:70px}.controls input[aria-label=Volume]{width:95px}.replace-note{padding:10px 14px;border-radius:16px;background:#ff65d829;border:1px solid rgba(255,101,216,.35);color:#ffd7f4;font-weight:800}.guess-card{display:grid;gap:clamp(8px,1.2vh,12px)}.guess-panel{grid-template-columns:minmax(180px,1.1fr) minmax(220px,1.4fr) auto;align-items:end}.guess-title{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;color:#8ff4ff;font-weight:950}.guess-title span{color:#b9adc8;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.guess-card input{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;font-size:clamp(28px,5vw,54px);font-weight:950;letter-spacing:-.05em;outline:none;font-variant-numeric:tabular-nums}.guess-card input:focus{border-color:#8ff4ff;box-shadow:0 0 0 3px #8ff4ff24}.presets,.helper-buttons{display:flex;flex-wrap:wrap;gap:7px}.submit{width:100%;min-width:150px;min-height:58px;font-size:18px}.reveal-panel{align-content:start}.reveal h2{margin:0;font-size:clamp(36px,7vw,78px);letter-spacing:-.06em}.reveal-grid{display:grid;grid-template-columns:1fr auto;gap:7px 18px;padding:14px;border-radius:18px;background:#ffffff12}.reveal-grid span{color:#b9adc8}.video-meta{color:#f6f0ff;text-decoration:none;padding:8px 0;line-height:1.35;font-weight:800}.video-meta small{color:#8ff4ff;font-weight:700}.score-reveal{display:grid;gap:10px;padding:14px;border-radius:20px;background:#ffffff12;border:1px solid rgba(255,255,255,.12)}.score-reveal-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:950}.score-bar{height:22px;overflow:hidden;border-radius:999px;background:#ffffff1f;box-shadow:inset 0 0 20px #00000040}.score-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4d6d,#ffd166,#7df9ff);box-shadow:0 0 22px #7df9ff6b;transition:width .08s linear}.tier-bad .score-bar-fill{background:linear-gradient(90deg,#6b7280,#9ca3af);box-shadow:none}.tier-okay .score-bar-fill{background:linear-gradient(90deg,#f97316,#facc15)}.tier-good .score-bar-fill{background:linear-gradient(90deg,#84cc16,#22c55e)}.tier-great .score-bar-fill{background:linear-gradient(90deg,#22d3ee,#a78bfa)}.tier-insane{animation:glowPulse 1.2s ease-in-out infinite alternate}.tier-insane .score-bar-fill{background:linear-gradient(90deg,#7df9ff,#ff65d8,#fff176)}.summary{align-items:start;padding:18px}.end-panel{margin:auto 0}.rating-badge{display:inline-flex;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#7df9ff33,#ff65d838);color:#8ff4ff;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.best-worst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.best-worst>div{padding:14px;border-radius:18px;background:#ffffff12}.best-worst span{display:block;color:#b9adc8;margin-bottom:6px}.results{display:grid;gap:10px;margin:20px 0}.result-row{display:grid;grid-template-columns:auto auto;gap:3px 18px;padding:14px;border-radius:16px;color:inherit;text-decoration:none;background:#ffffff12}.result-row small,.result-row em{grid-column:1 / -1;color:#cfc3df}.result-row em{font-style:normal;color:#8ff4ff}.big-cta{width:100%;min-height:62px;font-size:20px}.menu-panel{display:grid;gap:16px}.guest-chip,.coming-soon,.share-link{padding:12px 14px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#d8cdec;font-weight:800}.field-label{display:grid;gap:8px;color:#8ff4ff;font-weight:950}.field-label input{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;outline:none;font-weight:900}.menu-actions,.menu-grid{display:grid;gap:12px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.join-box{display:grid;gap:10px;grid-column:1 / -1;padding:14px;border-radius:20px;background:#ffffff0f}.player-list{display:grid;gap:10px;margin:12px 0 18px}.player-row{display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:16px;background:#ffffff12}.player-row span{color:#8ff4ff;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:radial-gradient(circle at 50% 18%,rgba(125,249,255,.06) 0,transparent 55%),radial-gradient(circle at 80% 40%,rgba(255,101,216,.05) 0,transparent 50%),#0b0818;position:relative;overflow-x:hidden}.menu-screen:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(125,249,255,.012) 2px,rgba(125,249,255,.012) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(125,249,255,.008) 2px,rgba(125,249,255,.008) 4px)}.menu-screen>*{position:relative;z-index:1}.menu-content{width:100%;max-width:860px;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.5vh,24px);padding:max(12px,env(safe-area-inset-top)) max(16px,4vw) max(20px,env(safe-area-inset-bottom))}.menu-topbar{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 4px}.guest-pill{display:flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.guest-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7df9ff,#ff65d8);display:grid;place-items:center;font-weight:950;font-size:14px;color:#081018;flex-shrink:0}.guest-label{color:#8ff4ff;font-weight:900;font-size:10px;letter-spacing:.12em;line-height:1}.guest-name{background:transparent;border:0;color:#f6f0ff;font-weight:900;font-size:14px;width:80px;outline:none;padding:2px 0;border-bottom:1px dashed rgba(255,255,255,.18)}.guest-name:focus{border-bottom-color:#8ff4ff}.topbar-actions{display:flex;gap:6px}.icon-btn{width:40px;height:40px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#f6f0ff;font-size:18px;display:grid;place-items:center;transition:background .15s}.icon-btn:hover:not(:disabled){background:#ffffff29}.menu-logo{text-align:center;margin:clamp(0px,1vh,12px) 0}.logo-text{font-size:clamp(42px,8vw,80px);font-weight:980;letter-spacing:.04em;line-height:.92;margin:0;background:linear-gradient(135deg,#7df9ff 10%,#fff 45%,#ff65d8 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 18px rgba(125,249,255,.25))}.logo-sub{color:#8a7f9e;font-weight:800;letter-spacing:.06em;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,2.2vh,24px) clamp(20px,4vw,40px);border-radius:999px;background:linear-gradient(135deg,#7df9ff38,#7df9ff14);border:2px solid rgba(125,249,255,.45);box-shadow:0 0 40px #7df9ff24,0 8px 32px #0000004d;transition:transform .15s,border-color .15s,box-shadow .15s;cursor:pointer}.solo-cta:hover:not(:disabled){border-color:#7df9ffbf;box-shadow:0 0 60px #7df9ff3d,0 8px 36px #00000059;transform:translateY(-2px)}.solo-cta:active:not(:disabled){transform:scale(.985)}.solo-icon{font-size:clamp(32px,6vw,48px);line-height:1}.solo-label{color:#7df9ff;font-weight:980;font-size:clamp(22px,4vw,36px);letter-spacing:.12em}.multi-section{width:100%}.section-head{color:#8a7f9e;font-size:11px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;padding-left:4px}.multi-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.5vw,14px)}.multi-card{display:flex;flex-direction:column;gap:6px;padding:clamp(12px,2vw,20px);border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;text-align:left;color:inherit;transition:transform .15s,border-color .15s,box-shadow .15s;cursor:pointer}.multi-card:hover:not(:disabled){transform:translateY(-2px)}.card-pink{border-color:#ff65d84d}.card-pink:hover:not(:disabled){border-color:#ff65d899;box-shadow:0 0 24px #ff65d81a}.card-amber{border-color:#ffbf004d}.card-amber:hover:not(:disabled){border-color:#ffbf0099;box-shadow:0 0 24px #ffbf001a}.card-lime{border-color:#bfff004d}.card-lime:hover:not(:disabled){border-color:#bfff0099;box-shadow:0 0 24px #bfff001a}.join-room-card{cursor:default}.join-room-card:hover:not(:disabled){transform:none}.card-icon{font-size:20px;line-height:1}.card-title{font-weight:950;font-size:clamp(13px,1.8vw,16px);letter-spacing:.06em}.card-desc{color:#8a7f9e;font-size:clamp(11px,1.3vw,13px);line-height:1.35}.join-room-row{display:flex;gap:6px;margin-top:6px}.join-input{flex:1;min-width:0;padding:10px 12px;border-radius:14px;border:1px solid rgba(191,255,0,.3);background:#ffffff0f;color:#fff;font-weight:900;font-size:13px;letter-spacing:.08em;outline:none}.join-input:focus{border-color:#bfff00b3}.join-input::placeholder{color:#bfff0040}.join-btn{padding:10px 14px;border-radius:14px;background:#bfff002e;border:1px solid rgba(191,255,0,.35);color:#bfff00;font-weight:950;font-size:16px;transition:background .15s}.join-btn:hover:not(:disabled){background:#bfff0047}.join-btn:disabled{opacity:.3}.info-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.5vw,12px)}.info-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:clamp(8px,1.2vh,12px) clamp(12px,2vw,18px);border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);min-width:90px}.chip-value{color:#8ff4ff;font-weight:950;font-size:clamp(15px,2.2vw,20px);letter-spacing:.04em;font-variant-numeric:tabular-nums}.chip-label{color:#6b6380;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.consent-hint{color:#4a4358;font-size:11px;text-align:center;max-width:540px;line-height:1.4;margin:4px 0 0}@keyframes glowPulse{0%{box-shadow:0 0 #ff65d81a}to{box-shadow:0 0 35px #ff65d861}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:820px){.game{gap:8px;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.game-header{min-height:46px;align-items:center}.game-header h1{display:none}.header-actions{gap:6px}.score-chip,.ghost{padding:8px 10px;font-size:12px}.player-card,.guess-card{border-radius:18px;padding:9px}.video-shell{min-height:135px;border-radius:16px}.title-mask{border-radius:16px 16px 0 0}.controls{gap:6px;padding-top:8px;overflow:hidden}.controls button{padding:8px 10px;font-size:12px}.time{min-width:76px;font-size:11px}.controls input[aria-label=Volume]{display:none}.guess-panel{grid-template-columns:1fr}.guess-card input{padding:12px 14px;font-size:clamp(30px,10vw,48px)}.presets button,.helper-buttons button{flex:1 1 27%;padding:10px 8px}.submit{min-height:54px}.reveal-grid{font-size:14px}.best-worst{grid-template-columns:1fr}}@media(orientation:landscape)and (max-height:520px){.game{grid-template-columns:minmax(0,1fr) minmax(300px,380px);grid-template-rows:auto minmax(0,1fr)}.game-header{grid-column:1 / -1;min-height:36px}.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:145px}.game-header h1{display:none}}@media(max-height:700px)and (orientation:portrait){.game-header{min-height:40px}.player-card,.guess-card{padding:8px}.controls{min-height:36px;padding-top:6px}.video-shell{min-height:120px}.guess-card input{font-size:30px;padding:10px 12px}.presets,.helper-buttons{gap:5px}.presets button,.helper-buttons button{padding:8px 7px;font-size:12px}.submit{min-height:48px}}.game-hud{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;gap:12px;border-radius:16px;background:#0a0814a6;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hud-left{display:flex;align-items:baseline;gap:14px}.hud-round{color:#8ff4ff;font-weight:900;font-size:clamp(11px,1.5vw,13px);letter-spacing:.08em;white-space:nowrap}.hud-prompt{color:#f6f0ff;font-weight:800;font-size:clamp(13px,1.8vw,16px);letter-spacing:.02em}.hud-right{display:flex;align-items:center;gap:10px}.hud-sound{width:34px;height:34px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:15px;display:grid;place-items:center;color:#f6f0ff;cursor:pointer;transition:background .15s}.hud-sound:hover{background:#ffffff24}.hud-score{padding:6px 14px;border-radius:999px;background:#7df9ff1a;border:1px solid rgba(125,249,255,.2);color:#8ff4ff;font-weight:900;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.mp-timer-inline{padding:5px 12px;border-radius:999px;background:#ff65d826;border:1px solid rgba(255,101,216,.35);color:#ff80db;font-weight:950;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.mp-timer-inline.urgent{background:#ff3c3c33;border-color:#ff3c3c80;color:#f66;animation:pulseUrgent .5s ease-in-out infinite alternate}.mp-timer-by-inline{color:#6b6380;font-size:10px;font-weight:800}.lb-score-reveal-simple{display:flex;align-items:center;gap:8px}.reveal-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);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));animation:fadeIn .2s ease}.reveal-modal{width:min(540px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;background:#0a0818f2;border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:clamp(16px,3vw,32px);box-shadow:0 20px 80px #0000008c,0 0 0 1px #ffffff0f;animation:modalIn .3s cubic-bezier(.34,1.56,.64,1);display:grid;gap:clamp(10px,1.8vh,18px);position:relative;z-index:1001}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.reveal-tier-badge{display:inline-flex;padding:6px 18px;border-radius:999px;font-weight:950;font-size:13px;letter-spacing:.08em;text-transform:uppercase;justify-self:start}.tier-bad .reveal-tier-badge{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.tier-okay .reveal-tier-badge{background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.tier-good .reveal-tier-badge{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.tier-great .reveal-tier-badge{background:#7df9ff26;color:#7df9ff;border:1px solid rgba(125,249,255,.3)}.tier-insane .reveal-tier-badge{background:linear-gradient(135deg,#7df9ff33,#ff65d838);color:#fff176;border:1px solid rgba(255,101,216,.4)}.reveal-score-big{display:flex;align-items:baseline;gap:6px;font-weight:980;letter-spacing:-.03em}.reveal-score-num{font-size:clamp(44px,8vw,70px);line-height:.9;color:#f6f0ff;font-variant-numeric:tabular-nums}.reveal-score-max{font-size:clamp(18px,3vw,24px);color:#6b6380}.reveal-bar-wrap{padding:4px 0}.reveal-bar{height:14px;border-radius:999px;background:#ffffff1a;overflow:hidden}.reveal-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4d6d,#ffd166,#7df9ff);box-shadow:0 0 16px #7df9ff59;transition:width .05s linear}.tier-bad .reveal-bar-fill{background:linear-gradient(90deg,#6b7280,#9ca3af);box-shadow:none}.tier-okay .reveal-bar-fill{background:linear-gradient(90deg,#f97316,#facc15)}.tier-good .reveal-bar-fill{background:linear-gradient(90deg,#84cc16,#22c55e)}.tier-great .reveal-bar-fill{background:linear-gradient(90deg,#22d3ee,#a78bfa)}.tier-insane .reveal-bar-fill{background:linear-gradient(90deg,#7df9ff,#ff65d8,#fff176);box-shadow:0 0 28px #ff65d873}.reveal-details{display:grid;gap:4px}.reveal-row{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-radius:10px;background:#ffffff0a}.reveal-row span{color:#8a7f9e;font-weight:800;font-size:13px}.reveal-row b{color:#f6f0ff;font-weight:900;font-size:15px;font-variant-numeric:tabular-nums}.reveal-video-link{display:block;padding:10px 14px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#f6f0ff;text-decoration:none;font-weight:800;font-size:13px;line-height:1.35;transition:background .15s}.reveal-video-link:hover{background:#ffffff1a}.reveal-video-link small{color:#8ff4ff;font-weight:700;font-size:11px}.reveal-total{text-align:center;color:#8a7f9e;font-weight:800;font-size:14px}.reveal-total b{color:#8ff4ff}.reveal-modal-next{margin-top:4px}.mp-reveal-actual{padding:8px 14px;border-radius:12px;background:#7df9ff0f;border:1px solid rgba(125,249,255,.12);color:#b9adc8;font-weight:800;font-size:14px}.mp-reveal-actual b{color:#8ff4ff}.mp-reveal-guesses{display:grid;gap:8px}.mp-reveal-player{padding:10px 14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);display:grid;gap:6px}.mp-reveal-player.round-winner{background:#ffd7000f;border-color:#ffd7002e}.mp-reveal-player.is-me{background:#7df9ff0f;border-color:#7df9ff26}.mp-rp-top{display:flex;align-items:center;gap:8px}.mp-rp-name{flex:1;font-weight:800;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-rp-guess{color:#b9adc8;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}.mp-rp-score{font-weight:950;font-size:15px;font-variant-numeric:tabular-nums;color:#bfff00}.mp-rp-score.high{color:#fff176;text-shadow:0 0 8px rgba(255,241,118,.3)}.mp-rp-score.zero{color:#6b6380}.mp-rp-bar{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.mp-rp-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7df9ff,#bfff00);transition:width .04s linear}.mp-rp-total{text-align:right;color:#8a7f9e;font-weight:800;font-size:12px}.settings-backdrop{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);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));animation:fadeIn .15s ease}.settings-modal{width:min(420px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;display:grid;gap:14px;background:#0a0818f5;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:clamp(16px,3vw,28px);box-shadow:0 20px 60px #00000080;animation:modalIn .25s cubic-bezier(.34,1.56,.64,1)}.settings-header{display:flex;justify-content:space-between;align-items:center}.settings-close{width:32px;height:32px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#f6f0ff;font-size:14px;cursor:pointer;display:grid;place-items:center}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#d8cdec;font-weight:800;font-size:14px}.settings-input{width:140px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#f6f0ff;font-weight:800;font-size:14px;outline:none}.settings-input:focus{border-color:#8ff4ff}.settings-toggle{padding:8px 18px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#f6f0ff;font-weight:800;cursor:pointer;font-size:13px}.settings-note{padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.settings-note h4{margin:0 0 6px;color:#8ff4ff;font-weight:900;font-size:13px}.settings-note p{color:#8a7f9e;font-size:12px;line-height:1.45;margin:4px 0}.settings-links{margin-top:6px}.settings-links a{color:#8ff4ff;text-decoration:none;font-weight:800}.settings-links a:hover{text-decoration:underline}.settings-reset{width:100%;padding:12px;border-radius:14px;font-size:13px}.settings-done{width:100%}.hud-back{padding:4px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#8a7f9e;font-weight:800;font-size:11px;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s}.hud-back:hover{color:#f6f0ff;background:#ffffff1f}.app-footer{display:flex;justify-content:center;gap:clamp(12px,2vw,20px);padding:8px 0 4px;flex-wrap:wrap}.app-footer a{color:#4a4358;text-decoration:none;font-weight:700;font-size:11px;letter-spacing:.04em;transition:color .15s}.app-footer a:hover{color:#8a7f9e}.legal-page{min-height:100vh;min-height:100dvh;display:grid;place-items:start;padding:max(20px,env(safe-area-inset-top)) max(16px,4vw) max(40px,env(safe-area-inset-bottom));background:#08060f}.legal-content{width:min(720px,100%);margin:0 auto;padding:clamp(20px,4vw,48px);border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#0a0814b3;backdrop-filter:blur(12px)}.legal-content h1{margin:0 0 20px;font-size:clamp(28px,5vw,48px);letter-spacing:-.03em}.legal-content h2{margin:24px 0 8px;font-size:clamp(16px,2.5vw,20px);color:#8ff4ff;font-weight:900}.legal-content p,.legal-content ul{color:#b9adc8;line-height:1.6;font-size:14px}.legal-content ul{padding-left:20px}.legal-content li{margin:4px 0}.legal-content a{color:#8ff4ff}.legal-back{display:inline-block;margin-bottom:16px;color:#8ff4ff;text-decoration:none;font-weight:800;font-size:13px}.legal-back:hover{text-decoration:underline}.legal-footer{margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:14px;flex-wrap:wrap}.legal-footer a{color:#6b6380;text-decoration:none;font-weight:700;font-size:12px}.legal-footer a:hover{color:#8ff4ff}.mp-game{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:max(8px,env(safe-area-inset-top)) max(10px,2vw) max(10px,env(safe-area-inset-bottom));background:#08060f;max-width:1400px;margin:0 auto}.mp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:4px 0}.mp-header h1{font-size:clamp(20px,3vw,32px);margin:0;line-height:1}.mp-timer{padding:8px 18px;border-radius:999px;background:#ff65d826;border:1px solid rgba(255,101,216,.4);color:#ff80db;font-weight:950;font-size:clamp(14px,2vw,20px);font-variant-numeric:tabular-nums;letter-spacing:.04em}.mp-timer.urgent{background:#ff3c3c33;border-color:#ff3c3c99;color:#f66;animation:pulseUrgent .5s ease-in-out infinite alternate}@keyframes pulseUrgent{0%{box-shadow:0 0 #ff3c3c1a}to{box-shadow:0 0 20px #ff3c3c4d}}.mp-timer-by{color:#6b6380;font-size:11px;font-weight:800}.mp-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;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 rgba(255,255,255,.1);border-radius:18px;background:#0a0814b3;padding:12px}.lb-head{margin:0 0 8px;color:#8a7f9e;font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.mp-leaderboard{display:grid;gap:6px}.mp-lb-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:background .2s}.mp-lb-row.is-me{background:#7df9ff14;border-color:#7df9ff33}.mp-lb-row.winner{background:#ffd70014;border-color:#ffd70040}.mp-lb-row.round-winner{background:#ffd7000f;border-color:#ffd7002e}.lb-rank{min-width:22px;font-weight:950;color:#b9adc8;font-size:12px}.lb-name{flex:1;font-weight:800;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-weight:950;font-size:14px;color:#8ff4ff;font-variant-numeric:tabular-nums;white-space:nowrap}.lb-status{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.lb-guess-status{font-size:9px;font-weight:800;color:#6b6380;letter-spacing:.06em;text-transform:uppercase}.lb-guess-status.locked{color:#ff65d8}.lb-score-reveal{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;width:100%}.lb-round-score{font-weight:950;color:#bfff00;font-size:13px;font-variant-numeric:tabular-nums}.lb-total{font-weight:950;font-size:14px;color:#8ff4ff;font-variant-numeric:tabular-nums}.lb-score-bar{height:6px;border-radius:999px;background:#ffffff1a;overflow:hidden;min-width:40px}.lb-score-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7df9ff,#bfff00);transition:width .05s linear}.mp-guess-area,.mp-reveal-area{padding-top:10px}.mp-reveal-guesses{display:grid;gap:8px;margin:12px 0}.mp-guess-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#ffffff0d}.gr-name{font-weight:800;font-size:13px}.gr-guess{text-align:right;color:#b9adc8;font-weight:800;font-size:14px}.gr-score{font-weight:950;color:#bfff00;font-size:14px}.mp-wait,.mp-final{padding:40px 20px;text-align:center}.mp-final h1{margin:0 0 20px}@media(max-width:820px){.mp-body{grid-template-columns:1fr}.mp-leaderboard-panel{max-height:160px}.mp-header{gap:8px}}@media(orientation:landscape)and (max-height:520px){.mp-body{grid-template-columns:minmax(0,1fr) 200px}.mp-leaderboard-panel{max-height:none}}@media(max-width:720px){.menu-content{padding:max(10px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom));gap:12px}.multi-cards{grid-template-columns:1fr}.guest-pill{padding:5px 10px 5px 5px;gap:6px}.guest-avatar{width:26px;height:26px;font-size:11px}.guest-label{font-size:8px}.guest-name{font-size:12px;width:60px}.icon-btn{width:34px;height:34px;font-size:15px}.solo-cta{max-width:100%}.join-room-card{cursor:default}}@media(max-width:380px){.guest-label{display:none}.info-chips{gap:6px}.info-chip{min-width:70px;padding:8px 10px}.chip-value{font-size:14px}.chip-label{font-size:9px}}.game-options-section{margin-top:8px;width:100%}.game-options-toggle{background:none;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 16px;color:#8a7f9e;font-weight:700;font-size:13px;cursor:pointer;text-align:left;width:100%;transition:border-color .15s}.game-options-toggle:hover{border-color:#ffffff3d;color:#c4b5e0}.game-options-form{margin-top:8px;padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px}.opt-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#b0a3cc;font-size:13px;font-weight:600}.opt-label input,.opt-label select{padding:6px 10px;border-radius:10px;background:#00000073;border:1px solid rgba(255,255,255,.12);color:#f6f0ff;font-weight:700;font-size:13px;width:110px;text-align:right;outline:none}.opt-label select{width:130px;text-align:left}.opt-label input:focus,.opt-label select:focus{border-color:#8ff4ff}.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:320px;margin:16px 0 4px}.room-settings-readonly{margin-top:10px;padding:8px 14px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#8a7f9e;font-size:13px;font-weight:600;text-align:center}
