.player{--gold:#e8b44a;color:#f3e6d3;-webkit-user-select:none;user-select:none;background:#000;border-radius:12px;font:13px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden;box-shadow:0 10px 40px #0008}.player .frame{aspect-ratio:16/9;background:#0d0b0a;width:100%;margin:0 auto;position:relative;overflow:hidden;container:frame/size}.player #screen{position:absolute;inset:0}.player #screen canvas{display:block;width:100%!important;height:100%!important}.player:fullscreen{background:#000;border-radius:0;place-items:center;width:100vw;height:100vh;display:grid}.player:fullscreen .frame{width:min(100vw,177.778vh)}.player:-webkit-full-screen{background:#000;border-radius:0;place-items:center;width:100vw;height:100vh;display:grid}.player:-webkit-full-screen .frame{width:min(100vw,177.778vh)}.frame .vbar{z-index:12;opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000a6);align-items:center;gap:6px;padding:28px 10px 8px;transition:opacity .25s;display:flex;position:absolute;bottom:12cqh;left:0;right:0}.player.show .vbar,.frame .vbar:focus-within{opacity:1;pointer-events:auto}.frame .vbar .live{letter-spacing:.08em;color:#fff;align-items:center;gap:6px;margin-right:auto;font:700 12px system-ui,sans-serif;display:inline-flex}.frame .vbar .live i{background:#ff3b30;border-radius:50%;width:8px;height:8px;animation:1.2s infinite pulse}.frame .vbar button{color:#f3e6d3;cursor:pointer;background:#0a080899;border:1px solid #ffffff2a;border-radius:7px;min-height:32px;padding:6px 9px;font:600 12px system-ui,sans-serif}.frame .vbar button:hover{background:#281e19e6}.frame .vbar button.on{border-color:var(--gold);color:var(--gold)}.frame .vbar button:focus-visible,.frame .unmute:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.frame .vbar #bFull{padding:5px 10px;font-size:16px;line-height:1}.frame .unmute{z-index:13;color:#1b1208;background:var(--gold);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:.5em .9em;font:700 clamp(10px,1.1cqw,14px) system-ui,sans-serif;display:inline-flex;position:absolute;top:calc(1.4cqh + clamp(26px,4.4cqw,62px));left:1.4cqw;box-shadow:0 4px 14px #0008}.frame .unmute[hidden]{display:none}@container frame (max-width:520px){.frame .vbar #bVoice,.frame .vbar #bBlood{display:none}.frame .vbar{padding:18px 6px 4px}}.frame .hide{display:none!important}.frame #stream{pointer-events:none;font-family:var(--font-oswald),Oswald,system-ui,sans-serif;position:absolute;inset:0}.frame #topbar{align-items:center;gap:2cqw;display:flex;position:absolute;top:1.2cqh;left:50%;transform:translate(-50%)}.frame #badge{color:#ff3b30;letter-spacing:.04em;background:#120d0d;border:2px solid #c81f1f;border-radius:.5em;align-items:center;gap:.5em;padding:.15em .8em;font-size:clamp(9px,2.2cqw,30px);font-weight:700;display:flex;box-shadow:0 2px 10px #000a}.frame #badge i{background:#fff;border-radius:50%;width:.7em;height:.7em;animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.25}}.frame #clock{font-family:var(--font-orbitron),Orbitron,monospace;color:#fff;text-shadow:0 0 3px #000,0 2px 8px #000;font-size:clamp(10px,2.6cqw,36px);font-weight:900}.frame #brand{opacity:.85;letter-spacing:.06em;color:#fff;text-shadow:0 2px 8px #000;font-size:clamp(9px,1.6cqw,24px);font-weight:700;position:absolute;top:1.4cqh;left:1.4cqw}.frame #brand span{color:var(--gold);letter-spacing:.2em;font-size:.55em;display:block}.frame #trend{background:#0a0808b8;border:1px solid #fff2;border-radius:.6em;min-width:12cqw;padding:.5em .7em;position:absolute;top:1.4cqh;right:1.4cqw}.frame #trend .tt{color:#ddd;letter-spacing:.15em;margin-bottom:.3em;font-size:clamp(6px,.9cqw,14px)}.frame #beads{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.frame #beads b{aspect-ratio:1;color:#fff;border-radius:50%;place-items:center;width:clamp(6px,1.1cqw,18px);font-size:clamp(6px,.6cqw,10px);display:grid}.frame #beads .M{background:#d42222}.frame #beads .W{background:#2148d8}.frame #beads .D{background:#d9a21e}.frame #tally{color:#ccc;gap:.8em;margin-top:.35em;font-size:clamp(6px,.9cqw,14px);display:flex}.frame #phase{letter-spacing:.08em;color:#fff;text-shadow:0 3px 14px #000,0 0 2px #000;white-space:nowrap;font-size:clamp(11px,3cqw,44px);font-weight:700;position:absolute;top:13cqh;left:50%;transform:translate(-50%)}.frame #ticker{text-align:center;color:#fff;text-shadow:0 2px 6px #000,0 0 2px #000;font-size:clamp(8px,1.6cqw,24px);transition:opacity .3s;position:absolute;bottom:calc(12cqh + clamp(19px,6cqw,80px));left:0;right:0}.frame #bottom{align-items:stretch;height:12cqh;display:flex;position:absolute;bottom:0;left:0;right:0}.frame .side{color:#fff;text-shadow:0 2px 4px #0008;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.frame .side .lab{letter-spacing:.26em;opacity:.92;align-items:center;gap:.6em;font-size:clamp(6px,.9cqw,14px);display:flex;position:absolute;top:.4cqh}.frame .side .lab em{letter-spacing:.12em;color:#ffe28a;background:#00000061;border:1px solid #ffffff38;border-radius:3px;padding:.08em .45em;font-size:.82em;font-style:normal}.frame .side.meron .lab{left:1.2cqw}.frame .side.wala .lab{right:1.2cqw}.frame .side .nm{letter-spacing:.03em;text-transform:uppercase;font-size:clamp(10px,2.5cqw,40px);font-weight:700;line-height:1.1}.frame .side .ow{opacity:.95;text-align:center;font-size:clamp(7px,1.7cqw,28px);font-style:italic}.frame .side .ow small{letter-spacing:.08em;opacity:.85;font-size:.5em;font-style:normal;display:block}.frame .side .meta{font-size:clamp(6px,1.2cqw,18px);font-weight:700;position:absolute;top:.3cqh}.frame .side.meron .meta{right:1cqw}.frame .side.wala .meta{left:1cqw}.frame .side .hb{background:#0006;border-radius:2px;height:.55cqh;position:absolute;bottom:.6cqh;left:12%;right:12%;overflow:hidden}.frame .side .hb i{background:linear-gradient(90deg,#7dff8a,#e9ff6a);width:100%;height:100%;transition:width .2s;display:block}.frame .mid{width:15cqw;min-width:70px;position:relative}.frame .plate{color:#111;background:linear-gradient(160deg,#f4f4f4,#a9adb3 45%,#e6e8ea 60%,#8d9298);border:2px solid #555;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.frame .plate:before,.frame .plate:after{content:"";background:radial-gradient(#eee,#666);border-radius:50%;width:.6cqw;height:.6cqw;position:absolute;top:8%;left:6%}.frame .plate:after{left:auto;right:6%}.frame .plate small{letter-spacing:.04em;font-size:clamp(6px,1.2cqw,19px);font-weight:700}.frame .plate b{font-size:clamp(11px,3.3cqw,52px);font-weight:700;line-height:1}.frame .plate span{letter-spacing:.08em;color:#222;text-transform:uppercase;margin-top:.15em;font-size:clamp(6px,.85cqw,13px);font-weight:700}.frame #timer{font-family:var(--font-orbitron),Orbitron,monospace;letter-spacing:.06em;background:#050505;border:2px solid #333;padding:.05em .3em;font-size:clamp(11px,3.6cqw,56px);font-weight:900;line-height:1.1;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.frame #timer.bet{color:#36ff6a;text-shadow:0 0 10px #36ff6a88}.frame #timer.fight{color:#ff2a2a;text-shadow:0 0 10px #ff2a2a88}.frame #timer.idle{color:#666}.frame #split{background:linear-gradient(#fff0,#fff8,#fff0);width:3px;position:absolute;top:0;bottom:12cqh;left:50%}.frame #banner{letter-spacing:.06em;text-shadow:0 4px 30px #000,0 0 3px #000;opacity:0;white-space:nowrap;text-align:center;font-size:clamp(20px,7cqw,110px);font-weight:700;line-height:1;transition:opacity .4s,transform .4s;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.9)}.frame #banner.on{opacity:1;transform:translate(-50%,-50%)scale(1)}.frame #banner small{letter-spacing:.12em;color:#fff;margin-top:.4em;font-size:.3em;display:block}.frame #fade{opacity:1;background:#000;transition:opacity .8s;position:absolute;inset:0}.frame #ad{object-fit:contain;opacity:0;visibility:hidden;pointer-events:none;background:#000;width:100%;height:100%;transition:opacity .5s,visibility 0s .5s;position:absolute;inset:0}.frame #ad.on{opacity:1;visibility:visible;transition:opacity .35s}.frame #stream.ad #brand,.frame #stream.ad #topbar,.frame #stream.ad #phase,.frame #stream.ad #ticker,.frame #stream.ad #trend{visibility:hidden}.frame #commit{color:#e8dcc8;white-space:nowrap;opacity:0;background:#0000008c;border:1px solid #fff2;border-radius:6px;padding:.25em .7em;font:600 clamp(6px,.85cqw,13px) ui-monospace,Consolas,monospace;transition:opacity .4s;position:absolute;top:calc(13cqh + clamp(16px,3.6cqw,52px));left:50%;transform:translate(-50%)}.frame #commit.on{opacity:1}.frame #commit b{color:var(--gold);font-weight:700}.frame #halt{z-index:20;text-align:center;font-family:var(--font-oswald),Oswald,system-ui,sans-serif;background:#0a0000e6;place-items:center;display:grid;position:absolute;inset:0}.frame #halt h1{color:#ff3b30;letter-spacing:.08em;margin:0;font-size:clamp(16px,4cqw,56px)}.frame #halt p{color:#eee;max-width:640px;margin:1em auto;font:clamp(11px,1.6cqw,16px) system-ui,sans-serif}.frame #replayBar{z-index:12;color:#f3e6d3;background:#0a0808d1;border:1px solid #fff2;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font:600 12px system-ui,sans-serif;display:flex;position:absolute;top:calc(13cqh + clamp(32px,6cqw,90px));left:50%;transform:translate(-50%)}.frame #replayBar b{color:var(--gold);letter-spacing:.12em;margin-right:4px}.frame #replayBar button.on{background:var(--gold);color:#1b1208}.frame #replayBar input{accent-color:#e8b44a;width:min(28cqw,260px)}.frame #replayBar a{color:#e9dcc9;margin-left:6px}.frame #status{z-index:14;color:#f3e6d3;text-align:center;background:#0a0808d9;border:1px solid #fff2;border-radius:10px;padding:12px 18px;font:600 15px system-ui,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame #badge.replay{border-color:var(--gold);color:var(--gold)}.frame #badge.off{color:#999;border-color:#666}.frame #badge.off i{background:#777;animation:none}@container frame (max-width:700px){.frame #trend{display:none}.frame #replayBar{flex-wrap:wrap;justify-content:center;width:calc(100% - 32px);top:auto;bottom:calc(12cqh + 46px)}.frame #replayBar input{width:100%}.frame .side .ow small,.frame .side .meta{display:none}}.frame #trend,.frame #ticker,.frame #commit,.frame .side .hb,.frame .plate span,.frame #banner small{display:none!important}.frame #brand{letter-spacing:.12em;opacity:.7;text-shadow:0 1px 3px #000;font-size:clamp(8px,1.3cqw,18px)}.frame #badge{box-shadow:none;color:#fff;background:#c81f1f;border-width:1px;border-color:#c81f1f;border-radius:.3em;padding:.1em .55em;font-size:clamp(8px,1.4cqw,18px)}.frame #badge i{background:#fff}.frame #clock{font-family:system-ui,sans-serif;font-size:clamp(9px,1.6cqw,22px);font-weight:700}.frame #topbar{gap:1cqw;top:1.6cqh;left:auto;right:1.6cqw;transform:none}.frame #phase{text-shadow:none;background:#0000008c;border-radius:.2em;padding:.15em .7em;font-size:clamp(10px,2.2cqw,30px);top:auto;bottom:13cqh}.frame #phase:empty{display:none}.frame #bottom{height:10cqh}.frame .side{text-shadow:none}.frame .side.meron{background:linear-gradient(#b5121b,#7d0a10)}.frame .side.wala{background:linear-gradient(#1440b8,#0b2470)}.frame .side .nm{letter-spacing:.02em;font-size:clamp(10px,2.1cqw,32px)}.frame .side .ow{opacity:.85;font-size:clamp(7px,1.25cqw,18px);font-style:normal}.frame .side .meta{opacity:.9;font-size:clamp(7px,1.1cqw,16px);font-weight:600}.frame .side .lab{font-size:clamp(6px,.85cqw,12px)}.frame .mid{width:11cqw}.frame .plate{color:#fff;background:#111;border:0}.frame .plate:before,.frame .plate:after{display:none}.frame .plate b{font-size:clamp(11px,2.6cqw,40px)}.frame .plate small{letter-spacing:.12em;opacity:.8;font-size:clamp(5px,.8cqw,12px)}.frame #timer{background:#000;border:0;padding:.05em .4em;font-family:system-ui,sans-serif;font-size:clamp(10px,2.2cqw,32px);font-weight:800}.frame #banner{text-shadow:0 2px 12px #000;font-size:clamp(18px,5cqw,80px)}.frame .vbar{z-index:15;background:linear-gradient(#0000,#000000d1 55%);padding:34px 12px 10px;bottom:0}.frame #copyline{letter-spacing:.04em;color:#fff;opacity:.72;text-shadow:0 1px 3px #000;pointer-events:none;white-space:nowrap;font:600 clamp(6px,.95cqw,13px) system-ui,sans-serif;position:absolute;bottom:11.2cqh;right:1.6cqw}.frame #brand{text-transform:none;letter-spacing:.04em}.frame #clock{display:none}.frame #rights{text-align:center;color:#f3e6d3;opacity:0;pointer-events:none;z-index:6;background:#080606c7;border:1px solid #ffffff2e;border-radius:.5em;gap:.35em;width:min(78cqw,920px);padding:.8em 1.2em;font:500 clamp(8px,1.25cqw,16px)/1.4 system-ui,sans-serif;transition:opacity .6s;display:grid;position:absolute;top:22cqh;left:50%;transform:translate(-50%)}.frame #rights b{color:#fff;letter-spacing:.02em;font-weight:700}.frame #rights.on{opacity:1}.player.pseudo-fs{z-index:1000;background:#000;border-radius:0;place-items:center;width:100vw;height:100dvh;display:grid;position:fixed;inset:0}.player.pseudo-fs .frame{width:min(100vw,177.778dvh)}html.pseudo-fs-on,html.pseudo-fs-on body{overflow:hidden}@media (pointer:coarse){.frame .vbar button{min-width:44px;min-height:40px}}