:root{--color-bg: #f7f8fa;--color-surface: #ffffff;--color-text: #12161c;--color-text-muted: #5b6470;--color-border: #e1e5ea;--color-accent: #2563eb;--color-accent-contrast: #ffffff;--color-field: #2f7d40;--color-field-endzone: #245f32;--color-field-line: #f4f7f5;--color-field-line-muted: rgba(244, 247, 245, .55);--color-cam-elevated: #2563eb;--color-cam-handheld: #d9770b;--color-cam-ground: #5b6470;--color-cam-overhead: #7c3aed;--color-cone-fill: #2563eb;--color-travel: #d9770b;--color-alternate: #5b6470;--radius-sm: 6px;--radius-md: 10px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}#root{max-width:1100px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-8)}h1,h2,h3{line-height:1.25}h2{font-size:1.25rem;margin:0 0 var(--space-3)}h3{font-size:1.05rem;margin:0 0 var(--space-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header{padding:var(--space-6) 0 var(--space-4)}.app-header h1{font-size:1.6rem;margin:0 0 var(--space-2)}.app-header p{color:var(--color-text-muted);margin:0;max-width:60ch}.controls{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6)}.sport-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--space-2)}.sport-button{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.8rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.sport-button:hover:not(:disabled){border-color:var(--color-accent)}.sport-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sport-button[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.sport-button:disabled{opacity:.4;cursor:not-allowed}.camera-count-selector{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;width:fit-content}.camera-count-button{padding:var(--space-2) var(--space-4);background:var(--color-bg);border:none;border-right:1px solid var(--color-border);color:var(--color-text);font-size:.95rem;cursor:pointer}.camera-count-button:last-child{border-right:none}.camera-count-button:hover{background:#eef1f5}.camera-count-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.camera-count-button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-contrast)}.field-diagram-wrapper{margin-bottom:var(--space-6)}.field-diagram{display:block;width:100%;height:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.field-surface{fill:var(--color-field)}.field-endzone{fill:var(--color-field-endzone)}.field-yard-line{stroke:var(--color-field-line-muted);stroke-width:.25}.field-yard-number{fill:var(--color-field-line-muted);font-size:3px;font-weight:600}.field-boundary{fill:none;stroke:var(--color-field-line);stroke-width:.4}.field-yard-line--nofill{fill:none}.field-yard-line--dashed{stroke-dasharray:1.2 1}.field-center-spot{fill:var(--color-field-line)}.field-goal{fill:var(--color-field-line-muted);stroke:none}.field-home-label{fill:var(--color-text-muted);font-size:3.2px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.field-scale-note{fill:var(--color-text-muted);font-size:2.6px;font-style:italic}.camera-marker{cursor:pointer}.camera-marker__halo{fill:transparent;stroke:none}.camera-marker.is-highlighted .camera-marker__halo{fill:color-mix(in srgb,var(--color-accent) 25%,transparent)}.camera-marker__dot{stroke:var(--color-field-line);stroke-width:.4}.camera-marker--elevated .camera-marker__dot{fill:var(--color-cam-elevated)}.camera-marker--handheld .camera-marker__dot{fill:var(--color-surface);stroke:var(--color-cam-handheld);stroke-width:.6}.camera-marker--ground .camera-marker__dot{fill:var(--color-surface);stroke:var(--color-cam-ground);stroke-width:.6}.camera-marker--overhead .camera-marker__dot{fill:var(--color-cam-overhead)}.camera-marker__label{fill:var(--color-accent-contrast);font-size:3px;font-weight:700;text-anchor:middle;pointer-events:none}.camera-marker--handheld .camera-marker__label,.camera-marker--ground .camera-marker__label{fill:var(--color-text)}.camera-marker:focus-visible{outline:none}.camera-marker:focus-visible .camera-marker__dot{stroke:var(--color-accent);stroke-width:.8}.fov-cone{fill:var(--color-cone-fill);fill-opacity:.14;stroke:none;pointer-events:none}.fov-cone.is-highlighted{fill-opacity:.28}.travel-path{stroke:var(--color-travel);stroke-width:.4;stroke-dasharray:1.4 1;pointer-events:none}.travel-arrow__head{fill:var(--color-travel)}.alternate-marker__dot{fill:none;stroke:var(--color-alternate);stroke-width:.4;stroke-dasharray:1 .8}.alternate-marker__leader{stroke:var(--color-alternate);stroke-width:.25;stroke-dasharray:.6 .6}.alternate-marker__label{fill:var(--color-text-muted);font-size:2.6px;text-anchor:middle}.diagram-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-2) 0;font-size:.8rem;color:var(--color-text-muted)}.diagram-legend__group{display:inline-flex;align-items:center;gap:var(--space-1)}.diagram-legend__swatch{width:12px;height:12px;border-radius:50%;display:inline-block;border:2px solid var(--color-cam-ground);background:transparent}.diagram-legend__swatch--elevated{background:var(--color-cam-elevated);border-color:var(--color-cam-elevated)}.diagram-legend__swatch--handheld{border-color:var(--color-cam-handheld)}.diagram-legend__swatch--ground{border-color:var(--color-cam-ground)}.diagram-legend__swatch--overhead{background:var(--color-cam-overhead);border-color:var(--color-cam-overhead)}.diagram-legend__swatch--alternate{border-style:dashed;border-color:var(--color-alternate)}.diagram-legend__line{width:20px;height:0;display:inline-block;border-top:2px solid var(--color-cone-fill)}.diagram-legend__line--cone{border-top-style:dotted;opacity:.6}.diagram-legend__line--travel{border-top-color:var(--color-travel);border-top-style:dashed}.summary{margin-bottom:var(--space-6)}.summary p{color:var(--color-text-muted);max-width:75ch}.camera-cards{margin-bottom:var(--space-6)}.camera-cards__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.camera-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color .15s ease,box-shadow .15s ease}.camera-card.is-highlighted{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.camera-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.camera-card h3{display:flex;align-items:center;gap:var(--space-2)}.camera-card__number{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:50%;background:var(--color-accent);color:var(--color-accent-contrast);font-size:.85rem}.camera-card__placement{color:var(--color-text-muted);font-size:.9rem;margin-top:-.4rem}.camera-card__notes{padding-left:1.1rem;margin:var(--space-2) 0 0;font-size:.9rem;color:var(--color-text-muted)}.shot-list{margin-bottom:var(--space-6)}.table-scroll{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}table{width:100%;border-collapse:collapse;background:var(--color-surface);font-size:.9rem}th,td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:top}thead th{background:var(--color-bg);white-space:nowrap}tbody tr:last-child td{border-bottom:none}.routine-play-note{margin-top:var(--space-3);color:var(--color-text-muted)}.variations{margin-bottom:var(--space-6)}.variations__list{display:grid;gap:var(--space-3);margin:0}.variations__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3)}.variations__item dt{font-weight:600;margin-bottom:var(--space-1)}.variations__item dd{margin:0;color:var(--color-text-muted)}.director-tips{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.director-tips__group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.director-tips__group ul{margin:0;padding-left:1.1rem;color:var(--color-text-muted)}.director-tips__group li+li{margin-top:var(--space-1)}@media (min-width: 720px){.director-tips{grid-template-columns:1fr 1fr}}