:root{--bg:#f3f4f1;--panel:#fff;--ink:#15202b;--ink-2:#3e4a57;--muted:#6b7784;--rule:#d5d9dd;--court:#e27c2e;--court-far:#15202b38;--court-line:#fff6e8;--free:#27588a;--gold:#f5b82e;--navy:#1f3a5f;--green:#1e7f5c;--red:#c8102e;--font-display:"Big Shoulders Display", "Arial Narrow", Impact, sans-serif;--font-body:"Barlow", system-ui, sans-serif;--ease:cubic-bezier(.3, 0, .15, 1)}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-text-size-adjust:100%;font-size:17px;line-height:1.5}body{margin:0}.app{max-width:1180px;margin:0 auto;padding:0 16px 56px}.masthead{border-bottom:3px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;padding:22px 0 12px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:54px;font-weight:800;line-height:.9}.tagline{color:var(--ink-2);margin:6px 0 0}.masthead-link{color:var(--ink-2);text-underline-offset:3px;white-space:nowrap;font-weight:500;text-decoration:underline}.masthead-link:hover{color:var(--ink)}.tabs{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:2px;margin:10px 0 22px;display:flex}.view-switch{margin:0 0 6px auto}.seg-compact{border:2px solid var(--ink);border-radius:4px;gap:0;overflow:hidden}.seg-compact .seg-btn{border:0;border-radius:0;min-width:0;padding:5px 12px}.seg-compact .seg-btn span{font-size:17px}@media (width<=600px){.view-switch{width:100%;margin:6px 0 8px}.view-switch .seg-btn{flex:1;align-items:center}}.tab{font-family:var(--font-display);letter-spacing:.01em;color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:4px solid #0000;margin-bottom:-1px;padding:10px 14px 8px;font-size:23px;font-weight:700}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--court)}.lesson{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);align-items:start;gap:32px;display:grid}@media (width<=880px){.lesson{grid-template-columns:1fr;gap:20px}}.stage{position:sticky;top:12px}@media (width<=880px){.stage{position:static}}@media (width<=480px){.wordmark{font-size:44px}.tab{padding:8px 9px 6px;font-size:19px}.panel h2{font-size:36px}.dial-row{grid-template-columns:repeat(3,76px)}}.stage-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px 16px;margin-bottom:10px;display:flex}.stage-actions{gap:8px;display:flex}.phase-blurb{color:var(--ink-2);max-width:64ch;margin:0 0 12px;font-size:15.5px}.status{flex:260px;margin:0;font-size:15.5px;font-weight:600}.status-ok{color:var(--green)}.status-bad{color:var(--red)}.court-wrap{position:relative}.court{touch-action:none;border-radius:6px;width:100%;height:auto;display:block}.court-freezone{fill:var(--free)}.court-floor{fill:var(--court)}.court-far{fill:var(--court-far)}.court-lines rect,.court-lines line{fill:none;stroke:var(--court-line);stroke-width:.08px}.court-net{stroke:var(--ink);stroke-width:.16px}.court-antenna{stroke:#e8352b;stroke-width:.1px}.court-zone-number{font-family:var(--font-display);fill:#fff6e866;pointer-events:none;font-size:1.5px;font-weight:800}.court-shadow{fill:#15202b4d}.court-path path{fill:none;stroke-width:.07px}.court-path-move{color:var(--ink)}.court-path-move path{stroke:var(--ink);stroke-dasharray:.26 .18;opacity:.75}.court-path-ball path{stroke:#fff;stroke-width:.06px;stroke-dasharray:.1 .18;stroke-linecap:round;opacity:.9}.court-path-overlap path{stroke:#fff;stroke-width:.05px;stroke-dasharray:.18 .14;opacity:.65}.court-path-overlap-bad path{stroke:var(--red);stroke-width:.11px}.court-path-shot{color:var(--court-line)}.court-path-shot path{stroke:var(--court-line);stroke-width:.05px;stroke-dasharray:.22 .2;opacity:.9}.court-path-label{font-family:var(--font-body);fill:#fff;paint-order:stroke;stroke:#15202b80;stroke-width:.12px;font-size:.38px;font-weight:600}.court3d .court-lines polygon,.court3d .court-lines line{fill:none;stroke:var(--court-line);stroke-width:3px}.court3d-zone{font-family:var(--font-display);fill:#fff6e866;pointer-events:none;font-weight:800}.court3d .court-path path{stroke-width:3px}.court3d .court-path-move path{stroke-dasharray:12 8}.court3d .court-path-ball path{stroke-width:3px;stroke-dasharray:4 9}.court3d .court-path-overlap path{stroke-width:2.5px;stroke-dasharray:9 7}.court3d .court-path-overlap-bad path{stroke-width:5px}.court3d .court-path-shot path{stroke-width:2.5px;stroke-dasharray:10 9}.court3d .court-path-label{stroke-width:8px;font-size:30px}.net-mesh{fill:#fff3}.net-line{stroke:#ffffff73;stroke-width:1.2px}.net-tape{stroke:#fff;stroke-width:5px;stroke-linecap:round}.net-post{stroke:var(--ink);stroke-width:7px;stroke-linecap:round}.antenna-base{stroke:#fff;stroke-width:3.5px;stroke-linecap:round}.antenna-red{stroke:#e8352b;stroke-width:3.5px;stroke-dasharray:9 9}.figure-shadow{fill:#15202b4d}.figure-ring{fill:none;stroke:#fff;stroke-width:.06px;opacity:0;transition:opacity .15s}.player-active .figure-ring,.player:focus-visible .figure-ring{opacity:1}.player-ring .figure-ring{opacity:1;stroke:var(--gold);stroke-width:.09px}.player-flagged .figure-ring{opacity:1;stroke:var(--red);stroke-width:.09px}.figure,.figure path,.figure g,.figure-tag{transition:d .45s var(--ease), transform .45s var(--ease)}.figure-bob{animation:2.8s ease-in-out infinite bob;animation-delay:var(--seed,0s)}@keyframes bob{0%,to{transform:translate(0)}50%{transform:translateY(.035px)}}.pose-run .figure-bob{animation:.19s ease-in-out 4 stride}@keyframes stride{0%,to{transform:translate(0)}50%{transform:translateY(.09px)}}.pose-hit .figure,.pose-block .figure{animation:.56s cubic-bezier(.2,.7,.3,1) both spring}@keyframes spring{0%{transform:translateY(-.14px)}45%{transform:translate(0, calc(var(--lift,0) * 1.14px))}to{transform:translate(0, calc(var(--lift,0) * 1px))}}.figure-shadow{transition:transform .45s var(--ease), opacity .45s var(--ease)}.pose-hit .figure-shadow,.pose-block .figure-shadow{opacity:.7;transform:scale(.78)}.figure-tag text{font-family:var(--font-display);pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:700}.ball-shadow{pointer-events:none;transition:transform .9s cubic-bezier(.4,0,.2,1)}.ball-shadow ellipse{fill:#15202b52}.player{transition:transform .75s var(--ease);cursor:pointer;outline:none}.court-draggable .player{cursor:grab}.player-dragging{cursor:grabbing;transition:none}.player-halo{fill:none;stroke:#fff;stroke-width:.09px;opacity:0;transition:opacity .15s}.player-active .player-halo,.player:focus-visible .player-halo{opacity:1}.player-ring .player-halo{opacity:1;stroke:var(--gold);stroke-width:.13px}.player-flagged .player-halo{opacity:1;stroke:var(--red);stroke-width:.13px}.player-muted{opacity:.82}.player-label{font-family:var(--font-display);pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:700}.ball{pointer-events:none;transition:transform .9s cubic-bezier(.4,0,.2,1)}.court-tip{background:var(--ink);color:#fff;pointer-events:none;z-index:2;border-radius:4px;width:250px;max-width:62%;padding:10px 12px 11px;font-size:14px;line-height:1.4;position:absolute;transform:translate(16px,-100%)translateY(-20px)}.court-tip-right{transform:translate(-100%,-100%)translate(-16px,-20px)}.court-tip-below{transform:translate(16px,20px)}.court-tip-right.court-tip-below{transform:translate(-100%)translate(-16px,20px)}.court-tip strong{font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1.1;display:block}.court-tip-sub{color:#c9d1da;margin-top:2px;font-size:13px;display:block}.court-tip p{margin:6px 0 0}.panel h2{font-family:var(--font-display);margin:0 0 10px;font-size:42px;font-weight:800;line-height:.95}.panel h3{font-family:var(--font-display);margin:26px 0 6px;font-size:25px;font-weight:700;line-height:1.05}.panel h4{font-family:var(--font-display);margin:0 0 4px;font-size:20px;font-weight:700}.panel p{max-width:62ch;margin:0 0 12px}.lede{color:var(--ink-2);font-size:18.5px}.hint{color:var(--muted);font-size:15px}.note{border-left:4px solid var(--court);background:var(--panel);margin:16px 0;padding:8px 14px 6px}.watch{margin:0;padding-left:20px}.watch li{margin:4px 0}.facts{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0 0 12px;display:grid}.facts dt{color:var(--ink-2);font-weight:600}.facts dd{margin:0}.flag{background:var(--panel);border-left:4px solid var(--ink);flex-direction:column;gap:10px;margin:18px 0 6px;padding:12px 14px;display:flex}.flag-control{margin:0}.flag-text{flex-direction:column;gap:2px;display:flex}.flag-label{font-family:var(--font-display);font-size:21px;font-weight:700;line-height:1.1}.flag-hint{color:var(--muted);font-size:14.5px}.switch{cursor:pointer;font-family:var(--font-display);color:var(--ink);background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:4px;font-size:19px;font-weight:700;display:inline-flex}.switch-track{background:#b9c0c7;border-radius:14px;width:48px;height:28px;transition:background .15s;position:relative}.switch-knob{width:22px;height:22px;transition:transform .15s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #15202b59}.switch-on .switch-track{background:var(--green)}.switch-on .switch-knob{transform:translate(20px)}.switch:focus-visible{outline:3px solid var(--court);outline-offset:2px;border-radius:4px}.with-chip{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.chip{font-family:var(--font-body);border:1.5px solid var(--muted);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:13px;font-weight:600;line-height:1}.chip-on{border-color:var(--green);color:var(--green)}@media (prefers-reduced-motion:reduce){.switch-track,.switch-knob{transition:none}}.controls-row{flex-wrap:wrap;align-items:flex-end;gap:14px 20px;margin:18px 0 8px;display:flex}.check{align-items:center;gap:8px;margin:14px 0 8px;font-weight:500;display:flex}.check input{width:18px;height:18px;accent-color:var(--court)}.btn{font-family:var(--font-display);letter-spacing:.01em;border:2px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:4px;padding:8px 16px;font-size:20px;font-weight:700;line-height:1.1}.btn:hover{background:#26364a;border-color:#26364a}.btn-quiet{color:var(--ink);background:0 0}.btn-quiet:hover{border-color:var(--ink);background:#e6e8e4}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible,.tab:focus-visible,.dial-cell:focus-visible,.seg-btn:focus-visible,.phase:focus-visible,.masthead-link:focus-visible,.check input:focus-visible{outline:3px solid var(--court);outline-offset:2px}.phases{flex:360px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.phases-2{grid-template-columns:repeat(2,minmax(0,1fr))}.phase{text-align:left;border:0;border-top:4px solid var(--rule);font-family:var(--font-body);color:var(--ink-2);cursor:pointer;background:0 0;padding:6px 8px 8px;font-size:14px;font-weight:600;line-height:1.25}.phase:hover{border-top-color:#b9c0c7}.phase small{font-family:var(--font-display);margin-bottom:2px;font-size:22px;font-weight:800;line-height:1;display:block}.phase-on{border-top-color:var(--court);color:var(--ink)}.dial{gap:6px;display:inline-grid}.dial-net{background:var(--ink);border-radius:2px;height:5px;display:block}.dial-row{grid-template-columns:repeat(3,86px);gap:6px;display:grid}.dial-cell{background:var(--court);color:#fff;cursor:pointer;font-family:var(--font-body);border:2px solid #0000;border-radius:4px;flex-direction:column;align-items:center;padding:8px 4px 6px;line-height:1.1;display:flex}.dial-cell:hover{filter:brightness(1.07)}.dial-on{background:var(--ink);border-color:var(--ink)}.dial-rot{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1}.dial-zone{opacity:.92;margin-top:3px;font-size:12px}.seg{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.seg-btn{border:2px solid var(--rule);background:var(--panel);cursor:pointer;font-family:var(--font-body);color:var(--ink);text-align:left;border-radius:4px;flex-direction:column;align-items:flex-start;min-width:118px;padding:7px 12px 8px;line-height:1.2;display:flex}.seg-btn span{font-family:var(--font-display);font-size:21px;font-weight:700}.seg-btn small{color:var(--muted);margin-top:2px;font-size:13px}.seg-btn:hover{border-color:#aab2ba}.seg-on,.seg-on:hover{border-color:var(--ink);background:var(--ink);color:#fff}.seg-on small{color:#c9d1da}.legend{flex-wrap:wrap;gap:8px 16px;margin:8px 0 0;padding:0;list-style:none;display:flex}.legend li{align-items:center;gap:7px;font-size:14.5px;display:flex}.legend-swatch{border:2px solid var(--ink);width:30px;height:30px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:inline-grid}.footer{border-top:1px solid var(--rule);color:var(--muted);margin-top:40px;padding-top:14px;font-size:15px}.footer p{max-width:70ch;margin:0}@media (prefers-reduced-motion:reduce){.player,.ball,.ball-shadow,.player-halo,.figure,.figure path,.figure g,.figure-tag,.figure-ring,.figure-shadow{transition:none}.figure-bob,.pose-run .figure-bob,.pose-hit .figure,.pose-block .figure{animation:none}}