.host{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:3vh 3.2vw;z-index:1}.host-corner{position:fixed;top:2.2vh;z-index:50;display:flex;gap:.8vw}.host-corner.right{right:2vw}.host-btn{background:var(--card);border:1px solid var(--line);border-radius:999px;width:5.4vh;height:5.4vh;font-size:2.6vh;color:var(--muted);cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .15s}.host-btn:hover{background:#ffffff1a;color:var(--ink)}.host-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4vh;padding-right:13vh}.host-brand{font-size:4.2vh;font-weight:800;letter-spacing:-.01em}.host-pill{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.85vh 1.8vh;font-weight:600;font-size:2vh;color:var(--muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.host-counter{font-size:2.6vh;font-weight:700;font-variant-numeric:tabular-nums}.host-lobby-grid{display:grid;grid-template-columns:32vw 1fr;gap:3vw;flex:1;min-height:0}.host-join-card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:3.5vh 2vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4vh;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 24px 70px #00000059}.host-qr{width:min(26vw,40vh);border-radius:18px;background:#fff;padding:12px}.host-join-url{font-size:3vh;font-weight:800;letter-spacing:.01em}.host-players h2{font-size:3.2vh;font-weight:800;margin:0 0 1.6vh}.host-chips{display:flex;flex-wrap:wrap;gap:1.1vh;align-content:flex-start;overflow:auto}.host-chip{background:var(--card);border:1px solid var(--line-strong);padding:1vh 1.6vh;border-radius:14px;font-size:2.3vh;font-weight:700;display:flex;align-items:center;gap:.9vh;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:chip-in .35s cubic-bezier(.2,1.2,.4,1)}.host-chip .em{font-size:3vh}@keyframes chip-in{0%{transform:scale(.6) translateY(8px);opacity:0}to{transform:none;opacity:1}}.host-controls{display:flex;gap:1vw;align-items:center;margin-top:2.2vh;flex-wrap:wrap}.host-sel{background:#0000004d;color:var(--ink);border:1px solid var(--line-strong);border-radius:12px;padding:1.1vh 1.6vh;font:inherit;font-size:2vh;font-weight:600}.host-start{padding:1.2vh 3.4vh;font-size:2.4vh;border-radius:14px}.host-hint{margin-top:1.4vh;font-size:1.8vh;color:var(--muted)}.host-hint b{color:var(--ink);font-weight:700}.host-hint a{color:#c084fc}.host-timer{position:relative;height:1vh;background:#ffffff14;border-radius:999px;overflow:hidden;margin:.8vh 0 2.2vh}.host-timer>i{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;border-radius:999px;background:linear-gradient(90deg,#34d399,#fbbf24 55%,#fb7185)}.host-qmid{flex:1;display:flex;gap:2.5vw;min-height:0;align-items:center}.host-qtext{flex:1;font-weight:800;line-height:1.22;letter-spacing:-.01em;text-wrap:balance}.host-qmedia{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.host-qmedia img,.host-qmedia video{max-width:100%;max-height:52vh;border-radius:16px;box-shadow:0 24px 70px #0000008c;border:1px solid var(--line-strong)}.host-opts{display:grid;gap:1.2vw;margin-top:1.8vh}.host-opts.n2{grid-template-columns:1fr 1fr}.host-opts.n3{grid-template-columns:1fr 1fr 1fr}.host-opts.n4{grid-template-columns:1fr 1fr}.host-opt{display:flex;align-items:center;gap:1vw;padding:1.6vh 1.6vw;border-radius:16px;font-size:2.8vh;font-weight:700;color:#fff;min-height:8.5vh;line-height:1.2;transition:transform .18s ease,opacity .18s ease,filter .18s ease}.host-opt .glyph{width:4.2vh;height:4.2vh;flex:0 0 auto;display:grid;place-items:center;font-size:2.2vh;background:#00000040;border-radius:10px}.host-opt.c0{background:var(--opt-0);box-shadow:0 10px 32px var(--opt-0-glow)}.host-opt.c1{background:var(--opt-1);box-shadow:0 10px 32px var(--opt-1-glow)}.host-opt.c2{background:var(--opt-2);box-shadow:0 10px 32px var(--opt-2-glow)}.host-opt.c3{background:var(--opt-3);box-shadow:0 10px 32px var(--opt-3-glow)}.host-opt.dim{opacity:.22;filter:saturate(.4);box-shadow:none}.host-opt.win{outline:.45vh solid rgba(255,255,255,.9);transform:scale(1.015)}.host-opt .cnt{margin-left:auto;font-size:2.3vh;opacity:.9;font-variant-numeric:tabular-nums}.host-reveal{display:grid;grid-template-columns:1fr 24vw;gap:2vw;flex:1;min-height:0}.host-reveal-left{display:flex;flex-direction:column;min-height:0}.host-commentary{font-size:2.6vh;font-weight:700;margin:.4vh 0 1.2vh;min-height:3.4vh}.host-verdict-row{display:flex;gap:1vw;margin-bottom:1.4vh;flex-wrap:wrap}.host-verdict-chip{display:flex;align-items:center;gap:.8vw;padding:1.1vh 1.6vh;border-radius:12px;font-size:2.2vh;font-weight:700;color:#fff}.host-verdict-chip .cnt{opacity:.85;font-size:1.9vh;margin-left:.4vw}.host-verdict-chip.correct.c0{background:var(--opt-0)}.host-verdict-chip.correct.c1{background:var(--opt-1)}.host-verdict-chip.correct.c2{background:var(--opt-2)}.host-verdict-chip.correct.c3{background:var(--opt-3)}.host-verdict-chip.wrong{background:#ffffff0f;border:1px solid var(--line);color:var(--muted)}.host-explain-scroll{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:2.6vh 2vw;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.host-explain-scroll::-webkit-scrollbar{width:8px}.host-explain-scroll::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:99px}.host-explain-q{font-size:2.4vh;font-weight:700;color:var(--muted);margin-bottom:1.6vh}.host-explain-text{font-size:3.1vh;line-height:1.5;font-weight:500}.host-explain-text b{color:var(--good);font-weight:800}.host-explain-video{margin-top:2.2vh;display:flex;justify-content:center}.host-explain-video video{width:100%;max-height:46vh;border-radius:14px;border:1px solid var(--line-strong);box-shadow:0 18px 50px #00000073;background:#000}.host-rev-hint{margin-top:1.2vh;font-size:1.8vh;color:var(--muted)}.host-rev-hint b{color:var(--ink)}.host-lb{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.8vh 1.2vw;display:flex;flex-direction:column;min-height:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.host-lb h2{font-size:2.4vh;font-weight:800;margin:0 0 1.2vh}.host-lb-rows{overflow:auto}.host-lb-row{display:flex;align-items:center;gap:.7vw;padding:1.1vh .6vw;border-radius:10px;font-size:2.2vh;font-weight:600}.host-lb-row:first-child{background:linear-gradient(90deg,rgba(251,191,36,.16),transparent)}.host-lb-row .rk{width:2.4vh;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.host-lb-row .em{font-size:2.7vh}.host-lb-row .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-lb-row .gain{color:var(--good);font-size:1.9vh;font-weight:700}.host-lb-row .sc{font-variant-numeric:tabular-nums}.host-countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;align-items:center;justify-content:center;pointer-events:none}.host-countdown .n{font-size:30vh;font-weight:800;line-height:1;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 40px rgba(140,90,240,.4));animation:cd .65s cubic-bezier(.2,1.4,.4,1)}@keyframes cd{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:.96}}.host-video{position:fixed;top:0;right:0;bottom:0;left:0;background:#050710f5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2vh;z-index:60}.host-video video{max-width:88vw;max-height:80vh;border-radius:16px;box-shadow:0 40px 100px #000000b3}.host-video .cap{font-size:2vh;color:var(--muted)}.video-loading{width:72vw;height:62vh;border-radius:16px;box-shadow:0 40px 100px #000000b3;background-color:#10131c;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:center}.video-loading-box{width:100%;padding:3vh 4vw;border-radius:0 0 16px 16px;background:linear-gradient(transparent,#050710e6 40%);display:flex;flex-direction:column;gap:1.2vh}.video-loading-label{font-size:2.6vh;font-weight:700}.video-loading-bar{height:1.4vh;border-radius:99px;background:#ffffff29;overflow:hidden}.video-loading-fill{height:100%;border-radius:99px;background:var(--accent, #7aa2ff);transition:width .15s}.host-end{align-items:center;justify-content:center;text-align:center}.host-end h1{font-size:6.4vh;font-weight:800;margin:0;letter-spacing:-.01em}.host-podium{display:flex;align-items:flex-end;gap:2vw;margin:4vh 0 2.5vh}.host-pod{display:flex;flex-direction:column;align-items:center;gap:1vh}.host-pod .em{font-size:5.4vh}.host-pod .who{font-size:2.8vh;font-weight:800}.host-pod .bar{width:16vw;border-radius:16px 16px 6px 6px;display:flex;flex-direction:column;align-items:center;padding-top:1.6vh;font-size:4vh;font-weight:800;gap:.4vh;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.host-pod .award{font-size:1.9vh;font-weight:700}.host-pod .pts{font-size:2vh;color:#ffffffd9;font-variant-numeric:tabular-nums}.host-pod.p1 .bar{height:33vh;background:linear-gradient(180deg,#fbbf24eb,#b4800cd9);box-shadow:0 18px 60px #fbbf244d}.host-pod.p2 .bar{height:25vh;background:linear-gradient(180deg,#e2e8fad9,#828ca5cc)}.host-pod.p3 .bar{height:19vh;background:linear-gradient(180deg,#f9965ae0,#aa5f2dd1)}.host-rest{display:flex;flex-direction:column;gap:.6vh;font-size:2.2vh;color:var(--muted)}