.ex{--ex-page:#0a141f;--ex-raised:#0e1b29;--ex-card:#142334;--ex-accent:#e8a020;--ex-accent-dim:#e8a0201a;--ex-accent-bdr:#e8a02047;--ex-heading:#e6f0f8;--ex-body:#c8d8e8;--ex-muted:#7f97a7;--ex-caption:#78909f;--ex-hair:#ffffff12;--ex-edge:#ffffff21;--ex-ok:#22c55e;--ex-ok-bg:#22c55e1f;--ex-err:#f87171;--ex-err-bg:#f871711f;--ex-noise:#78909f;--ex-noise-bg:#78909f1f;--ex-head:var(--f-head,"Plus Jakarta Sans"), ui-sans-serif, system-ui, sans-serif;--ex-text:var(--f-body,"Outfit"), ui-sans-serif, system-ui, sans-serif;--ex-mono:var(--f-mono,"JetBrains Mono"), ui-monospace, Menlo, monospace;--ex-ease:cubic-bezier(.2,.7,.2,1);width:100%;color:var(--ex-body);font-family:var(--ex-text);text-align:left;gap:14px;display:grid;container:ex/inline-size}.ex *,.ex :before,.ex :after{box-sizing:border-box}.ex-wrap{aspect-ratio:16/9;border:1px solid var(--ex-edge);background:radial-gradient(900px 500px at 78% 40%, #e8a02012, transparent 60%), radial-gradient(700px 600px at 10% 100%, #60a5fa0f, transparent 60%), var(--ex-page);border-radius:16px;width:100%;max-width:100%;position:relative;overflow:hidden}.ex-stage{transform-origin:0 0;width:1280px;height:720px;transform:scale(var(--k,0));position:absolute;top:0;left:0}.ex-grid{background-image:linear-gradient(var(--ex-hair) 1px, transparent 1px), linear-gradient(90deg, var(--ex-hair) 1px, transparent 1px);opacity:.6;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 70% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(at 70% 45%,#000 20%,#0000 75%)}.ex-fx{opacity:0;pointer-events:none;transition:opacity .4s var(--ex-ease), translate .5s var(--ex-ease), scale .5s var(--ex-ease), filter .4s, border-color .3s, background .3s;position:absolute;translate:0 16px}.ex-fx.on{opacity:1;pointer-events:auto;translate:0}.ex-instant,.ex-instant *{transition:none!important;animation:none!important}.ex-cap{flex-direction:column;justify-content:center;gap:18px;width:430px;display:flex;top:0;bottom:0;left:64px;translate:-18px}.ex-cap.on{translate:0}.ex-eyebrow{font:500 13px var(--ex-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ex-accent)}.ex-eyebrow.ex-bad{color:var(--ex-err)}.ex-cap h3{font:800 46px/1.08 var(--ex-head);letter-spacing:-.025em;color:var(--ex-heading);text-wrap:balance;margin:0}.ex em{color:var(--ex-accent);font-style:normal}.ex em.ex-bad{color:var(--ex-err)}.ex-cap p{font:400 20px/1.5 var(--ex-text);color:var(--ex-muted);max-width:400px;margin:0}.ex-tile{background:var(--ex-raised);border:1px solid var(--ex-edge);border-radius:14px;grid-template-columns:56px 1fr auto;align-items:center;gap:18px;width:640px;height:128px;padding:0 22px;display:grid;left:560px;translate:40px;box-shadow:0 24px 50px -24px #000000b3}.ex-tile.on{translate:0}.ex-tile[data-k=t1]{top:116px}.ex-tile[data-k=t2]{top:268px}.ex-tile[data-k=t3]{top:420px}.ex-tile.away{opacity:0;translate:0;scale:.96}.ex-tile.gone{filter:saturate(.3)brightness(.75)}.ex-tile.hit{border-color:var(--ex-accent);background:#16222b}.ex-ti{background:var(--ex-card);border:1px solid var(--ex-edge);border-radius:13px;place-items:center;width:56px;height:56px;transition:background .3s,border-color .3s;display:grid}.ex-ti svg{width:28px;height:28px;stroke:var(--ex-muted);transition:stroke .3s}.ex-tile.hit .ex-ti{background:var(--ex-accent-dim);border-color:var(--ex-accent-bdr)}.ex-tile.hit .ex-ti svg{stroke:var(--ex-accent)}.ex-tb{min-width:0}.ex-turl{font:400 13px var(--ex-mono);color:var(--ex-caption);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ex-ttl{font:700 21px var(--ex-head);color:var(--ex-heading);margin-top:4px}.ex-tdet{color:var(--ex-accent);min-height:20px;margin-top:4px;font-size:15px}.ex-tr{justify-items:end;gap:8px;display:grid}.ex-tchip{font:500 12px var(--ex-mono);color:var(--ex-heading);background:var(--ex-card);border:1px solid var(--ex-accent-bdr);opacity:0;transition:opacity .35s var(--ex-ease), translate .35s var(--ex-ease);border-radius:8px;padding:6px 10px;translate:12px}.ex-tchip.on{opacity:1;translate:0}.ex-reload{opacity:.55;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:10px;right:12px}.ex-reload svg{width:15px;height:15px;stroke:var(--ex-muted)}.ex-reload.spin svg{animation:ex-spin .5s var(--ex-ease)}@keyframes ex-spin{to{rotate:360deg}}.ex-pill{font:500 13px var(--ex-mono);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;transition:color .3s,background .3s;display:inline-flex}.ex-pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.ex-pill.wait{color:var(--ex-noise);background:var(--ex-noise-bg)}.ex-pill.live{color:var(--ex-ok);background:var(--ex-ok-bg)}.ex-pill.lost{color:var(--ex-err);background:var(--ex-err-bg)}.ex-pill.watch{color:var(--ex-accent);background:var(--ex-accent-dim)}.ex-pill.pop{animation:ex-pop .4s var(--ex-ease)}@keyframes ex-pop{0%{scale:1.3}to{scale:1}}.ex-tally{font:500 17px var(--ex-mono);color:var(--ex-err);top:580px;left:560px}.ex-tally b{color:var(--ex-heading);font-variant-numeric:tabular-nums;font-weight:500}.ex-panel{width:640px;top:210px;left:560px}.ex-card{background:var(--ex-raised);border:1px solid var(--ex-edge);border-radius:14px;padding:24px 26px;box-shadow:0 30px 60px -24px #0009}.ex-h4{font:700 19px var(--ex-head);color:var(--ex-heading);margin:0 0 16px}.ex-field{border:1px solid var(--ex-accent-bdr);background:var(--ex-page);height:52px;font:400 16px var(--ex-mono);color:var(--ex-heading);border-radius:10px;align-items:center;padding:0 16px;display:flex}.ex-caret{background:var(--ex-accent);width:2px;height:22px;margin-left:2px;animation:1s step-end infinite ex-blink}@keyframes ex-blink{50%{opacity:0}}.ex-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.ex-label{width:96px;color:var(--ex-caption);font-size:14px}.ex-chip{font:500 14px var(--ex-text);border:1px solid var(--ex-edge);color:var(--ex-muted);transition:all .2s var(--ex-ease);border-radius:8px;padding:8px 13px}.ex-chip.sel{border-color:var(--ex-accent);color:var(--ex-accent);background:var(--ex-accent-dim)}.ex-btn{background:var(--ex-accent);color:#000;height:50px;font:700 16px var(--ex-head);border-radius:10px;justify-content:center;align-items:center;margin-top:22px;transition:scale .15s,background .3s;display:flex}.ex-btn.press{background:#f4b840;scale:.96}.ex-end{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:0 40px;text-decoration:none;display:flex;inset:0}.ex-logo{font:700 30px var(--ex-head);color:var(--ex-heading);letter-spacing:-.02em;align-items:center;gap:14px;display:flex}.ex-logo span{color:var(--ex-accent)}.ex-mark{background:var(--ex-accent-dim);border:1px solid var(--ex-accent-bdr);border-radius:11px;place-items:center;width:48px;height:48px;display:grid}.ex-mark svg{width:26px;height:26px;stroke:var(--ex-accent)}.ex-endh{font:800 60px/1.05 var(--ex-head);letter-spacing:-.03em;color:var(--ex-heading);text-wrap:balance;max-width:900px}.ex-end p{color:var(--ex-muted);margin:0;font-size:21px}.ex-cta{height:68px;margin-top:10px;padding:0 38px;font-size:23px}.ex-end:hover .ex-cta{background:#f4b840;scale:1.03}.ex-end.on .ex-cta{animation:2s ease-out .6s infinite ex-glow}@keyframes ex-glow{0%{box-shadow:0 0 #e8a0208c}to{box-shadow:0 0 0 24px #e8a02000}}.ex-endnote{font:500 15px var(--ex-mono);color:var(--ex-caption)}.ex-end:focus-visible{outline:3px solid var(--ex-accent);outline-offset:-6px}.ex-sound{border:1px solid var(--ex-accent-bdr);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:44px;color:var(--ex-heading);font:600 15px var(--ex-text);cursor:pointer;background:#0a141fd9;border-radius:999px;align-items:center;gap:10px;padding:0 18px 0 14px;transition:opacity .3s,background .2s;display:inline-flex;position:absolute;bottom:16px;right:16px}.ex-sound:hover{background:#142334f2}.ex-sound svg{width:20px;height:20px;fill:var(--ex-accent);stroke:var(--ex-accent)}.ex-sound[hidden]{display:none}.ex-controls{align-items:center;gap:12px;display:flex}.ex-ctl{border:1px solid var(--ex-edge);background:var(--ex-raised);width:40px;height:40px;color:var(--ex-heading);cursor:pointer;border-radius:10px;flex:none;place-items:center;display:grid}.ex-ctl svg{fill:currentColor;width:16px;height:16px}.ex-ctl:focus-visible,.ex-chap:focus-visible,.ex-sound:focus-visible{outline:2px solid var(--ex-accent);outline-offset:2px}.ex-chaps{flex:1;gap:4px;min-width:0;display:flex}.ex-chap{flex:var(--w);cursor:pointer;text-align:left;min-width:0;color:var(--ex-caption);font:500 11px var(--ex-mono);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:6px 0 0;overflow:hidden}.ex-chap i{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:7px;display:block;overflow:hidden}.ex-chap i b{height:100%;width:var(--p,0%);background:var(--ex-accent);display:block}.ex-chap.cur{color:var(--ex-heading)}@container ex (max-width:639px){.ex-wrap{aspect-ratio:720/920}.ex-stage{width:720px;height:920px}.ex-chap{padding-top:18px;font-size:0}.ex-cap{justify-content:flex-start;gap:14px;width:auto;inset:56px 50px auto}.ex-cap h3{font-size:50px}.ex-cap p{max-width:none;font-size:23px}.ex-tile{width:640px;left:40px}.ex-tile[data-k=t1]{top:330px}.ex-tile[data-k=t2]{top:482px}.ex-tile[data-k=t3]{top:634px}.ex-tally{top:790px;left:40px}.ex-panel{top:350px;left:40px}.ex-endh{font-size:56px}}@media (prefers-reduced-motion:reduce){.ex-caret,.ex-end.on .ex-cta{animation:none}}