.sidebar-library{display:none}@media (min-width:1021px){.app-shell.frame{--frame-gap:8px;--frame-header:64px;--frame-footer:92px;--frame-left:76px;--frame-right:clamp(340px, 28vw, 420px);--frame-radius:12px}html:has(.app-shell.frame:not([hidden])){scroll-padding-top:80px;scroll-padding-bottom:108px}.app-shell.frame .topbar{z-index:25;height:var(--frame-header);min-height:var(--frame-header);background:var(--sl-midnight);border-bottom:0;padding:0 16px 0 20px;display:flex;position:fixed;inset:0 0 auto}.app-shell.frame .mobile-brand{align-items:center;display:flex}.app-shell.frame .mobile-brand img{width:128px;height:auto}.app-shell.frame .breadcrumb,.app-shell.frame .sidebar .brand,.app-shell.frame .sidebar-bottom{display:none}.app-shell.frame .topbar .mobile-settings{display:inline-flex!important}.app-shell.frame .fixture-selector{z-index:26;width:min(640px,100vw - 400px);height:var(--frame-header);justify-content:center;padding:0;position:fixed;top:0;left:50%;transform:translate(-50%)}.app-shell.frame .fixture-selector select{border-radius:999px;max-width:none;height:44px;padding-inline:20px 14px}.app-shell.frame .sidebar{top:var(--frame-header);bottom:var(--frame-footer);left:var(--frame-gap);width:var(--frame-left);border-radius:var(--frame-radius);background:var(--sl-navy);overscroll-behavior:contain;border:0;padding:12px 8px;overflow-y:auto}.app-shell.frame .sidebar nav{margin-top:0}.app-shell.frame .nav-item{justify-content:center;padding:13px 0;font-size:0}.app-shell.frame .nav-item>span{display:none}.app-shell.frame .workspace{padding:var(--frame-header) calc(var(--frame-right) + var(--frame-gap) * 2) var(--frame-footer) calc(var(--frame-left) + var(--frame-gap) * 2);margin:0}.app-shell.frame:not([data-section=match]) .workspace{padding-right:calc(var(--frame-gap) * 2)}.app-shell.frame main{max-width:none;padding:0 2px 24px}.app-shell.frame .match-grid:not([hidden]){grid-template-columns:minmax(0,1fr);gap:17px;animation:none;display:grid}.app-shell.frame .match-left,.app-shell.frame .detail-panel{grid-area:auto/1}.app-shell.frame .main-story{top:var(--frame-header);right:var(--frame-gap);bottom:var(--frame-footer);z-index:20;width:var(--frame-right);border-radius:var(--frame-radius);background:var(--sl-navy);overscroll-behavior:contain;scrollbar-width:thin;position:fixed;overflow-y:auto}.app-shell.frame .main-story>*{border-radius:var(--frame-radius);border:0;min-height:100%;margin:0}.app-shell.frame .match-header{z-index:25;height:var(--frame-footer);background:var(--sl-midnight);grid-template-columns:380px minmax(0,1fr) auto;align-items:center;gap:20px;padding:0 20px;display:grid;position:fixed;inset:auto 0 0}.app-shell.frame .match-header .scoreboard{background:0 0;border:0;justify-content:flex-start;min-height:0;padding:0}.app-shell.frame .match-controls{min-width:0}.app-shell.frame .match-controls .playback{gap:12px;padding:0}.app-shell.frame .match-controls .timeline-labels{font-size:10px}.app-shell.frame .match-header .view-toolbar{justify-content:flex-end;margin:0;padding:0}.app-shell.frame .moment-card{right:calc(var(--frame-right) + var(--frame-gap) * 3);bottom:calc(var(--frame-footer) + var(--frame-gap) * 2)}.app-shell.frame:not([data-section=match]) .moment-card{right:calc(var(--frame-gap) * 3)}}@media (max-width:1020px){.app-shell.frame .match-controls{z-index:19;padding:14px 14px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--sl-border);background:var(--sl-midnight);position:fixed;bottom:0;left:76px;right:0}.app-shell.frame .match-controls .playback{gap:10px;padding:0}.app-shell.frame .match-controls .timeline-labels{display:none}.app-shell.frame .workspace{padding-bottom:88px}.app-shell.frame .moment-card{bottom:calc(84px + env(safe-area-inset-bottom))}}@media (max-width:600px){.app-shell.frame .match-controls{bottom:calc(80px + env(safe-area-inset-bottom));padding:14px 12px 8px;left:0}.app-shell.frame .workspace{padding-bottom:calc(164px + env(safe-area-inset-bottom))}.app-shell.frame .moment-card{bottom:calc(160px + env(safe-area-inset-bottom))}}@media (min-width:1280px){.app-shell.frame{--frame-left:240px}.app-shell.frame .sidebar{padding:12px}.app-shell.frame .nav-item{justify-content:flex-start;margin-bottom:4px;padding:11px 12px;font-size:13px}.app-shell.frame .nav-item>span{display:inline}.app-shell.frame .sidebar-library{display:block}}.moment-rail{border-top:1px solid var(--sl-border);margin-top:12px;padding-top:14px}.moment-rail h2{align-items:baseline;gap:8px;padding:0 8px 8px;font-size:13px;font-weight:600;display:flex}.moment-rail h2 span,.moment-rail p{color:var(--sl-muted);font-size:12px;font-weight:500}.moment-rail p{padding:0 8px;line-height:1.45}.moment-rail ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.moment-rail button{border-radius:var(--sl-radius-control);width:100%;color:var(--sl-text);text-align:left;grid-template-columns:40px minmax(0,1fr);gap:8px;padding:8px;font-size:12px;line-height:1.4;display:grid}.moment-rail button:hover{background:var(--sl-hover);filter:none}.moment-rail li.latest button{background:var(--sl-selected)}.moment-rail time{color:var(--sl-green);font-variant-numeric:tabular-nums;font-weight:600}.moment-rail button span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.app-shell.frame .main-navigation .nav-item{color:var(--sl-muted);background:0 0;border-color:#0000}.app-shell.frame .main-navigation .nav-item.active{background:var(--sl-selected);color:var(--sl-text)}.app-shell.frame .pitch-view-switch button{background:color-mix(in srgb, var(--sl-surface) 45%, var(--sl-navy));border-color:var(--sl-border);color:var(--sl-muted)}.app-shell.frame .pitch-view-switch button.selected{background:var(--sl-selected);border-color:color-mix(in srgb, var(--sl-green) 45%, var(--sl-border));color:var(--sl-text)}.app-shell.frame .director-story>.eyebrow{color:var(--sl-success-text)}.app-shell.frame .director-story>h2{font-weight:700}.app-shell.frame .moment-rail time{color:color-mix(in srgb, var(--sl-green) 80%, var(--sl-text))}.app-shell.frame .analyst-panel{background:color-mix(in srgb, var(--sl-surface) 40%, var(--sl-navy));border-color:color-mix(in srgb, var(--sl-green) 30%, var(--sl-border));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--sl-green) 15%, transparent)}.app-shell.frame .analyst-heading h3{font-weight:650}.app-shell.frame .analyst-form input{background:var(--sl-midnight)}.app-shell.frame .play-button{background:var(--btl-action);color:var(--btl-action-ink);border-color:#0000;border-radius:50%}@media (min-width:1021px){.app-shell.frame :is(.sidebar,.main-story){box-shadow:inset 0 0 0 1px var(--sl-border)}.app-shell.frame .main-story>.director-story{background-image:linear-gradient(155deg, color-mix(in srgb, var(--sl-green) 7%, transparent), transparent 280px)}.app-shell.frame .pitch-panel{box-shadow:0 8px 24px color-mix(in srgb, var(--sl-text) 4%, transparent)}.app-shell.frame .match-header{box-shadow:0 -1px 0 var(--sl-border)}}@media (hover:hover) and (pointer:fine){.app-shell.frame .main-navigation .nav-item:not(.active):hover{background:var(--sl-hover);color:var(--sl-text)}.app-shell.frame .pitch-view-switch button:not(.selected):hover:not(:disabled){background:var(--sl-surface);color:var(--sl-text)}.app-shell.frame .play-button:hover{background:var(--btl-action-hover)}}