:root{--bg:#0b0b0c;--ink:#f3f1ec;--muted:#8f8b84;--line:#26262a;--frame:#141416;--accent:#e5484d;--gutter:clamp(16px, 3vw, 40px);color-scheme:dark}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;overflow:hidden}.stage{height:100dvh;width:min(100%, max(1320px, calc((100dvh - 220px) * 1.6 + 2 * var(--gutter))));padding:max(var(--gutter), env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(var(--gutter), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));flex-direction:column;justify-content:center;gap:clamp(12px,2vh,20px);margin:0 auto;display:flex;container:stage/inline-size}.meta{flex:none;gap:6px;display:grid}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.dot{background:var(--accent);border-radius:50%;width:7px;height:7px}h1{letter-spacing:-.01em;font-size:clamp(20px,2.4vw,28px);font-weight:600}.byline{color:var(--muted);font-size:14px}.player{all:unset;cursor:pointer;border:1px solid var(--line);background:var(--frame);-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}@media (orientation:landscape){.player{max-height:calc(62.5cqw + 44px)}}.player:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.frame{background:radial-gradient(90% 70% at 85%,#e5484d1a,#0000 60%),#111112;flex:auto;min-height:0;position:relative;container:frame/size}.badges{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font-size:clamp(10px,1.9cqmin,13px);font-weight:600;display:flex;position:absolute;top:clamp(14px,4cqmin,32px);left:clamp(16px,5cqmin,56px)}.premiere{background:var(--accent);color:#fff;border-radius:4px;align-items:center;gap:7px;padding:.45em .8em;display:inline-flex}.live-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite blink}.watching{color:#cfcac1;font-variant-numeric:tabular-nums}@keyframes blink{50%{opacity:.25}}.card{gap:clamp(8px,1.8cqmin,18px);max-width:72cqw;display:grid;position:absolute;bottom:clamp(16px,6cqmin,64px);left:clamp(16px,5cqmin,56px);right:clamp(16px,5cqmin,56px)}.card-eyebrow{letter-spacing:.14em;text-transform:uppercase;border-left:3px solid var(--accent);color:#cfcac1;padding-left:12px;font-size:clamp(10px,2cqmin,15px)}.card-title{text-transform:uppercase;letter-spacing:.005em;font-family:Anton,Impact,sans-serif;font-size:clamp(30px,min(10cqw,17cqh),150px);line-height:.92}.card-note{color:var(--muted);font-size:clamp(12px,2.4cqmin,18px)}.bigplay{aspect-ratio:1;background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:clamp(52px,15cqmin,128px);transition:transform .2s,opacity .2s;display:grid;position:absolute;top:50%;right:clamp(16px,7cqmin,80px);translate:0 -50%;box-shadow:0 10px 40px #e5484d59}.bigplay svg{fill:currentColor;width:42%;translate:6%}.bigplay .ring{border:2px solid var(--accent);border-radius:50%;animation:1.8s ease-out infinite pulse;position:absolute;inset:0}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.player:hover .bigplay{transform:scale(1.06)}.player.is-loading .bigplay{opacity:0}@container frame (aspect-ratio<=6/5){.frame{background:radial-gradient(80% 50% at 50% 38%,#e5484d1f,#0000 65%),#111112}.bigplay{width:clamp(64px,22cqw,140px);top:38%;left:50%;right:auto;translate:-50% -50%}.card{max-width:none}.card-title{font-size:clamp(30px,min(13cqw,11cqh),150px)}}.buffer{opacity:0;pointer-events:none;color:#cfcac1;background:#0009;place-content:center;justify-items:center;gap:14px;font-size:13px;transition:opacity .2s;display:grid;position:absolute;inset:0}.buffer.on{opacity:1}.spinner{border:3px solid #ffffff2e;border-top-color:var(--ink);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{rotate:360deg}}.controls{border-top:1px solid var(--line);color:#cfcac1;flex:none;align-items:center;gap:14px;padding:10px 14px;font-size:12px;display:flex}.ic{fill:currentColor;flex:none;width:18px;height:18px}.time{font-variant-numeric:tabular-nums;white-space:nowrap}.track{background:#2e2e33;border-radius:2px;flex:1;height:3px;overflow:hidden}.fill{background:var(--accent);width:0;height:100%;transition:width 2s ease-out;display:block}.pill{border:1px solid #3a3a40;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:600}.fineprint{color:var(--muted);flex:none;font-size:13px}@container stage (width<=520px){.controls .pill,.controls .ic:last-child{display:none}}@media (height<=520px){.meta,.fineprint{display:none}.controls{padding:6px 12px}}.roll{z-index:10;opacity:0;visibility:hidden;pointer-events:none;background:#000;transition:opacity .35s;position:fixed;inset:0}.roll.on{opacity:1;visibility:visible;pointer-events:auto}.roll-video,.roll-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));opacity:0;border:1px solid var(--line);backdrop-filter:blur(8px);background:#141416eb;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 32px);padding:12px 14px 12px 18px;font-size:14px;transition:opacity .4s,translate .4s;display:flex;position:absolute;translate:-50% 16px}.toast.on{opacity:1;translate:-50%}.toast button{all:unset;cursor:pointer;background:var(--ink);color:var(--bg);border-radius:6px;padding:7px 12px;font-size:13px;font-weight:600}@media (prefers-reduced-motion:reduce){*{transition:none!important}.ring,.live-dot{animation:none}.spinner{animation-duration:2s}}