:root{--design-w: 1920px;--design-h: 1080px;--ink: #eaf2ff;--ink-dim: #9bb0cc;--ink-faint: #64768f;--neon: #38bdf8;--neon-deep: #0b6fa4;--gold: #ffc94d;--gold-deep: #b8871f;--danger: #ff5d73;--good: #43e08a;--glass-bg: rgba(12, 20, 35, .52);--glass-stroke: rgba(140, 190, 255, .18);--glass-shadow: 0 18px 60px rgba(0, 0, 0, .55);--glass-blur: blur(22px) saturate(140%);--radius-lg: 18px;--radius-md: 12px;--font-display: "Bahnschrift", "DIN Alternate", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Mono", "SF Mono", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#04070f;color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased}body.obs{cursor:none}.stage-root{position:fixed;inset:0;overflow:hidden}.stage-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;top:50%;left:50%;width:var(--design-w);height:var(--design-h);transform:translate(-50%,-50%) scale(var(--hud-scale, 1));transform-origin:center center;pointer-events:none;opacity:0;transition:opacity .7s ease}.hud.ready{opacity:1}.glass{background:var(--glass-bg);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.hud-corner{position:absolute;display:flex;gap:10px;align-items:center}.hud-top-left{top:34px;left:42px}.hud-top-right{top:34px;right:42px;flex-direction:row-reverse}.live-chip{display:flex;align-items:center;gap:10px;padding:10px 18px;border-color:#ff5d7366}.live-dot{width:11px;height:11px;border-radius:50%;background:var(--danger);box-shadow:0 0 14px var(--danger);animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.live-label{font-size:20px;font-weight:700;letter-spacing:.22em}.metric-chip{display:flex;align-items:baseline;gap:10px;padding:10px 16px;min-width:118px}.metric-chip.wide{min-width:168px;justify-content:space-between}.metric-key{font-size:13px;letter-spacing:.2em;color:var(--ink-faint)}.metric-value{font-family:var(--font-mono);font-size:21px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.hud-top-center{position:absolute;top:26px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px}.title-plate{padding:14px 46px 12px;text-align:center;border-radius:var(--radius-lg);border-color:#38bdf847}.title-main{font-size:30px;font-weight:700;letter-spacing:.32em;text-shadow:0 0 26px rgba(56,189,248,.45)}.title-accent{color:var(--gold);text-shadow:0 0 26px rgba(255,201,77,.5)}.title-sub{margin-top:6px;font-size:16px;letter-spacing:.4em;color:var(--neon)}.phase-rail{display:flex;gap:6px}.phase-pip{width:34px;height:5px;border-radius:3px;background:#9bb0cc38;overflow:hidden;position:relative}.phase-pip.done{background:#38bdf88c}.phase-pip.current:after{content:"";position:absolute;inset:0;width:var(--pip-progress, 0%);background:linear-gradient(90deg,var(--neon),var(--gold));box-shadow:0 0 12px #38bdf8cc}.scorebug{position:absolute;top:214px;left:50%;transform:translate(-50%) translateY(-24px);display:none;align-items:stretch;gap:0;opacity:0;transition:opacity .42s ease,transform .42s cubic-bezier(.2,.9,.2,1);background:var(--glass-bg);border:1px solid var(--glass-stroke);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);overflow:hidden}.scorebug.visible{display:flex;opacity:1;transform:translate(-50%) translateY(0)}.scorebug-side{display:flex;align-items:center;gap:18px;padding:16px 28px;min-width:420px}.scorebug-side[data-side=away]{justify-content:flex-end}.scorebug-code{font-size:34px;font-weight:700;letter-spacing:.12em}.scorebug-name{font-size:17px;color:var(--ink-dim);letter-spacing:.08em;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scorebug-score{font-family:var(--font-mono);font-size:46px;font-weight:700;min-width:62px;text-align:center;font-variant-numeric:tabular-nums;transition:transform .18s ease}.scorebug-score.bump{transform:scale(1.34);color:var(--gold);text-shadow:0 0 26px rgba(255,201,77,.75)}.scorebug-middle{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:12px 22px;background:#04081280;border-left:1px solid var(--glass-stroke);border-right:1px solid var(--glass-stroke);min-width:180px}.scorebug-round{font-size:13px;letter-spacing:.28em;text-align:center;color:var(--ink-faint)}.momentum-bar{position:relative;height:6px;border-radius:4px;background:#9bb0cc2e;overflow:hidden}.momentum-fill{position:absolute;top:0;bottom:0;left:50%;width:0;background:linear-gradient(90deg,var(--neon),var(--gold));box-shadow:0 0 14px #38bdf8e6;transition:all .22s ease}.royale-round,.royale-board,.royale-flags,.royale-next{display:none}body.mode-royale .royale-round,body.mode-royale .royale-board,body.mode-royale .royale-flags{display:flex}body.mode-royale .scorebug,body.mode-royale .phase-rail{display:none!important}.royale-round{position:absolute;top:150px;left:50%;transform:translate(-50%);align-items:center;gap:18px;padding:9px 26px;border-radius:999px;background:#0408129e;border:1px solid rgba(255,201,77,.32);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);white-space:nowrap}.royale-round-no{font-size:20px;font-weight:700;letter-spacing:.2em;color:var(--gold)}.royale-clock{font-size:18px;color:var(--ink)}.royale-clock b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em}.royale-round-label{font-size:16px;letter-spacing:.24em;color:var(--neon)}body.mode-royale .royale-round.is-final{border-color:#ffc94dcc;box-shadow:0 0 34px #ffc94d59}.royale-round.is-final .royale-round-label{color:var(--gold)}.royale-board{position:absolute;top:232px;left:48px;width:430px;max-height:520px;flex-direction:column;padding:0;overflow:hidden;border-color:#38bdf857}.royale-board-title{padding:13px 20px;font-size:15px;font-weight:700;letter-spacing:.22em;text-align:center;color:var(--ink);background:#38bdf829;border-bottom:1px solid var(--glass-stroke)}.royale-board-list{margin:0;padding:8px;list-style:none;display:flex;flex-direction:column;gap:5px;overflow:hidden}.royale-board-list li{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:#38bdf817;font-size:19px}.royale-board-list li.leader{background:#ffc94d29;border:1px solid rgba(255,201,77,.3)}.royale-board-list .rank{min-width:34px;font-family:var(--font-mono);font-size:15px;color:var(--ink-faint)}.royale-board-list .code{min-width:46px;font-family:var(--font-mono);font-weight:700;color:var(--neon)}.royale-board-list li.leader .code{color:var(--gold)}.royale-board-list .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.royale-board-list .wins{font-family:var(--font-mono);font-size:15px;color:var(--ink-dim)}.royale-board-empty{padding:18px 20px 22px;font-size:14px;line-height:1.55;color:var(--ink-faint);text-align:center}.royale-board.has-entries .royale-board-empty{display:none}.royale-flags{position:absolute;left:1200px;bottom:234px;transform:translate(-50%);width:660px;flex-direction:column;align-items:center;gap:9px}.royale-flags-bar{width:100%;height:7px;border-radius:4px;background:#9bb0cc33;overflow:hidden}.royale-flags-fill{height:100%;width:100%;border-radius:4px;background:linear-gradient(90deg,var(--gold),#ffe9a8);box-shadow:0 0 16px #ffc94dbf;transition:width .16s linear}.royale-flags-count{font-size:17px;letter-spacing:.22em;color:var(--ink-dim)}.royale-flags-count b{font-family:var(--font-mono);color:var(--ink)}body.mode-royale .royale-next.visible{display:block;position:absolute;left:50%;bottom:300px;transform:translate(-50%);padding:12px 34px;border-radius:999px;background:#040812a8;border:1px solid rgba(56,189,248,.36);font-size:22px;letter-spacing:.2em;color:var(--ink-dim);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.royale-next b{font-family:var(--font-mono);color:var(--neon)}.subtitle{position:absolute;left:50%;bottom:268px;transform:translate(-50%) translateY(12px);max-width:1180px;padding:14px 34px;text-align:center;font-size:27px;line-height:1.32;letter-spacing:.01em;background:#0408129e;border:1px solid var(--glass-stroke);border-radius:var(--radius-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transition:opacity .26s ease,transform .26s ease}.subtitle.visible{opacity:1;transform:translate(-50%) translateY(0)}.subtitle.hype{color:#fff;border-color:#38bdf880;text-shadow:0 0 24px rgba(56,189,248,.5)}.subtitle.epic{color:#fff;border-color:#ffc94d8c;text-shadow:0 0 30px rgba(255,201,77,.6);font-size:31px}.hud-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:12px;padding:0 42px 26px}.stat-strip{display:flex;gap:34px;padding:12px 26px;align-self:flex-start}.stat-cell{display:flex;flex-direction:column;gap:2px}.stat-cell dt{margin:0;font-size:12px;letter-spacing:.2em;color:var(--ink-faint)}.stat-cell dd{margin:0;font-family:var(--font-mono);font-size:19px;font-weight:600;color:var(--ink)}.champion-strip{display:flex;align-items:center;gap:18px;padding:10px 22px;align-self:flex-start;max-width:100%}.strip-label{font-size:12px;letter-spacing:.26em;color:var(--gold);white-space:nowrap}.champion-list{display:flex;gap:12px;overflow:hidden}.champion-pill{display:flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:#ffc94d1a;border:1px solid rgba(255,201,77,.24);font-size:14px;white-space:nowrap}.champion-pill b{font-family:var(--font-mono);color:var(--gold)}.champion-pill span{color:var(--ink-faint);font-size:12px}.ticker{display:flex;align-items:stretch;height:52px;border-radius:var(--radius-md);overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-stroke);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.ticker-badge{display:flex;align-items:center;padding:0 26px;font-size:14px;font-weight:700;letter-spacing:.22em;background:linear-gradient(120deg,var(--neon-deep),rgba(56,189,248,.25));border-right:1px solid var(--glass-stroke);white-space:nowrap}.ticker-viewport{flex:1;overflow:hidden;display:flex;align-items:center}.ticker-track{display:flex;gap:46px;white-space:nowrap;will-change:transform}.ticker-item{font-size:17px;letter-spacing:.08em;color:var(--ink-dim)}.ticker-item.result{color:var(--ink)}.ticker-item.champion{color:var(--gold);font-weight:700}.ticker-item.stat{color:var(--neon)}.ticker-item:before{content:"◆";margin-right:16px;color:#38bdf880;font-size:11px;vertical-align:middle}.paused-veil{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#04070f8c;backdrop-filter:blur(6px)}.paused-veil.visible{display:flex}.paused-veil span{font-size:96px;font-weight:700;letter-spacing:.34em;color:var(--ink);text-shadow:0 0 42px rgba(56,189,248,.6)}body.portrait .hud-top-left{top:26px;left:30px;gap:8px}body.portrait .hud-top-right{top:286px;right:auto;left:50%;transform:translate(-50%);flex-direction:row;gap:8px}body.portrait .metric-chip{min-width:96px;padding:9px 13px}body.portrait .metric-chip.wide{min-width:148px}body.portrait .hud-top-center{top:116px}body.portrait .title-plate{padding:12px 30px 10px}body.portrait .title-main{font-size:26px;letter-spacing:.24em}body.portrait .title-sub{font-size:14px;letter-spacing:.3em}body.portrait .phase-pip{width:22px}body.portrait .scorebug{top:372px}body.portrait .scorebug-side{min-width:264px;padding:12px 18px;gap:10px}body.portrait .scorebug-code{font-size:27px}body.portrait .scorebug-name{display:none}body.portrait .scorebug-score{font-size:38px;min-width:48px}body.portrait .scorebug-middle{min-width:128px;padding:10px 14px}body.portrait .royale-round{top:372px;gap:14px;padding:8px 22px}body.portrait .royale-round-no{font-size:19px}body.portrait .royale-board{top:448px;left:50%;transform:translate(-50%);width:940px;max-height:236px}body.portrait .royale-board-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}body.portrait .royale-board-list li{font-size:18px;padding:7px 10px}body.portrait .royale-board-list .wins{font-size:13px}body.portrait .royale-flags{left:50%;width:900px;bottom:420px}body.portrait .royale-flags-count{font-size:19px}body.portrait .royale-next.visible{bottom:490px;font-size:20px}body.portrait .subtitle{bottom:300px;max-width:940px;font-size:25px;padding:12px 26px}body.portrait .subtitle.epic{font-size:28px}body.portrait .hud-bottom{padding:0 24px 20px;gap:9px}body.portrait .stat-strip{gap:20px;padding:9px 16px;align-self:stretch;justify-content:space-between}body.portrait .stat-cell dt{font-size:10px;letter-spacing:.14em}body.portrait .stat-cell dd{font-size:16px}body.portrait .champion-strip{align-self:stretch;padding:8px 16px;gap:12px}body.portrait .ticker{height:46px}body.portrait .ticker-badge{padding:0 16px;font-size:12px;letter-spacing:.16em}body.portrait .ticker-item{font-size:16px}body.portrait .paused-veil span{font-size:62px;letter-spacing:.24em}.boot{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(circle at 50% 45%,#0a1730,#04070f 70%);z-index:20;transition:opacity .6s ease}.boot.hidden{opacity:0;pointer-events:none}.boot-mark{font-size:58px;font-weight:700;letter-spacing:.3em;text-shadow:0 0 40px rgba(56,189,248,.5)}.boot-mark span{color:var(--gold)}.boot-status{font-size:17px;letter-spacing:.24em;color:var(--ink-faint);text-transform:uppercase}.boot-button{margin-top:8px;padding:16px 52px;font-family:inherit;font-size:19px;font-weight:700;letter-spacing:.26em;color:#04070f;background:linear-gradient(120deg,var(--neon),var(--gold));border:0;border-radius:999px;cursor:pointer;box-shadow:0 14px 44px #38bdf859;transition:transform .18s ease,box-shadow .18s ease}.boot-button:hover{transform:translateY(-2px);box-shadow:0 20px 56px #ffc94d66}.boot-hint{max-width:520px;text-align:center;font-size:14px;line-height:1.6;color:var(--ink-faint)}.boot-hint code{font-family:var(--font-mono);color:var(--neon)}