.host{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:3vh 3.5vw;z-index:1}.host-emoji-rain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.host-emoji-rain span{position:absolute;opacity:.18;filter:blur(.3px);animation:drift linear infinite}@keyframes drift{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-120vh) rotate(360deg)}}.host-corner{position:fixed;top:2vh;z-index:50;display:flex;gap:1vw}.host-corner.right{right:2vw}.host-btn{background:var(--card);border:1px solid var(--line);border-radius:999px;width:6vh;height:6vh;font-size:3vh;color:#fff;cursor:pointer;display:grid;place-items:center}.host-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5vh}.host-brand{font-size:5vh;font-weight:900;letter-spacing:.5px}.host-pill{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.5em 1.1em;font-weight:800}.host-counter{font-size:3.2vh;font-weight:900}.host-lobby-grid{display:grid;grid-template-columns:34vw 1fr;gap:3vw;flex:1;min-height:0}.host-join-card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:3vh 2vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2vh;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:float 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-1vh)}}.host-qr{width:min(30vw,44vh);border-radius:20px;background:#fff;padding:14px;box-shadow:0 0 0 6px #ffffff40}.host-join-url{font-size:3.4vh;font-weight:900}.host-players h2{font-size:3.8vh;margin:0 0 1.5vh}.host-chips{display:flex;flex-wrap:wrap;gap:1.2vh;align-content:flex-start;overflow:auto}.host-chip{background:linear-gradient(135deg,#ffffff38,#ffffff14);border:1px solid var(--line);padding:.6em 1em;border-radius:16px;font-size:2.6vh;font-weight:800;display:flex;align-items:center;gap:.5em;animation:pop .4s cubic-bezier(.2,1.4,.4,1)}.host-chip .em{font-size:3.4vh}@keyframes pop{0%{transform:scale(.4) rotate(-12deg);opacity:0}to{transform:scale(1);opacity:1}}.host-controls{display:flex;gap:1.2vw;align-items:center;margin-top:2vh;flex-wrap:wrap}.host-sel{background:#00000040;color:#fff;border:1px solid var(--line);border-radius:12px;padding:.6em 1em;font:inherit;font-size:2.3vh;font-weight:800}.host-start{padding:.7em 1.8em;font-size:2.9vh;border-radius:16px}.host-hint{margin-top:1.2vh;font-size:2.1vh}.host-timer{position:relative;height:1.8vh;background:#00000040;border-radius:999px;overflow:hidden;margin:1vh 0 2vh}.host-timer>i{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;background:linear-gradient(90deg,#22d37a,#ffe23b,#ff8a3b,#ff3b6b);border-radius:999px}.host-qmid{flex:1;display:flex;gap:2.5vw;min-height:0}.host-qtext{flex:1;display:flex;align-items:center;font-weight:900;line-height:1.14;text-shadow:0 3px 18px rgba(0,0,0,.35)}.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:18px;box-shadow:0 20px 60px #00000080;border:4px solid rgba(255,255,255,.5)}.host-opts{display:grid;gap:1.4vw;margin-top:1.5vh}.host-opts.n2{grid-template-columns:1fr 1fr}.host-opts.n3{grid-template-columns:1fr 1fr 1fr}.host-opt{display:flex;align-items:center;gap:1vw;padding:1.4vh 1.5vw;border-radius:18px;font-size:3.2vh;font-weight:900;color:#fff;min-height:9vh;box-shadow:0 10px 30px #0000004d;transition:transform .15s}.host-opt .glyph{width:4.6vh;height:4.6vh;flex:0 0 auto;display:grid;place-items:center;font-size:2.7vh;background:#0003;border-radius:12px}.host-opt.c0{background:var(--opt-0)}.host-opt.c1{background:var(--opt-1)}.host-opt.c2{background:var(--opt-2)}.host-opt.c3{background:var(--opt-3)}.host-opt.dim{opacity:.26;filter:grayscale(.5)}.host-opt.win{outline:6px solid #fff;transform:scale(1.03)}.host-opt .cnt{margin-left:auto;font-size:2.6vh;opacity:.95}.host-reveal{display:grid;grid-template-columns:1fr 30vw;gap:2.2vw;flex:1;min-height:0}.host-reveal-left{display:flex;flex-direction:column;min-height:0}.host-commentary{font-size:3.2vh;font-weight:900;margin:1vh 0;min-height:4vh}.host-expert{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.4vh 1.3vw;margin-top:1vh;font-size:2.4vh;line-height:1.32}.host-expert b{color:#c6ffdd}.host-lb{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.4vh 1.1vw;display:flex;flex-direction:column;min-height:0}.host-lb h2{font-size:2.8vh;margin:0 0 1vh}.host-lb-rows{overflow:auto}.host-lb-row{display:flex;align-items:center;gap:.7vw;padding:1vh .5vw;border-radius:12px;font-size:2.5vh;font-weight:800}.host-lb-row:first-child{background:linear-gradient(90deg,rgba(255,215,0,.28),transparent)}.host-lb-row .rk{width:2.2vh;text-align:center;color:var(--muted)}.host-lb-row .em{font-size:3vh}.host-lb-row .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-lb-row .gain{color:#c6ffdd;font-size:2vh}.host-rev-hint{margin-top:1vh;font-size:2vh}.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:34vh;font-weight:900;line-height:1;background:linear-gradient(135deg,#ff3b6b,#ffe23b,#22d37a,#2fd0ff,#a24bff);-webkit-background-clip:text;background-clip:text;color:transparent;animation:cd .7s cubic-bezier(.2,1.5,.4,1)}@keyframes cd{0%{transform:scale(.2) rotate(-20deg);opacity:0}40%{transform:scale(1.15) rotate(4deg);opacity:1}to{transform:scale(1);opacity:.95}}.host-video{position:fixed;top:0;right:0;bottom:0;left:0;background:#040610f0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2vh;z-index:60}.host-video video{max-width:86vw;max-height:78vh;border-radius:18px;box-shadow:0 30px 80px #0009}.host-video .cap{font-size:2.4vh;color:var(--muted)}.host-end{align-items:center;justify-content:center;text-align:center}.host-end h1{font-size:7vh;font-weight:900;margin:0}.host-podium{display:flex;align-items:flex-end;gap:2vw;margin:3vh 0}.host-pod{display:flex;flex-direction:column;align-items:center;gap:1vh}.host-pod .em{font-size:6vh}.host-pod .who{font-size:3vh;font-weight:900}.host-pod .bar{width:17vw;border-radius:18px 18px 0 0;display:flex;flex-direction:column;align-items:center;padding-top:1.3vh;font-size:4.5vh;font-weight:900}.host-pod .award{font-size:2vh;font-weight:800}.host-pod .pts{font-size:2.2vh;opacity:.9}.host-pod.p1 .bar{height:34vh;background:linear-gradient(180deg,#ffd54a,#c9a017)}.host-pod.p2 .bar{height:26vh;background:linear-gradient(180deg,#e6ecff,#9aa6c6)}.host-pod.p3 .bar{height:20vh;background:linear-gradient(180deg,#ffb27a,#c47740)}.host-rest{display:flex;flex-direction:column;gap:.5vh;font-size:2.3vh}
