:root{--background: #0b1326;--surface: #0b1326;--surface-container: #171f33;--surface-container-low: #131b2e;--surface-container-high: #222a3d;--surface-container-highest: #2d3449;--surface-variant: #2d3449;--primary: #b7c4ff;--primary-container: #0052ff;--on-primary-container: #dfe3ff;--tertiary: #2ae500;--on-tertiary-container: #8dff70;--on-surface: #dae2fd;--on-surface-variant: #c3c5d9;--shadow-glow: 0 20px 80px rgba(0, 82, 255, .18);--shadow-card: 0 20px 60px rgba(2, 8, 23, .35)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;min-height:100%;background:radial-gradient(circle at top right,rgba(0,82,255,.18),transparent 32%),radial-gradient(circle at bottom left,rgba(42,229,0,.08),transparent 28%),linear-gradient(180deg,#09101f,#0b1326);color:var(--on-surface);font-family:Manrope,sans-serif}body{overflow:hidden}button,input,select,video{font:inherit}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga"}button{border:0}.app-shell{display:flex;height:100dvh;min-height:100dvh;overflow:hidden}.sidebar{position:relative;width:160px;background:#131b2ead;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid rgba(141,144,162,.08);display:flex;flex-direction:column;align-items:center;gap:18px}.sidebar__brand{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:12px}.sidebar__eyebrow{writing-mode:vertical-lr;transform:rotate(180deg);font-family:Space Grotesk,sans-serif;font-size:10px;letter-spacing:.32em;color:#dae2fd85}.sidebar__divider{width:1px;height:36px;background:linear-gradient(180deg,#b7c4ff26,#2ae50059)}.court-list{width:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:8px;overflow:hidden}.court-button{width:100%;margin-right:10px;border:0;background:transparent;color:inherit;display:grid;gap:6px;justify-items:center;cursor:pointer;padding:8px 0;opacity:.45;transition:transform .16s ease,opacity .16s ease}.court-button:hover,.court-button:focus-visible{opacity:.9;transform:translate(2px);outline:none}.court-button--active{opacity:1;transform:translate(4px)}.court-button__icon{width:100%;height:52px;border-radius:18px 999px 999px 18px;background:#2d34498f;color:#dae2fdb8;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff0a}.court-button--active .court-button__icon{background:linear-gradient(135deg,var(--primary-container),#0038b6);color:var(--tertiary);box-shadow:0 0 24px #2ae50047,inset 0 0 0 1px #b7c4ff29}.court-button__symbol{font-size:24px;transition:transform .16s ease,font-variation-settings .16s ease}.court-button--active .court-button__symbol{font-variation-settings:"FILL" 1,"wght" 500,"opsz" 24;transform:scale(1.06);text-shadow:0 0 14px rgba(42,229,0,.45)}.court-button__label{font-family:Space Grotesk,sans-serif;font-size:28px;letter-spacing:.12em;text-transform:uppercase}.court-button--active .court-button__label{color:var(--primary)}.court-button__meta{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#dae2fd66}.main-shell{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:16px 24px 12px;background:#0b1326ad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(141,144,162,.08)}.topbar__title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:60px;letter-spacing:-.04em;background:linear-gradient(135deg,var(--primary),var(--primary-container));-webkit-background-clip:text;background-clip:text;color:transparent}.topbar__brand{display:flex;align-items:center;gap:14px}.topbar__logo{width:100px;height:auto;flex:none;display:block;filter:drop-shadow(0 8px 22px rgba(0,82,255,.18))}.topbar__subtitle,.topbar__hint,.topbar__venue{color:#dae2fdb3}.topbar__subtitle,.topbar__hint{font-size:20px;letter-spacing:.12em;text-transform:uppercase}.topbar__venue{color:var(--primary);font-family:Space Grotesk,sans-serif;font-weight:700;font-size:28px;margin-bottom:4px;display:flex;flex-direction:column}.topbar__venue:empty{display:none}.topbar__meta{text-align:right}.topbar__tools{display:flex;align-items:center;gap:16px}.settings-button{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#171f33eb;color:var(--primary);box-shadow:inset 0 0 0 1px #b7c4ff1a;cursor:pointer;transition:transform .16s ease,background .16s ease}.settings-button:hover,.settings-button:focus-visible{background:#0052ff2e;transform:rotate(18deg);outline:none}.settings-button svg{width:24px;height:24px;fill:currentColor}.content-grid{flex:1 1 auto;min-height:0;padding:16px 20px 20px;display:flex;align-items:stretch;gap:16px;overflow:hidden}.stage-panel,.insight-panel{min-height:0;min-width:0}.stage-panel{flex:1 1 auto;display:flex}.stage-main-row{flex:1 1 auto;min-height:0;display:flex;gap:14px}.insight-panel{flex:0 0 320px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding-right:2px}.stage-card,.strip-card,.playback-card,.info-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#171f33f5,#090e1cf5);border-radius:28px;box-shadow:var(--shadow-card)}.stage-card{flex:1 1 auto;min-height:0;height:100%;padding:14px}.event-strip{flex:0 0 300px;min-width:0;display:flex;flex-direction:column;gap:14px}.event-strip__item{min-width:0;flex:1 1 0;display:flex;flex-direction:column;justify-content:center;padding:16px 18px;border-radius:22px;background:linear-gradient(180deg,#171f33f5,#060e20f5),linear-gradient(135deg,rgba(183,196,255,.04),transparent);box-shadow:var(--shadow-card)}.event-strip__label{margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:22px;letter-spacing:.14em;text-transform:uppercase;color:#dae2fd8f}.event-strip__value{font-size:26px;font-weight:700;line-height:1.5;color:var(--on-surface)}.stage-native-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.native-stage-host{position:absolute;top:62px;right:14px;bottom:14px;left:14px}.web-stage-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#000;opacity:0;pointer-events:none;transition:opacity .18s ease}.web-stage-video--enabled{opacity:0}.web-stage-video--active{opacity:1}.native-stage-host__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:24px;color:#dae2fdc7}.native-stage-host__eyebrow{font-family:Space Grotesk,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#dae2fd80}.native-stage-host__placeholder strong{font-family:Space Grotesk,sans-serif;font-size:30px;letter-spacing:-.04em}.native-stage-host__placeholder p{margin:0;max-width:520px;line-height:1.6}.live-pill,.countdown-chip,.status-chip,.info-card__chip,.ghost-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.stage-native-tools{display:flex;align-items:center;gap:10px}.live-pill{display:inline-flex;align-items:center;gap:10px;max-width:calc(100% - 110px);padding:10px 14px;border-radius:999px;background:#060e20a3;box-shadow:inset 0 0 0 1px #b7c4ff1f;font-family:Space Grotesk,sans-serif;font-size:22px;letter-spacing:.14em;text-transform:uppercase}.live-pill span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-pill__dot{width:10px;height:10px;border-radius:999px;background:var(--tertiary);box-shadow:0 0 14px #2ae500bf}.countdown-chip{display:inline-flex;align-items:center;justify-content:center;min-width:142px;padding:8px 12px;border-radius:999px;font-family:Space Grotesk,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);background:#0052ff24;box-shadow:inset 0 0 0 1px #b7c4ff24}.status-chip,.info-card__chip{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:8px 12px;border-radius:999px;font-family:Space Grotesk,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:#2d34496b;box-shadow:inset 0 0 0 1px #dae2fd12}.status-chip[data-status=live],.info-card__chip[data-status=tracking]{background:#12770057;color:var(--on-tertiary-container)}.status-chip[data-status=offline]{background:#93000a57;color:#ffdad6}.stage-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;background:linear-gradient(180deg,#060e207a,#060e20db),radial-gradient(circle at center,rgba(0,82,255,.18),transparent 38%);text-align:center}.stage-empty--desktop{top:62px;right:14px;bottom:14px;left:14px;border-radius:24px}.stage-empty[hidden]{display:none}.stage-empty__icon{width:88px;height:88px;border-radius:24px;display:grid;place-items:center;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;color:var(--on-primary-container);background:linear-gradient(135deg,var(--primary-container),#08255d);box-shadow:var(--shadow-glow)}.stage-empty h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:30px;letter-spacing:-.04em}.stage-empty p{margin:0;max-width:560px;color:#dae2fdc2;line-height:1.65}.strip-card{display:flex;align-items:end;min-height:0}.strip-card__image,.strip-card__shade{position:absolute;top:0;right:0;bottom:0;left:0}.strip-card__image{width:100%;height:100%;object-fit:cover;opacity:.5;filter:grayscale(.4)}.strip-card__shade{background:linear-gradient(90deg,#060e20f2,#060e2040)}.strip-card__content{position:relative;z-index:1;padding:24px 28px}.strip-card__badge{display:inline-flex;padding:8px 12px;border-radius:999px;margin-bottom:14px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:#0052ff3d;color:var(--on-primary-container)}.strip-card h3{margin:0 0 8px;font-size:28px;font-family:Space Grotesk,sans-serif}.strip-card p{margin:0;max-width:720px;color:#dae2fdb8;line-height:1.6}.playback-card{padding:22px 20px;display:grid;gap:16px}.playback-card__glow{position:absolute;top:-72px;right:-48px;width:220px;height:220px;border-radius:999px;background:#0052ff38;filter:blur(68px)}.playback-card__eyebrow{display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:Space Grotesk,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#dae2fd9e}.playback-card__title{margin:0;font-family:Space Grotesk,sans-serif;font-size:24px;line-height:1.12;letter-spacing:-.04em}.playback-card__description{margin:-8px 0 0;color:#dae2fdbd;line-height:1.7}.route-list{display:grid;grid-template-columns:1fr;gap:10px}.route-item{min-width:0;display:grid;gap:10px;padding:13px 14px;border-radius:20px;background:#2d344947;box-shadow:inset 0 0 0 1px #ffffff0a}.route-item--active{background:linear-gradient(135deg,#0052ff38,#2d344957),#2d344957;box-shadow:inset 0 0 0 1px #b7c4ff2e,0 16px 44px #0052ff29}.route-item__top{display:flex;justify-content:space-between;align-items:center;gap:12px}.route-item__tag,.route-item__status{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;font-family:Space Grotesk,sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.route-item__tag{background:#0052ff24;color:var(--on-primary-container)}.route-item__status{background:#1277002e;color:#8dff70e0}.route-item__title{font-size:15px;font-weight:800;line-height:1.3}.route-item__subtitle{font-size:12px;line-height:1.6;color:#dae2fda3;word-break:break-all}.info-card{padding:24px;display:grid;gap:16px;background:linear-gradient(180deg,#171f33f5,#060e20f5),linear-gradient(135deg,rgba(183,196,255,.04),transparent)}.info-card__header{display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:Space Grotesk,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#dae2fdad}.info-card__title{margin:0;font-size:28px;line-height:1.15;letter-spacing:-.04em;font-family:Space Grotesk,sans-serif}.info-card__line,.info-card__meta{color:#dae2fdb3;line-height:1.6}.info-card--compact .info-card__title{font-size:24px}.ghost-button{border-radius:999px;padding:10px 14px;color:var(--primary);background:#0052ff1f;cursor:pointer}.ghost-button:hover,.ghost-button:focus-visible{background:#0052ff33;outline:none}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kv-item{padding:14px 16px;border-radius:18px;background:#2d344961}.kv-item--wide{grid-column:1 / -1}.kv-item__label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#dae2fd8f;margin-bottom:8px}.kv-item__value{font-size:14px;font-weight:700;line-height:1.5}.kv-item__value--mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;color:#dae2fdd1;word-break:break-all}.runtime-list{margin:0;padding-left:18px;color:#dae2fdc7;line-height:1.7}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center}.settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#020817a3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer}.settings-dialog{position:relative;z-index:1;width:min(1280px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;border-radius:28px;background:linear-gradient(180deg,#171f33fa,#060e20fa);box-shadow:0 32px 100px #0208178a}.settings-dialog__header{display:flex;justify-content:space-between;gap:24px;padding:28px 28px 20px;border-bottom:1px solid rgba(141,144,162,.08)}.settings-dialog__eyebrow{font-family:Space Grotesk,sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#dae2fd8a;margin-bottom:10px}.settings-dialog h2{margin:0 0 10px;font-family:Space Grotesk,sans-serif;font-size:30px;letter-spacing:-.04em}.settings-dialog p{margin:0;color:#dae2fdb8;line-height:1.6}.settings-close{width:44px;height:44px;border-radius:14px;background:#2d344980;color:#dae2fddb;font-size:28px;cursor:pointer}.settings-grid{overflow:auto;padding:0 28px 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-group{padding:18px;border-radius:22px;background:#2d344947;display:grid;gap:14px}.settings-group__head,.settings-routes{display:grid;gap:12px}.settings-group__head{grid-template-columns:minmax(0,1fr) 120px 120px}.settings-routes{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-route{padding:14px;border-radius:18px;background:#060e208a;display:grid;gap:10px}.settings-route__title{font-family:Space Grotesk,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#dae2fd9e}.settings-field{display:grid;gap:8px}.settings-field span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#dae2fd80}.settings-field input,.settings-field select{width:100%;min-width:0;border:0;border-radius:14px;padding:12px 14px;background:#2d34497a;color:var(--on-surface)}.settings-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.settings-field input:focus,.settings-field select:focus{outline:1px solid rgba(183,196,255,.4)}.settings-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px 28px;border-top:1px solid rgba(141,144,162,.08)}.settings-actions__right{display:flex;align-items:center;gap:12px}.settings-save{border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,var(--primary-container),#0038b6);color:var(--on-primary-container);font-weight:700;cursor:pointer}@media (max-width: 1220px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh;flex-direction:column;overflow:visible}.main-shell{overflow:visible}.sidebar{width:auto;flex:0 0 auto;flex-direction:row;align-items:start;overflow-x:auto;overflow-y:hidden}.sidebar__brand{flex-direction:row;gap:14px;padding-top:0}.sidebar__eyebrow{writing-mode:initial;transform:none}.sidebar__divider{width:56px;height:1px}.court-list{flex-direction:row;gap:10px;justify-content:start}.court-button{width:100%}.court-button__icon{border-radius:18px}.topbar,.content-grid{padding-left:20px;padding-right:20px}.content-grid{flex-direction:column;overflow:visible}.stage-panel{flex:none;min-height:62vh}.stage-main-row{flex-direction:column}.event-strip{flex:none}.insight-panel{flex:none;overflow:visible}.settings-grid{grid-template-columns:1fr}}@media (max-height: 920px) and (min-width: 1221px){.topbar{padding:12px 18px 10px;gap:14px}.topbar__title{font-size:60px}.topbar__brand{gap:12px}.topbar__logo{width:48px}.topbar__subtitle,.topbar__hint{font-size:22px}.topbar__venue{font-size:28px;margin-bottom:2px}.settings-button{width:46px;height:46px}.content-grid{padding:12px 16px 16px;gap:12px}.stage-main-row{gap:12px}.event-strip{gap:12px;flex-basis:320px}.event-strip__item{padding:14px 16px}.event-strip__value{font-size:22px}.insight-panel{flex-basis:300px}.stage-card{padding:12px}.stage-native-head{margin-bottom:8px}.native-stage-host,.stage-empty--desktop{top:56px;right:12px;bottom:12px;left:12px}.playback-card,.info-card{gap:12px;padding:18px}.playback-card__title,.info-card__title,.info-card--compact .info-card__title{font-size:21px}.playback-card__description,.info-card__line,.info-card__meta,.runtime-list{line-height:1.5}.route-list,.kv-grid{gap:10px}.route-item,.kv-item{padding:12px}}@media (max-width: 768px){.topbar{flex-direction:column;align-items:start}.topbar__meta{text-align:left}.topbar__tools{width:100%;justify-content:space-between}.topbar__title{font-size:60px}.topbar__logo{width:42px}.stage-native-head{flex-direction:column;align-items:start}.native-stage-host,.stage-empty--desktop{top:84px;right:14px;bottom:14px;left:14px}.playback-card,.info-card{padding:20px}.route-list,.settings-group__head,.settings-routes{grid-template-columns:1fr}.settings-dialog{width:min(100vw - 24px,1280px);max-height:calc(100vh - 24px)}.settings-dialog__header,.settings-grid,.settings-actions{padding-left:16px;padding-right:16px}.settings-actions{flex-direction:column;align-items:stretch}.settings-actions__right{width:100%;justify-content:space-between}}