:root{color:#edf0ed;color-scheme:dark;background:#101713;font-family:system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #3b4b40;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 5%;display:flex}nav,.actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}main{max-width:1100px;margin:auto;padding:2rem 5%}a{color:#c8f4a4}button,.button{color:#14200f;font:inherit;cursor:pointer;background:#c8f4a4;border:0;border-radius:.5rem;min-height:44px;padding:.75rem 1rem;font-weight:650;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:wait}.secondary{color:#edf0ed;background:#26362b}label{margin:.9rem 0;display:block}input:not([type=checkbox]),select{width:100%;color:inherit;font:inherit;background:#17231b;border:1px solid #66796b;border-radius:.4rem;margin-top:.3rem;padding:.7rem;display:block}input[type=checkbox]{vertical-align:middle;width:22px;height:22px;margin-right:.6rem}input[type=range]{min-height:40px;padding:0}h1{font-size:clamp(1.6rem,5vw,2.5rem);line-height:1.2}small,.muted{color:#bac8bd}.notice,.card{overflow-wrap:anywhere;border:1px solid #415646;border-radius:.7rem;margin:1rem 0;padding:1rem}.notice{background:#1e3024}.error{color:#ffb6ac}video{background:#000;border-radius:.5rem;width:100%;max-height:65vh;display:block}.grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.5rem;display:grid}.grid>*{min-width:0}.interval{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;display:grid}progress{width:100%;height:24px}form{max-width:640px}#matches{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;display:grid}.timeline{flex-wrap:wrap;gap:.4rem;margin:1rem 0;display:flex}.timeline button{font-size:.85rem}output{white-space:pre-wrap;margin:.8rem 0;display:block}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ffe58b}@media (width<=720px){.grid{grid-template-columns:minmax(0,1fr)}header{align-items:flex-start}nav{justify-content:flex-end}main{padding-top:1rem}}.stage{position:relative}.court-overlay{touch-action:none;position:absolute}.court-overlay line{stroke:#ffe58b;stroke-width:2px;opacity:.9}.court-overlay .draft{fill:none;stroke:#ffe58b;stroke-width:2px;stroke-dasharray:6 4}.handle circle{fill:#ffe58b;stroke:#101713;stroke-width:2px}.handle .hit{fill:#0000;stroke:none;cursor:grab}.handle .hit:focus-visible{fill:#ffe58b40;outline:none}.handle text{fill:#ffe58b;paint-order:stroke;stroke:#101713;stroke-width:3px;font-size:14px;font-weight:700}.warning{background:#2b2516;border-color:#8a6d2a}.metrics{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:1rem 0}.metrics th,.metrics td{text-align:left;vertical-align:top;border-bottom:1px solid #2f4035;padding:.55rem .6rem}.metrics thead th{color:#bac8bd;font-weight:600}.metrics td{white-space:nowrap}.swatch{vertical-align:-1px;border:1px solid #66796b;border-radius:3px;width:.85rem;height:.85rem;margin-right:.45rem;display:inline-block}.heatmap{margin:1rem 0}.heatmap svg{border-radius:.6rem;width:100%;height:auto;display:block}.heatmap .surface{fill:#17231b}.heatmap .cell{fill:#c8f4a4}.heatmap .cell:hover{stroke:#edf0ed;stroke-width:2px}.heatmap .court-line{stroke:#8fa394;stroke-width:2px;pointer-events:none}.heatmap text{fill:#edf0ed;font-size:22px;font-weight:600}.heatmap figcaption{color:#bac8bd;margin-top:.5rem;font-size:.9rem}.ramp{vertical-align:middle;background:linear-gradient(90deg,#c8f4a414,#c8f4a4e6);border:1px solid #415646;border-radius:3px;width:5rem;height:.7rem;display:inline-block}.tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:.75rem;margin:1rem 0;display:grid}.tile{border:1px solid #415646;border-radius:.6rem;padding:.8rem 1rem}.tile span{color:#bac8bd;font-size:.85rem;display:block}.tile strong{font-variant-numeric:tabular-nums;font-size:1.5rem}details{margin:1rem 0}summary{cursor:pointer;align-items:center;min-height:44px;display:flex}@media (width<=720px){.metrics td{white-space:normal}}.ball-overlay{touch-action:none;cursor:crosshair;position:absolute}.ball-overlay .mark circle{fill:none;stroke:#ffe58b;stroke-width:2px}.ball-overlay .mark text{fill:#ffe58b;paint-order:stroke;stroke:#101713;stroke-width:3px;font-size:14px;font-weight:700}.ball-overlay .trail{fill:#ffe58b}.lens{pointer-events:none;border:2px solid #ffe58b;border-radius:50%;width:180px;height:180px;position:absolute}.frame-status{font-variant-numeric:tabular-nums}kbd{font:inherit;border:1px solid #66796b;border-radius:.3rem;padding:.05rem .35rem;font-size:.85em}button[aria-pressed=true]{color:#14200f;background:#ffe58b}[hidden]{display:none!important}