:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#050505;color:#f5f5f5}
*{box-sizing:border-box}body{margin:0;background:#050505;color:#f5f5f5}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #171717;background:#070707;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;height:44px}.brand img{display:block;width:160px;height:auto;max-height:44px;object-fit:contain}.product-label{font-size:11px;font-weight:800;letter-spacing:.22em;color:#a7a7a7}.shell{width:min(1180px,calc(100% - 28px));margin:20px auto 50px}.player-card{position:relative;aspect-ratio:16/9;background:#0b0b0b;border:1px solid #1b1b1b;border-radius:10px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.35)}#video{display:block;width:100%;height:100%;background:#000;object-fit:contain}.player-overlay{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;pointer-events:none}.status-badge,.viewer-count,.live-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #2b2b2b;background:rgba(10,10,10,.86);border-radius:5px;padding:6px 9px;font-size:10px;font-weight:900;letter-spacing:.08em}.status-badge.live{border-color:#e31b23;color:#fff;background:#e31b23}.pregame-screen,.waiting-screen,.error-screen{position:absolute;inset:0;z-index:5;background:radial-gradient(circle at 50% 20%,#1b1b1b 0,#0a0a0a 45%,#030303 100%);display:flex;align-items:center;justify-content:center;text-align:center}.pregame-inner{width:min(850px,92%);padding:32px 20px}.pregame-logo{width:min(340px,70%);max-height:110px;object-fit:contain;margin:16px auto 10px}.sport-label{font-size:11px;font-weight:900;letter-spacing:.22em;color:#bcbcbc;text-transform:uppercase}.pregame-inner h1{margin:10px 0 18px;font-size:clamp(22px,3vw,38px);line-height:1.08}.countdown-label{font-size:11px;font-weight:900;letter-spacing:.2em;color:#a9a9a9}.countdown{margin:5px 0 6px;font-variant-numeric:tabular-nums;font-size:clamp(42px,7vw,84px);font-weight:900;line-height:1;letter-spacing:.03em}.start-time,.venue,.autostart{color:#aaa;font-size:13px}waiting-screen,.error-screen{flex-direction:column;gap:12px;font-weight:800;font-size:20px}.waiting-screen small,.error-screen small{font-size:12px;color:#929292;font-weight:500}.waiting-logo,.error-screen .waiting-logo{width:min(300px,55%);max-height:95px;object-fit:contain}.event-strip{display:flex;align-items:center;padding:16px 4px 18px;border-bottom:1px solid #1b1b1b}event-copy h2{margin:0 0 4px;font-size:20px}.event-copy div{font-size:12px;color:#999}.tabs{display:flex;gap:4px;border-bottom:1px solid #1b1b1b;margin-top:2px}.tab{appearance:none;border:0;background:transparent;color:#888;padding:15px 18px;font-weight:800;font-size:12px;cursor:pointer}.tab:hover,.tab.active{color:#fff}.tab.active{border-bottom:2px solid #e31b23}.tab-panel{display:none;padding:20px 4px}.tab-panel.active{display:block}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.info-grid div{background:#0c0c0c;border:1px solid #191919;border-radius:8px;padding:14px}.info-grid span{display:block;color:#777;font-size:9px;font-weight:900;letter-spacing:.15em;margin-bottom:5px}.info-grid strong{font-size:13px}.empty-panel{border:1px dashed #292929;border-radius:8px;padding:30px;text-align:center;color:#777;font-size:13px}@media(max-width:760px){.topbar{padding:0 16px}.shell{width:calc(100% - 16px);margin-top:10px}.brand img{width:130px}.event-strip{align-items:flex-start;flex-direction:column;gap:10px}.event-copy{text-align:left;width:100%}.info-grid{grid-template-columns:repeat(2,1fr)}pregame-inner{padding:22px 8px}.pregame-logo{width:min(260px,65%)}.countdown{font-size:clamp(38px,13vw,64px)}.tab{padding:13px 10px;font-size:11px}}