.scouting-timeline[hidden]{display:none!important}
.scouting-timeline{--timeline-accent:var(--lime,#75f443);margin:14px 0;border:1px solid var(--line,#364030);background:#141c14;color:var(--ink,#f4f5ed);padding:12px;min-width:0;font:13px/1.45 "Segoe UI",sans-serif}
.scouting-timeline *{box-sizing:border-box}.scouting-timeline [hidden]{display:none!important}.timeline-toolbar,.timeline-navigation,.timeline-form-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.timeline-toolbar{justify-content:space-between}.timeline-toolbar h3{margin:0;font-size:16px}.timeline-navigation button,.timeline-toolbar button,.timeline-toolbar select{min-height:34px;padding:6px 9px;font:inherit}.scouting-timeline button:disabled{opacity:.45;cursor:not-allowed;background:#162016;color:#abb4a4}.scouting-timeline button[aria-pressed=true]{border-color:var(--timeline-accent);color:var(--timeline-accent);background:#20301c}.scouting-timeline :focus-visible{outline:3px solid var(--timeline-accent);outline-offset:3px}.timeline-body{margin-top:10px}.timeline-context,.timeline-help,.timeline-status{font-size:12px;line-height:1.5;color:var(--muted,#b1b8aa);margin:6px 0;overflow-wrap:anywhere}.timeline-scrub{display:flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums}.timeline-scrub input{flex:1;min-width:50px;accent-color:var(--timeline-accent);padding:0}.timeline-moments{list-style:none;margin:10px 0 0;padding:0;display:flex;gap:8px;overflow:auto;max-height:140px}.timeline-moments li{flex:0 0 180px;min-width:0}.timeline-moment{width:100%;text-align:left;display:block;height:100%;padding:9px 10px!important;overflow-wrap:anywhere;white-space:normal;font:inherit!important}.timeline-moment strong,.timeline-moment small{display:block}.timeline-moment small{color:var(--muted,#b1b8aa);font-size:11px;margin-top:4px}.timeline-moment[aria-current=true]{border-color:var(--timeline-accent);box-shadow:inset 3px 0 var(--timeline-accent);background:#24331d}.timeline-empty{flex:1!important;color:var(--muted,#b1b8aa);font-size:12px}.timeline-editor{margin-top:12px;padding-top:12px;border-top:1px solid var(--line,#364030)}.timeline-editor .timeline-edit-list{display:flex;gap:7px;overflow:auto;margin:8px 0}.timeline-editor .timeline-edit-list button{white-space:nowrap}.timeline-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin:10px 0}.timeline-fields label{font-size:12px}.timeline-fields input{display:block;width:100%;margin-top:5px;font:inherit}.timeline-status.error{color:#ff9bab}.timeline-editor h4{margin:8px 0}.timeline-local-note{margin:8px 0;font-size:11px;color:var(--muted,#b1b8aa)}
#videoContainer>.scouting-timeline{position:absolute;bottom:50px;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 24px);z-index:1300;max-height:40%;overflow-y:auto;margin:0;padding:4px 8px;background:rgba(16,24,16,.9);box-shadow:0 4px 24px #0008}
#videoContainer>.scouting-timeline .timeline-toolbar h3{font-size:14px}
#videoContainer>.scouting-timeline .timeline-toolbar :is(button,select){min-height:24px;padding:2px 7px;font-size:12px}
#videoContainer>.scouting-timeline .timeline-body{margin-top:2px}
#videoContainer>.scouting-timeline .timeline-scrub{height:18px;font-size:11px}
#videoContainer>.scouting-timeline .timeline-context,#videoContainer>.scouting-timeline .timeline-status:not(.error){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#videoContainer>.scouting-timeline .timeline-moments{gap:6px;margin-top:2px;max-height:40px}
#videoContainer>.scouting-timeline .timeline-moments li{flex-basis:220px}
#videoContainer>.scouting-timeline .timeline-moment{display:flex;align-items:center;gap:8px;padding:3px 7px!important;min-height:0}
#videoContainer>.scouting-timeline .timeline-moment strong{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
#videoContainer>.scouting-timeline .timeline-moment small{flex-shrink:0;margin-top:0;white-space:nowrap}
#videoContainer.timeline-presenting .presenter-camera{bottom:auto;top:56px}
@media(max-width:650px){.timeline-fields{grid-template-columns:1fr}.timeline-toolbar{align-items:flex-start}.timeline-navigation{gap:5px}.timeline-moments li{flex-basis:155px}#videoContainer>.scouting-timeline{bottom:46px;width:calc(100% - 12px);padding:4px;max-height:40%}.timeline-toolbar h3{font-size:14px}}
