.tl-watch-shell{position:relative;display:grid;grid-template-areas:"header" "pitch" "bottom";grid-template-rows:var(--match-header-size) minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.tl-watch-shell__header{grid-area:header;z-index:var(--z-sticky);min-width:0;overflow:hidden;padding-inline:max(var(--space-xs),env(safe-area-inset-left)) max(var(--space-xs),env(safe-area-inset-right));padding-block-start:env(safe-area-inset-top);border-block-end:var(--rule-thin) solid var(--color-rule);background:var(--color-paper-2)}.tl-watch-chip{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);border:var(--rule-thin) solid;border-radius:var(--radius-control);background:color-mix(in oklch,currentColor 8%,transparent);color:var(--color-muted);font:800 var(--text-2xs)/1 var(--font-outlier);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.tl-watch-chip:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}.tl-watch-chip[data-live=true]{color:var(--color-danger)}.tl-watch-chip[data-live=true]:before{animation:tl-watch-live-pulse 1.6s var(--ease-in-out) infinite}@keyframes tl-watch-live-pulse{50%{opacity:.25}}.tl-watch-header__exit{gap:var(--space-2xs);min-height:32px;padding-inline:var(--space-xs);font:700 var(--text-2xs)/1 var(--font-outlier);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.tl-watch-header__exit,.tl-watch-status-action{display:inline-flex;align-items:center;text-decoration:none}.tl-watch-shell__pitch{grid-area:pitch;position:relative;z-index:var(--z-base);min-width:0;min-height:0;overflow:hidden;background:var(--color-pitch)}.tl-watch-shell__pitch>:first-child{position:absolute;inset:0;width:100%;height:100%}.tl-watch-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-muted);font:700 var(--text-xs)/1.2 var(--font-outlier);letter-spacing:.08em;text-transform:uppercase}.tl-watch-shell__bottom{grid-area:bottom;position:relative;z-index:var(--z-sticky);min-width:0;border-block-start:var(--rule-thin) solid var(--color-rule);background:var(--color-paper-2);padding-block-end:env(safe-area-inset-bottom)}.tl-watch-transport{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-sm);min-height:52px;padding:var(--space-2xs) max(var(--space-sm),env(safe-area-inset-right)) var(--space-2xs) max(var(--space-sm),env(safe-area-inset-left));border-block-end:var(--rule-thin) solid var(--color-rule)}.tl-watch-transport__cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs);min-width:0}.tl-watch-transport__label{color:var(--color-muted);font:800 var(--text-2xs)/1 var(--font-outlier);letter-spacing:.08em;text-transform:uppercase}.tl-watch-transport__btn{min-height:36px;padding:0 var(--space-xs);font:700 var(--text-2xs)/1 var(--font-outlier);letter-spacing:.05em;text-transform:uppercase}.tl-watch-transport__btn--pill{min-width:36px;padding:0 var(--space-2xs)}.tl-watch-transport__btn[aria-pressed=true],.tl-watch-transport__btn[data-active=true]{border-color:var(--color-accent);background:color-mix(in oklch,var(--color-accent) 12%,var(--color-paper-3));color:var(--color-accent)}.tl-watch-transport__btn:disabled{color:var(--color-disabled);cursor:not-allowed}.tl-watch-transport__status{display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:var(--space-sm);min-width:0;margin:0;color:var(--color-ink-2);font:500 var(--text-2xs)/1.3 var(--font-body);text-align:end}.tl-watch-transport__counter{color:var(--color-muted);font:700 var(--text-2xs)/1 var(--font-outlier);font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap}.tl-watch-transport__hint{min-width:0}.tl-watch-transport__status[data-tone=end] .tl-watch-transport__hint{color:var(--color-ink);font:800 var(--text-2xs)/1.2 var(--font-outlier);letter-spacing:.06em;text-transform:uppercase}.tl-watch-transport__status[data-tone=live] .tl-watch-transport__hint{color:var(--color-danger)}.tl-watch-transport__status[data-tone=paused] .tl-watch-transport__hint{color:var(--color-warning)}.tl-watch-dock{height:auto}.tl-watch-dock .match-day-dock__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-watch-dock .match-day-dock__tab span{display:block;font-size:var(--text-xs)}.tl-watch-dock .match-day-dock__summary{display:block}.tl-watch-shell .match-day-dock__panel{position:absolute;inset-inline:0;inset-block-end:100%;height:min(17.5rem,42dvh)}@media (hover:none),(pointer:coarse){.tl-watch-shell :where(button,a){min-width:44px;min-height:44px}.tl-watch-shell a{display:inline-flex;align-items:center}}@media (max-width:47.999rem){.tl-watch-transport{row-gap:var(--space-2xs)}.tl-watch-transport__status{flex-basis:100%;justify-content:space-between;text-align:start}}@media (max-height:30rem) and (orientation:landscape){.tl-watch-shell__pitch{min-height:clamp(140px,40dvh,220px)}.tl-watch-shell__bottom{max-height:55dvh;overflow-y:auto;overscroll-behavior:contain}.tl-watch-shell .match-day-dock__panel{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--z-modal);height:min(17.5rem,70dvh)}}@media (prefers-reduced-motion:reduce){.tl-watch-chip[data-live=true]:before{animation:none}}