.play-timeline{gap:var(--ui-space-4,1rem);padding:var(--ui-space-5,1.25rem);border:1px solid var(--ui-color-border,#e2e8f0);border-radius:var(--ui-radius-lg,.875rem);background:var(--ui-color-surface,#fff);color:var(--ui-color-text,#0f172a);font-family:var(--ui-font-family-sans,inherit);flex-direction:column;display:flex}.play-timeline .play-timeline__head{justify-content:space-between;align-items:baseline;gap:var(--ui-space-2) var(--ui-space-3);flex-wrap:wrap;display:flex}.play-timeline .play-timeline__title{font-size:var(--ui-font-size-lg,1.125rem);font-weight:var(--ui-font-weight-bold,700);letter-spacing:-.01em;margin:0}.play-timeline .play-timeline__meta{font-size:var(--ui-font-size-xs,.75rem);font-weight:var(--ui-font-weight-semibold,600);text-transform:uppercase;letter-spacing:.06em;color:var(--ui-color-text-muted,#64748b);margin:0}.play-timeline .play-timeline__following{color:var(--violet-600,#6d28d9);text-transform:none}.play-timeline .play-timeline__focus{min-width:0}.play-timeline .chip-group__label{font-size:var(--ui-font-size-xs,.75rem);font-weight:var(--ui-font-weight-bold,700);text-transform:uppercase;letter-spacing:.06em;color:var(--ui-color-text-muted,#64748b)}.play-timeline .chip-group__chips{gap:var(--ui-space-2,.5rem);flex-wrap:wrap;display:flex}.play-timeline .chip{padding:var(--ui-space-1,.25rem) var(--ui-space-3,.75rem);border:1px solid var(--ui-color-border,#e2e8f0);border-radius:var(--ui-radius-full,9999px);background:var(--ui-color-surface-muted,#f1f5f9);min-height:30px;color:var(--ui-color-text,#0f172a);font:inherit;font-size:var(--ui-font-size-xs,.75rem);font-weight:var(--ui-font-weight-semibold,600);cursor:pointer;transition:background var(--ui-motion-duration-fast,.15s) var(--ui-motion-ease-standard,ease), border-color var(--ui-motion-duration-fast,.15s) var(--ui-motion-ease-standard,ease)}.play-timeline .chip:hover{background:var(--ui-color-surface-hover,#e2e8f0)}.play-timeline .chip--active{background:var(--ui-color-primary,#2563eb);border-color:var(--ui-color-primary,#2563eb);color:var(--ui-color-primary-contrast,#fff)}.play-timeline .chip:focus-visible{outline:var(--ui-focus-width,2px) solid var(--ui-focus-color,#2563eb);outline-offset:var(--ui-focus-offset,2px)}.play-timeline .play-timeline__start{gap:var(--ui-space-1,.25rem);padding:var(--ui-space-3,.75rem) var(--ui-space-4,1rem);border:1px solid var(--ui-color-border,#e2e8f0);border-radius:var(--ui-radius-sm,.5rem);background:var(--ui-color-surface-muted,#f1f5f9);display:grid}.play-timeline .play-timeline__start-title{font-size:var(--ui-font-size-xs,.75rem);font-weight:var(--ui-font-weight-bold,700);text-transform:uppercase;letter-spacing:.06em;color:var(--ui-color-text-muted,#64748b);margin:0}.play-timeline .play-timeline__start-text{font-size:var(--ui-font-size-sm,.875rem);line-height:var(--ui-line-height-normal,1.5);margin:0}.play-timeline .play-timeline__steps{gap:var(--ui-space-2,.5rem);margin:0;padding:0;list-style:none;display:grid}.play-timeline .play-timeline__step{border:1px solid var(--ui-color-border,#e2e8f0);border-radius:var(--ui-radius-sm,.5rem);background:var(--ui-color-surface,#fff);overflow:hidden}.play-timeline .play-timeline__step[data-active=true]{border-color:var(--ui-color-primary,#2563eb);box-shadow:inset 3px 0 0 var(--ui-color-primary,#2563eb)}.play-timeline .play-timeline__step-summary{justify-content:space-between;align-items:center;gap:var(--ui-space-3,.75rem);min-height:42px;padding:var(--ui-space-2,.5rem) var(--ui-space-3,.75rem);cursor:pointer;font-size:var(--ui-font-size-sm,.875rem);font-weight:var(--ui-font-weight-semibold,600);list-style:none;display:flex}.play-timeline .play-timeline__step-summary::-webkit-details-marker{display:none}.play-timeline .play-timeline__step-summary:focus-visible{outline:var(--ui-focus-width,2px) solid var(--ui-focus-color,#2563eb);outline-offset:calc(-1 * var(--ui-focus-offset,2px))}.play-timeline .play-timeline__step-title{align-items:center;gap:var(--ui-space-2,.5rem);display:inline-flex}.play-timeline .play-timeline__step-title:before{content:"›";background:var(--ui-color-surface-muted,#f1f5f9);width:18px;height:18px;color:var(--ui-color-text-muted,#64748b);font-size:var(--ui-font-size-sm,.875rem);transition:transform var(--ui-motion-duration-fast,.15s) var(--ui-motion-ease-standard,ease);border-radius:4px;place-items:center;line-height:1;display:grid}.play-timeline .play-timeline__step[open] .play-timeline__step-title:before{transform:rotate(90deg)}.play-timeline .play-timeline__step-count{padding:.1rem var(--ui-space-2,.5rem);border-radius:var(--ui-radius-full,9999px);background:var(--ui-color-surface-muted,#f1f5f9);color:var(--ui-color-text-muted,#64748b);font-size:var(--ui-font-size-xs,.75rem);font-weight:var(--ui-font-weight-semibold,600);white-space:nowrap;flex:none}.play-timeline .play-timeline__step[data-active=true] .play-timeline__step-count{background:var(--ui-color-primary-subtle,#dbeafe);color:var(--ui-color-primary,#2563eb)}.play-timeline .play-timeline__actions{padding:0 0 var(--ui-space-1,.25rem);margin:0;list-style:none;display:grid}.play-timeline .play-timeline__action{align-items:center;gap:var(--ui-space-2,.5rem);padding:var(--ui-space-2,.5rem) var(--ui-space-3,.75rem);border-top:1px solid var(--ui-color-border,#e2e8f0);font-size:var(--ui-font-size-sm,.875rem);grid-template-columns:auto auto minmax(0,1fr);display:grid}.play-timeline .play-timeline__action:first-child{border-top:0}.play-timeline .play-timeline__action-player{min-width:2.25rem;height:1.6rem;padding:0 var(--ui-space-2,.5rem);border-radius:var(--ui-radius-full,9999px);background:var(--ui-color-surface-muted,#f1f5f9);font-size:var(--ui-font-size-xs,.75rem);font-weight:var(--ui-font-weight-bold,700);justify-content:center;align-items:center;display:inline-flex}.play-timeline .play-timeline__action[data-focus=true] .play-timeline__action-player{background:var(--violet-600,#6d28d9);color:#fff}.play-timeline .play-timeline__action-kind{font-size:var(--ui-font-size-xs,.75rem);font-weight:var(--ui-font-weight-semibold,600);color:var(--ui-color-primary,#2563eb)}.play-timeline .play-timeline__action-kind[data-kind=pass]{color:var(--violet-600,#6d28d9)}.play-timeline .play-timeline__action-kind[data-kind=shoot]{color:var(--ui-color-danger,#dc2626)}.play-timeline .play-timeline__action-kind[data-kind=pickup]{color:var(--ui-color-warning,#d97706)}.play-timeline .play-timeline__action-cue{min-width:0;color:var(--ui-color-text,#0f172a)}.play-timeline .play-timeline__empty{padding:var(--ui-space-4,1rem);border:1px dashed var(--ui-color-border,#e2e8f0);border-radius:var(--ui-radius-sm,.5rem);color:var(--ui-color-text-muted,#64748b);font-size:var(--ui-font-size-sm,.875rem);text-align:center;margin:0}.play-timeline .play-timeline__cue{padding:var(--ui-space-3,.75rem) var(--ui-space-4,1rem);border-left:3px solid var(--violet-600,#6d28d9);border-radius:0 var(--ui-radius-sm,.5rem) var(--ui-radius-sm,.5rem) 0;background:var(--ui-color-surface-muted,#f1f5f9);font-size:var(--ui-font-size-sm,.875rem);line-height:var(--ui-line-height-normal,1.5);margin:0}.play-timeline .play-timeline__cue-label{margin-bottom:var(--ui-space-1,.25rem);font-size:var(--ui-font-size-xs,.75rem);font-weight:var(--ui-font-weight-bold,700);text-transform:uppercase;letter-spacing:.06em;color:var(--ui-color-text-muted,#64748b);display:block}.play-timeline .play-timeline__hint{font-size:var(--ui-font-size-xs,.75rem);line-height:var(--ui-line-height-normal,1.5);color:var(--ui-color-text-muted,#64748b);margin:0}.play-timeline .play-timeline__condensed{gap:var(--ui-space-3,.75rem);display:grid}.play-timeline .play-timeline__status{padding:var(--ui-space-1,.25rem) var(--ui-space-3,.75rem);border-radius:var(--ui-radius-full,9999px);background:var(--ui-color-primary-subtle,#dbeafe);color:var(--ui-color-primary,#2563eb);font-size:var(--ui-font-size-xs,.75rem);font-weight:var(--ui-font-weight-bold,700);text-transform:uppercase;letter-spacing:.06em;justify-self:start;margin:0}.play-timeline .play-timeline__grid{gap:var(--ui-space-2,.5rem);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.play-timeline .play-timeline__grid-item{min-width:0}.play-timeline .play-timeline__grid-step{width:100%;min-height:40px;padding:var(--ui-space-2,.5rem);border:1px solid var(--ui-color-border,#e2e8f0);border-radius:var(--ui-radius-sm,.5rem);background:var(--ui-color-surface,#fff);color:var(--ui-color-text,#0f172a);font:inherit;font-size:var(--ui-font-size-sm,.875rem);font-weight:var(--ui-font-weight-semibold,600);cursor:pointer;transition:background var(--ui-motion-duration-fast,.15s) var(--ui-motion-ease-standard,ease), border-color var(--ui-motion-duration-fast,.15s) var(--ui-motion-ease-standard,ease)}.play-timeline .play-timeline__grid-step:hover{background:var(--ui-color-surface-hover,#e2e8f0)}.play-timeline .play-timeline__grid-step[aria-current=step]{background:var(--ui-color-primary,#2563eb);border-color:var(--ui-color-primary,#2563eb);color:var(--ui-color-primary-contrast,#fff)}.play-timeline .play-timeline__grid-step:focus-visible{outline:var(--ui-focus-width,2px) solid var(--ui-focus-color,#2563eb);outline-offset:var(--ui-focus-offset,2px)}.play-timeline .play-timeline__detail{border:1px solid var(--ui-color-primary-subtle,#dbeafe);border-radius:var(--ui-radius-sm,.5rem);background:var(--ui-color-primary-subtle,#dbeafe);display:grid;overflow:hidden}.play-timeline .play-timeline__detail-head{justify-content:space-between;align-items:baseline;gap:var(--ui-space-1,.25rem) var(--ui-space-3,.75rem);padding:var(--ui-space-3,.75rem) var(--ui-space-3,.75rem) var(--ui-space-2,.5rem);flex-wrap:wrap;display:flex}.play-timeline .play-timeline__detail-title{font-size:var(--ui-font-size-sm,.875rem);font-weight:var(--ui-font-weight-bold,700);margin:0}.play-timeline .play-timeline__detail .play-timeline__action{border-top-color:color-mix(in srgb, var(--ui-color-primary,#2563eb) 18%, transparent)}.play-timeline .play-timeline__detail .play-timeline__action-player{background:var(--ui-color-surface,#fff)}.play-timeline .play-timeline__detail-meta{font-size:var(--ui-font-size-xs,.75rem);font-weight:var(--ui-font-weight-semibold,600);color:var(--ui-color-text-muted,#64748b);margin:0}.play-timeline .play-timeline__full{justify-content:space-between;align-items:center;gap:var(--ui-space-2,.5rem);min-height:42px;padding:var(--ui-space-2,.5rem) var(--ui-space-3,.75rem);border:0;border-top:1px solid var(--ui-color-border,#e2e8f0);background:var(--ui-color-surface,#fff);color:var(--ui-color-primary,#2563eb);font:inherit;font-size:var(--ui-font-size-sm,.875rem);font-weight:var(--ui-font-weight-semibold,600);text-align:left;cursor:pointer;display:flex}.play-timeline .play-timeline__full-chevron{background:var(--ui-color-surface-muted,#f1f5f9);width:18px;height:18px;color:var(--ui-color-text-muted,#64748b);font-size:var(--ui-font-size-sm,.875rem);transition:transform var(--ui-motion-duration-fast,.15s) var(--ui-motion-ease-standard,ease);border-radius:4px;place-items:center;line-height:1;display:grid}.play-timeline .play-timeline__full[aria-expanded=true] .play-timeline__full-chevron{transform:rotate(90deg)}.play-timeline .play-timeline__full:focus-visible{outline:var(--ui-focus-width,2px) solid var(--ui-focus-color,#2563eb);outline-offset:calc(-1 * var(--ui-focus-offset,2px))}