:root{color:#173847;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#80b5cf;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#80b5cf;min-width:320px;min-height:100svh;margin:0}button{letter-spacing:0}.app-shell{min-height:100svh;padding:10px 12px max(14px, env(safe-area-inset-bottom));color:#16313f;flex-direction:column;align-items:center;gap:8px;display:flex}.app-header{justify-content:space-between;align-items:center;gap:9px;width:min(100%,520px);display:flex}.brand-heading{color:#173847;margin:0;font-size:20px;font-weight:750;line-height:1}.brand-logo{appearance:none;color:inherit;font:inherit;white-space:nowrap;touch-action:manipulation;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.brand-logo:focus-visible{outline-offset:2px;outline:2px solid}.brand-logo:active{transform:scale(.97)}.brand-compact{display:none}.brand-ball{flex:none;width:19px;height:19px;margin-inline:1px}.brand-ball circle{fill:#cde600}.brand-ball path{fill:none;stroke:#fff;stroke-width:1.45px;stroke-linecap:round}.mobile-label{display:none}.toolbar-stack,.controls{align-items:center;gap:6px;min-width:0;display:flex}.controls button,.playmaker-toggle,.toolbar-stack>.icon-button,.help-button{appearance:none;color:#102f3c;min-height:44px;font:inherit;touch-action:manipulation;background:#f8fcfddb;border:1px solid #0f2f3c47;border-radius:12px;font-size:13px;font-weight:740;line-height:1;transition:background-color .12s,border-color .12s,box-shadow .12s,transform 90ms;box-shadow:inset 0 1px #ffffffb3,0 1px 3px #0f2f3c14}.controls button{padding:0 10px}.controls button:focus-visible,.playmaker-toggle:focus-visible,.toolbar-stack>.icon-button:focus-visible,.help-button:focus-visible{outline-offset:2px;outline:2px solid #173847}.controls button:active,.playmaker-toggle:active,.toolbar-stack>.icon-button:active,.help-button:active{transform:scale(.96)}.controls button:disabled,.playmaker-panel button:disabled{opacity:.45;transform:none}.shot-toggle{background:#f8fcfdd1;border:2px solid #0f2f3c57;border-radius:12px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff70,0 1px 3px #0f2f3c14}.shot-toggle button{box-shadow:none;color:#102f3c;background:#f8fcfdb8;border:0;border-radius:0;justify-content:center;align-items:center;gap:3px;min-width:54px;padding:0 9px;transition:background-color .17s,color .17s,box-shadow .17s;display:inline-flex}.shot-toggle button.active{color:#fff;background:#102f3c;box-shadow:0 1px 4px #0f2f3c2e}.shot-icon{font-size:15px;font-weight:900;line-height:1;transform:translateY(-.5px)}.action-group{align-items:center;gap:5px;display:flex}.reset-button{color:#6b3508;background:#fff0df;border-color:#70390d61}.icon-button{place-items:center;width:44px;padding:0;font-size:16px;display:grid}.playmaker-toggle{color:#fff;background:#19a7b8;border-color:#19a7b8;justify-content:center;align-items:center;gap:5px;padding:0 11px;font-weight:820;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 3px 9px #0f2f3c2e}.playmaker-toggle.active{background:#128998;border-color:#128998}.help-button{border-radius:999px;flex:0 0 36px;place-items:center;width:36px;height:36px;padding:0;font-size:15px;font-weight:850;display:grid}.playmaker-panel{-webkit-overflow-scrolling:touch;background:#ffffff52;border:1px solid #ffffff85;border-radius:12px;flex-direction:column;gap:10px;width:min(100%,520px);max-height:min(610px,100svh - 94px);padding:11px;display:flex;overflow:auto}.playmaker-title,.playmaker-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.playmaker-title h2{color:#173847;margin:0;font-size:16px;line-height:1}.saved-plays-header span,.current-step-summary{color:#173847c2;font-size:11px;font-weight:820}.playmaker-panel button{appearance:none;color:#173847;min-height:34px;font:inherit;touch-action:manipulation;background:#ffffff94;border:1px solid #1738472e;border-radius:7px;font-size:12px;font-weight:720;line-height:1}.current-step-summary{min-height:18px}.playmaker-cards{gap:8px;display:grid}.play-card{background:#ffffff8a;border:1px solid #17384724;border-radius:8px;gap:8px;padding:10px;display:grid}.play-card.active{background:#ffffffc2;border-color:#17384757;box-shadow:0 2px 8px #0f2f3c14}.play-card h3{color:#173847;margin:0;font-size:14px;line-height:1}.play-field{grid-template-columns:48px 1fr;align-items:center;gap:8px;display:grid}.play-field span{color:#173847b8;font-size:11px;font-weight:760}.play-segments{background:#80b5cf2e;border:1px solid #17384729;border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.play-segments button{background:0 0;border:0;border-radius:0;min-height:32px;padding:0 4px}.play-segments button.active{color:#0e2e3b;background:#fff}.playmaker-actions{z-index:1;background:#b0cdddeb;border-top:1px solid #ffffff6b;flex-wrap:wrap;justify-content:flex-end;margin:0 -11px -11px;padding:9px 11px 11px;position:sticky;bottom:-11px}.playmaker-actions .preview-play-button{color:#fff;background:#173847;border-color:#173847}.share-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.clear-trail-emoji{font-size:20px;line-height:1;display:block;transform:translateY(-.5px)}.splash-screen{z-index:20;color:#fff;background:#0e2a36;align-content:center;place-items:center;gap:18px;animation:1.7s forwards splash-fade;display:grid;position:fixed;inset:0}.splash-brand{align-items:center;gap:8px;font-size:42px;font-weight:850;line-height:1;display:inline-flex}.splash-brand span{letter-spacing:0}.splash-screen p{color:#ffffffe6;text-align:center;margin:0;font-size:16px;font-weight:700;line-height:1.35}.splash-ball{width:34px;height:34px}.splash-ball circle{fill:#cde600}.splash-ball path{fill:none;stroke:#fff;stroke-width:1.45px;stroke-linecap:round}.splash-progress{background:#a9c9dc38;border-radius:999px;width:112px;height:5px;overflow:hidden}.splash-progress span{border-radius:inherit;transform-origin:0;background:#cde600;width:100%;height:100%;animation:1.5s ease-out forwards splash-progress;display:block}.saved-plays{background:#ffffff6b;border:1px solid #1738471f;border-radius:8px;gap:7px;padding:9px;display:grid}.saved-plays-header,.saved-play-row{justify-content:space-between;align-items:center;gap:7px;display:flex}.saved-plays p{color:#173847a8;margin:0;font-size:12px}.saved-play-list{gap:6px;display:grid}.saved-play-row button:first-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.saved-play-row .delete-play-button{flex:0 0 34px;width:34px;padding:0}.help-backdrop{z-index:10;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:#122f3a57;justify-content:center;align-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.help-sheet{width:min(100%,520px);max-height:min(620px, calc(100dvh - 32px - env(safe-area-inset-bottom)));color:#173847;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#f4fafcfa;border:1px solid #17384724;border-radius:14px;padding:14px 14px 12px;overflow:auto;box-shadow:0 18px 52px #122f3a3d}.help-header{z-index:1;background:#f4fafcfa;justify-content:space-between;align-items:center;gap:12px;margin:-14px -14px 0;padding:14px 14px 10px;display:flex;position:sticky;top:-14px}.help-header h2{margin:0;font-size:18px;line-height:1.1}.help-close-icon,.help-close-button{appearance:none;color:#fff;font:inherit;touch-action:manipulation;background:#173847;border:1px solid #173847;border-radius:8px;font-size:13px;font-weight:760}.help-close-icon{flex:none;width:34px;height:34px}.help-content{gap:11px;margin-top:10px;display:grid}.help-section{background:#ffffff94;border:1px solid #1738471a;border-radius:12px;padding:10px 10px 9px}.help-section h3{color:#0e2a36;letter-spacing:.04em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:860;line-height:1}.help-section ul{text-align:left;margin:0;padding-left:18px}.help-section li{margin:5px 0;font-size:14px;line-height:1.32}.help-feedback{background:#19a7b814;border-color:#19a7b838}.help-feedback a{color:#0b5f86;text-underline-offset:3px;font-weight:820;text-decoration:underline}.help-close-button{width:100%;min-height:42px;margin-top:12px}.overflow-backdrop{z-index:9;background:#0e2a3647;align-items:end;display:grid;position:fixed;inset:0}.overflow-sheet{width:100%;padding:10px 16px max(16px, env(safe-area-inset-bottom));color:#0e2a36;background:#fffffffa;border:1px solid #0e2a3614;border-radius:20px 20px 0 0;box-shadow:0 -18px 46px #0e2a3638}.overflow-handle{background:#0e2a3638;border-radius:999px;width:68px;height:5px;margin:0 auto 13px}.overflow-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.overflow-header h2{margin:0;font-size:15px;line-height:1}.overflow-close{appearance:none;color:#0e2a36;width:44px;height:44px;font:inherit;background:0 0;border:0;border-radius:12px;font-size:18px;font-weight:800}.overflow-actions{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;display:grid}.overflow-actions button{appearance:none;color:#0e2a36;min-height:96px;font:inherit;background:#fff;border:1px solid #0e2a3624;border-radius:12px;align-content:center;place-items:center;gap:8px;font-size:13px;font-weight:800;display:grid}.sheet-action-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:31px;height:31px}.target-zone-mode-pill{color:#0e2a36;background:#ffffffe6;border:1px solid #0e2a3624;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;width:min(100% - 16px,520px);min-height:46px;padding:6px 7px 6px 11px;display:flex;box-shadow:0 5px 16px #0e2a361c}.target-zone-mode-pill strong,.target-zone-mode-pill span{display:block}.target-zone-mode-pill strong{font-size:13px;line-height:1.1}.target-zone-mode-pill span{color:#0e2a36b8;margin-top:2px;font-size:12px;line-height:1.15}.target-zone-mode-actions{flex:none;align-items:center;gap:5px;display:flex}.target-zone-mode-actions button{appearance:none;color:#0e2a36;min-height:40px;font:inherit;background:#fff;border:1px solid #0e2a362e;border-radius:999px;padding:0 11px;font-size:12px;font-weight:820}.target-zone-mode-actions button:first-child{color:#fff;background:#19a7b8;border-color:#19a7b8}.target-zone-mode-actions button:disabled{opacity:.44}.court-stage{flex:1;place-items:center;width:min(100%,520px);min-height:0;display:grid}.court-svg{aspect-ratio:2/3;-webkit-user-select:none;user-select:none;touch-action:none;width:min(100%,66.67svh - 48.0024px);height:auto;max-height:calc(100svh - 72px);display:block}.court-svg.target-zone-mode{cursor:crosshair}.court-surface{fill:#9fcba5}.glass-edge{fill:none;stroke:#fff;stroke-width:1.3px}.court-line{stroke:#fff;stroke-width:1.22px;stroke-linecap:round;filter:drop-shadow(0 .12px #0f2f3c2e)}.service-line{stroke-width:1.18px}.center-line{stroke-width:1.18px;stroke-linecap:round}.net-line{stroke:#fff;stroke-width:2px;stroke-linecap:round;filter:drop-shadow(0 .14px #0f2f3c38)}.net-post{fill:#fff}.target-zone{pointer-events:none}.court-svg.target-zones-active .target-zone{pointer-events:all}.target-zone rect{fill:#19a7b82b;stroke:#0e7484;stroke-width:.52px;filter:drop-shadow(0 .2px .25px #0e2a3629)}.target-zone.orange rect{fill:#d9852a2e;stroke:#9f5b16}.target-zone.purple rect{fill:#8f69c42e;stroke:#6746a0}.target-zone.selected rect{stroke-width:.72px;filter:drop-shadow(0 0 .8px #ffffffc7)drop-shadow(0 0 1.7px #0e2a364d)}.target-zone text{fill:#0e2a36b8;stroke:#ffffffc7;stroke-width:.18px;paint-order:stroke;pointer-events:none;font-size:2.45px;font-weight:760}.target-zone-popover{pointer-events:all}.target-zone-popover rect{fill:#fffffff0;stroke:#0e2a3629;stroke-width:.3px;filter:drop-shadow(0 .5px .9px #0e2a3638)}.target-zone-popover text{fill:#0e2a36;pointer-events:none;font-size:2.35px;font-weight:850}.target-zone-popover .delete-label{fill:#a83b26;font-size:2.2px}.target-zone-capture{fill:#0000;pointer-events:all}.side-cage rect{fill:#0b253014;stroke:#07161ce0;stroke-width:.58px}.side-cage line{stroke:#07161c99;stroke-width:.62px;stroke-linecap:round}.shot-trail{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.shot-trail.low{stroke:#122f3a;stroke-width:1.35px}.shot-trail.low-ghost{stroke:#122f3a;marker-end:none;filter:none}.shot-trail.low-ghost-wide{stroke-width:3.2px;opacity:.12}.shot-trail.low-ghost-mid{stroke-width:2.1px;opacity:.2}.shot-trail.low-ghost-short{stroke-width:1.15px;opacity:.3;stroke-dasharray:.04 .05}.shot-trail.lob{stroke:#fff;stroke-width:1.3px;stroke-dasharray:.9 1.7;filter:drop-shadow(0 .22px #122f3a94)}.shot-trail.lob-ghost{stroke:#122f3a3d;stroke-width:3.6px;stroke-dasharray:none;filter:none}.shot-trail.lob-echo{stroke:#ffffffc7;stroke-width:2.1px;stroke-dasharray:.45 1.45;marker-end:none;filter:none}.shot-trail.preview{opacity:.5;stroke-width:1px;marker-end:none}.shot-trail.preview.low-ghost-wide{opacity:.08}.shot-trail.preview.low-ghost-mid{opacity:.12}.shot-trail.preview.low-ghost-short{opacity:.18}.shot-trail.preview.lob{opacity:.65}.shot-trail.preview.lob-ghost{opacity:.22}.shot-trail.preview.lob-echo{opacity:.34}.shot-trail.final.low{stroke-dasharray:1;stroke-dashoffset:1px;animation:.36s ease-out forwards draw-low-shot}.shot-trail.final.low-ghost{stroke-dasharray:none;stroke-dashoffset:0;animation:.52s ease-out both settle-low-ghost}.shot-trail.final.low-ghost-short{stroke-dasharray:.04 .05}.shot-trail.final.lob{animation:.62s ease-out travel-lob-shot}.shot-trail.final.lob-ghost{animation:.68s ease-out both settle-lob-ghost}.shot-trail.final.lob-echo{animation:.68s ease-out both travel-lob-shot}.play-preview{pointer-events:none}.play-preview-step path{fill:none;stroke:#102f3c;stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round}.play-preview-arrowhead{fill:#102f3c;stroke:#fff;stroke-width:.22px;stroke-linejoin:round}.play-preview-step circle{fill:#fff;stroke:#102f3c;stroke-width:.45px}.play-preview-step text{fill:#fff;text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:3.1px;font-weight:850}.play-preview-step.step-2 path{stroke-dasharray:2.4 1.8}.play-preview-step.step-3 path{stroke-dasharray:.8 1.7}.play-preview-step.step-4 path{stroke-dasharray:3.2 1.1 .8 1.1}.play-step-label circle{fill:#102f3c;stroke:#fff;stroke-width:.7px;filter:drop-shadow(0 .4px .3px #0f2f3c61)}.play-preview-step.step-2 path{stroke:#365d6b}.play-preview-step.step-3 path{stroke:#6c3108}.play-preview-step.step-4 path{stroke:#812d62}.play-preview-step.step-2 .play-preview-arrowhead{fill:#365d6b}.play-preview-step.step-3 .play-preview-arrowhead{fill:#6c3108}.play-preview-step.step-4 .play-preview-arrowhead{fill:#812d62}.play-preview-step.step-2 .play-step-label circle{fill:#365d6b}.play-preview-step.step-3 .play-step-label circle{fill:#6c3108}.play-preview-step.step-4 .play-step-label circle{fill:#812d62}.touch-target{fill:#0000;pointer-events:all}.player-dot,.ball{cursor:grab;touch-action:none;filter:drop-shadow(0 .25px .25px #0f2f3c3d)}.player-dot:active,.ball:active{cursor:grabbing}.player-dot text{text-anchor:middle;dominant-baseline:middle;pointer-events:none;letter-spacing:0;paint-order:stroke;stroke-width:.48px;stroke-linejoin:round;font-size:2.5px;font-weight:900}.player-team-ring{fill:none;stroke-width:.72px}.player-dot.bottom-team .player-team-ring{stroke:#ffe66d}.player-dot.top-team .player-team-ring{stroke:#d9f7ff}.player-core{stroke:#ffffff6b;stroke-width:.18px}.ball{filter:drop-shadow(0 .35px .28px #142c3857)}.ball-core{fill:#cde600;stroke:none}.player-ghost{pointer-events:none;opacity:.42}.player-ghost circle{fill:none;stroke:#ffe66df2;stroke-width:.78px;stroke-dasharray:.9 .7}.player-ghost.top-team circle{stroke:#e0f7fff2}.player-ghost text{fill:#0f2f3cb8;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#ffffffd1;stroke-width:.42px;font-size:2.35px;font-weight:900}@keyframes draw-low-shot{to{stroke-dashoffset:0}}@keyframes travel-lob-shot{0%{stroke-dashoffset:10px}to{stroke-dashoffset:0}}@keyframes settle-low-ghost{0%{opacity:0}45%{opacity:.34}}@keyframes settle-lob-ghost{0%{opacity:0}45%{opacity:.38}}@keyframes splash-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes splash-fade{0%,78%{opacity:1}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.controls button,.playmaker-toggle,.help-button{transition:none}.splash-screen,.splash-progress span,.shot-trail.final.low,.shot-trail.final.low-ghost,.shot-trail.final.lob,.shot-trail.final.lob-ghost,.shot-trail.final.lob-echo{animation:none}.shot-trail.final.low{stroke-dasharray:none;stroke-dashoffset:0}}@media (width<=520px){.app-shell{padding:0 0 max(12px, env(safe-area-inset-bottom));gap:6px}.app-header{width:100%;padding:max(8px, env(safe-area-inset-top)) 8px 8px;background:#0e2a36;border-radius:0;align-items:center;gap:5px;box-shadow:0 4px 14px #0e2a3629}.brand-heading{color:#fff;background:#ffffff17;border:1px solid #ffffff42;border-radius:12px;flex:0 0 66px;height:44px;font-size:18px;font-weight:850;box-shadow:inset 0 1px #ffffff17,0 1px 8px #00000029}.brand-logo{justify-content:center;width:100%;height:100%;padding:0 7px}.brand-ball{width:18px;height:18px}.brand-full{display:none}.brand-compact{display:inline}.controls{flex-wrap:nowrap;justify-content:flex-end;gap:4px}.toolbar-stack{flex-wrap:nowrap;flex:1;justify-content:flex-end;gap:4px}.desktop-label{display:none}.mobile-label{display:inline}.controls button{min-height:44px;padding-inline:0;font-size:11px}.shot-toggle button{color:#fff;background:0 0;gap:2px;min-width:45px;padding-inline:4px}.shot-toggle{background:#ffffff14;border:2px solid #ffffff6b;box-shadow:inset 0 1px #ffffff14,0 1px 8px #0000001f}.shot-toggle button.active{color:#0e2a36;background:#fff;box-shadow:0 1px 5px #0000002e}.shot-icon{font-size:12px}.action-group{gap:0}.icon-button{flex:0 0 44px;width:44px;padding-inline:0}.share-icon{width:16px;height:16px}.playmaker-toggle{text-transform:uppercase;min-width:70px;min-height:44px;padding-inline:8px;font-size:11px}.overflow-button{color:#fff;letter-spacing:1px;background:#ffffff0f;border-color:#ffffff47}.playmaker-panel{z-index:8;width:100%;max-height:min(92svh,690px);padding:max(10px, env(safe-area-inset-top)) 9px 10px;overscroll-behavior:contain;background:#ebf6faf7;border-top:0;border-left:0;border-right:0;border-radius:0 0 14px 14px;gap:8px;position:fixed;inset:0 0 auto;box-shadow:0 14px 36px #122f3a33}.overflow-actions{grid-template-columns:repeat(2,1fr)}.overflow-actions button{min-height:82px}.target-zone-mode-pill{width:calc(100% - 12px);min-height:46px;margin-top:-1px;padding-inline:10px 7px}.play-field{grid-template-columns:45px 1fr;gap:6px}.play-segments button{min-height:31px;font-size:11px}.playmaker-actions{margin:0 -9px -9px;padding:8px 9px 9px;bottom:-9px}.saved-plays{padding:8px}.help-backdrop{padding-top:max(12px, env(safe-area-inset-top));align-items:start}.help-sheet{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.court-stage{place-items:start center}.court-svg{width:min(100%,66.67svh - 44.0022px);max-height:calc(100svh - 66px)}}@media (orientation:landscape) and (height<=520px) and (width<=940px){.app-shell{--landscape-court-short:min(calc(100dvh - 58px), calc((100vw - 16px) / 1.5));padding:0 0 max(8px, env(safe-area-inset-bottom));justify-content:flex-start;gap:6px}.app-header{width:100%}.brand-heading{font-size:14px}.brand-ball{width:14px;height:14px}.court-stage{width:calc(var(--landscape-court-short) * 1.5);height:var(--landscape-court-short);flex:none;max-width:calc(100vw - 16px);min-height:0;position:relative;overflow:visible}.court-svg{width:var(--landscape-court-short);transform-origin:50%;max-height:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}}:root{--v2-surround:#1d1d1f;--v2-court:#86c298;--v2-line:#fff;--v2-ink:#1d1d1f;--v2-muted:#6e6e73;--v2-sheet:#fafafa;--v2-pill:#fffffff7;--v2-track:#ececec;--v2-accent:#cd442c;--v2-record:#e63946;--v2-zones:#42b59f;--v2-safe-top:env(safe-area-inset-top,12px);--v2-safe-bottom:env(safe-area-inset-bottom,16px)}.v2-editor{background:var(--v2-surround);color:var(--v2-ink);touch-action:none;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.v2-editor button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}.v2-editor button:active,.v2-zone-context-menu button:active,.v2-overflow-menu button:active{transform:scale(.97)}.v2-court-area{flex:1;min-height:0;position:relative}.v2-court{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.v2-surround{fill:var(--v2-surround)}.v2-grass{fill:var(--v2-court)}.v2-outer-line{fill:none;stroke:var(--v2-line);stroke-width:1.6px}.v2-line{stroke:var(--v2-line);stroke-width:1.2px}.v2-net{stroke:var(--v2-line);stroke-width:2.4px;stroke-linecap:round}.v2-post{fill:#ffffff6b}.v2-cage line{stroke:var(--v2-line);stroke-width:2.8px;stroke-linecap:round}.v2-cage .mesh{stroke-width:1.4px;stroke-dasharray:2.5 2.5;stroke-opacity:.7}.v2-zone-capture{fill:#0000;pointer-events:all}.v2-zone{pointer-events:none}.zones-on .v2-zone{pointer-events:all}.v2-zone>rect:first-child{fill:color-mix(in srgb, var(--zone-color) 36%, transparent);stroke:var(--zone-color);stroke-width:1.2px}.v2-zone .selection{fill:none;stroke:var(--v2-accent);stroke-width:1.2px;stroke-dasharray:2 1.5;filter:drop-shadow(0 0 2px #ffffffb3)}.v2-zone .handles rect,.v2-zone .handles>rect{fill:#fff;stroke:var(--v2-accent);stroke-width:1px}.v2-zone text{fill:var(--v2-ink);stroke:#ffffffb3;stroke-width:.8px;paint-order:stroke;pointer-events:none;font-size:7px;font-weight:750}.v2-player-ghosts{pointer-events:none}.v2-player-ghost polyline{fill:none;stroke:var(--ghost-color);stroke-width:1.4px;stroke-dasharray:.7 1.8;stroke-linecap:round;stroke-linejoin:round;opacity:var(--ghost-opacity)}.v2-player-ghost circle{fill:none;stroke:var(--ghost-color);stroke-width:1px;stroke-dasharray:2 2;opacity:.35}.v2-player-ghost text{fill:var(--ghost-text);stroke:#ffffff8c;stroke-width:.7px;paint-order:stroke;text-anchor:middle;opacity:.4;font-size:10px;font-weight:750}.v2-player-ghost.p3 text{stroke:#0000005c}.v2-move-trail path{fill:none;stroke:var(--v2-accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.v2-move-trail.lob path{stroke-dasharray:1 2.5}.v2-move-trail.pending{display:none}.v2-move-trail.played{opacity:.5}.v2-move-trail.active,.v2-move-trail.shown{opacity:1}#v2-arrow path{fill:var(--v2-accent)}.v2-move-trail .marker circle{fill:var(--v2-accent);stroke:#fff;stroke-width:1.4px}.v2-move-trail .marker text{fill:#fff;text-anchor:middle;font-size:11px;font-weight:800}.v2-player .hit,.v2-ball .hit{fill:#0000}.v2-player.disabled,.v2-ball.disabled{pointer-events:none}.v2-player .core{stroke:#fff;stroke-width:1.4px}.v2-player.p1 .core{fill:#eaab30}.v2-player.p2 .core{fill:#006ca7}.v2-player.p3 .core{fill:#1d1d1f}.v2-player.p4 .core{fill:#8b5cf6}.v2-player text{fill:#fff;stroke:#000000ad;stroke-width:.9px;paint-order:stroke;text-anchor:middle;pointer-events:none;font-size:10px;font-weight:750}.v2-player.p1 text{fill:#1d1d1f;stroke:#fffc}.v2-ball .core{fill:#e8f55c;stroke:#9fa726;stroke-width:.8px;filter:drop-shadow(0 .8px 1.2px #00000047)}.v2-ball path{fill:none;stroke:#fff;stroke-width:.65px;stroke-linecap:round;pointer-events:none}.v2-ball:not(.disabled){transform-box:fill-box;transform-origin:50%;animation:.62s cubic-bezier(.2,.8,.2,1) both v2BallReady}.v2-top-chrome{top:calc(var(--v2-safe-top) + 8px);z-index:50;pointer-events:none;grid-template-columns:44px minmax(0,1fr) 72px;align-items:center;gap:8px;display:grid;position:absolute;left:12px;right:12px}.v2-top-chrome>*{pointer-events:auto}.v2-round-control,.v2-tools-button{background:var(--v2-pill);width:44px;height:44px;color:var(--v2-ink);border-radius:999px;place-items:center;display:grid;box-shadow:0 1px 6px #00000024}.v2-round-control.active{background:var(--v2-track)}.v2-status-pill{background:var(--v2-pill);max-width:min(56vw,230px);min-height:36px;color:var(--v2-ink);white-space:nowrap;border:0;border-radius:999px;justify-content:center;justify-self:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 1px 6px #00000024}.v2-status-pill:disabled{cursor:default;transform:none}.v2-status-pill:not(:disabled){cursor:pointer}.v2-status-pill.zones{background:var(--v2-zones);color:#fff}.v2-status-pill.recording{color:var(--v2-record)}.record-dot{background:var(--v2-record);border-radius:999px;width:7px;height:7px;animation:1.2s ease-in-out infinite alternate v2Pulse}.v2-done-pill{background:var(--v2-accent);color:#fff;border-radius:999px;min-height:40px;padding:0 14px;font-size:12px;font-weight:750}.v2-bottom-dock{bottom:calc(var(--v2-safe-bottom) + 4px);z-index:50;background:var(--v2-pill);border-radius:999px;align-items:center;gap:5px;padding:5px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0000002e}.v2-bottom-dock.playback{padding:5px}.v2-clear-button{width:34px;height:34px;color:var(--v2-ink);background:#fff;border-radius:999px;place-items:center;display:grid}.v2-clear-button:disabled{opacity:.4}.v2-shot-toggle{background:var(--v2-track);border-radius:999px;gap:2px;padding:2px;display:flex}.v2-shot-toggle button{min-width:54px;min-height:34px;color:var(--v2-muted);background:0 0;border-radius:999px;font-size:12px;font-weight:750}.v2-shot-toggle button.active{background:var(--v2-ink);color:#fff}.v2-record-button,.v2-stop-button,.v2-play-button,.v2-playback-tool-button{border-radius:999px;place-items:center;width:34px;height:34px;display:grid}.v2-record-button{background:#fff;border:1.5px solid #e6394647;position:relative;box-shadow:0 0 0 2px #e639461f}.v2-record-button:before{content:"";background:var(--v2-record);border-radius:999px;width:17px;height:17px;box-shadow:inset 0 1px 1px #ffffff59}.v2-record-button:disabled{opacity:.38;transform:none}.v2-record-button:disabled:before{background:var(--v2-muted)}.v2-stop-button{background:var(--v2-ink);color:#fff;position:relative}.v2-stop-icon{z-index:1;background:#fff;border-radius:3px;width:15px;height:15px;position:relative;box-shadow:0 0 0 1px #ffffff2e}.v2-stop-button:after{content:"";border:1.5px solid var(--v2-ink);border-radius:inherit;animation:1.2s ease-in-out infinite alternate v2Pulse;position:absolute;inset:-5px}.v2-play-button{background:var(--v2-accent);color:#fff}.v2-playback-tool-button{color:var(--v2-ink);background:#fff}.v2-tools{right:14px;bottom:calc(var(--v2-safe-bottom) + 4px);z-index:60;justify-items:end;gap:8px;display:grid;position:absolute}.v2-tools.open .v2-tools-button{background:var(--v2-accent);color:#fff}.v2-tool-list{justify-items:end;gap:7px;display:grid}.v2-tool-list button{background:var(--v2-pill);min-height:38px;color:var(--v2-ink);border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:750;display:inline-flex;box-shadow:0 2px 10px #0000002e}.v2-overflow-menu{top:calc(env(safe-area-inset-top,12px) + 58px);z-index:120;background:var(--v2-pill);border-radius:14px;width:178px;padding:6px;position:fixed;right:12px;box-shadow:0 10px 26px #00000040}.v2-overflow-menu button{text-align:left;width:100%;min-height:40px;color:var(--v2-ink);background:0 0;border-radius:10px;padding:0 10px;font-size:13px;font-weight:650}.v2-zone-context-menu{z-index:110;background:#fffffffa;border-radius:10px;align-items:center;gap:1px;padding:3px;display:flex;position:fixed;box-shadow:0 10px 24px #0003}.v2-zone-context-menu button{min-width:44px;min-height:34px;color:var(--v2-ink);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.v2-zone-context-menu .danger{color:var(--v2-accent)}.v2-drawer-backdrop,.v2-modal-backdrop,.v2-sheet-backdrop{background:#00000080;position:fixed;inset:0}.v2-drawer-backdrop{z-index:200}.v2-modal-backdrop,.v2-sheet-backdrop{z-index:300}.v2-plays-drawer{box-sizing:border-box;width:78vw;max-width:360px;height:100%;padding:calc(var(--v2-safe-top) + 14px) 12px 18px;background:var(--v2-sheet);flex-direction:column;gap:12px;display:flex;overflow:auto;box-shadow:16px 0 34px #00000042}.v2-plays-drawer header,.v2-plays-drawer header button{align-items:center;display:flex}.v2-plays-drawer header{justify-content:space-between}.v2-plays-drawer header span,.v2-drawer-section h3{color:var(--v2-muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.v2-plays-drawer h2{margin:1px 0 0;font-size:18px}.v2-plays-drawer header button{background:var(--v2-track);border-radius:999px;justify-content:center;width:34px;height:34px}.v2-empty{color:var(--v2-muted);margin:0;font-size:13px;line-height:1.45}.v2-drawer-section{gap:7px;display:grid}.v2-drawer-section h3{margin:0}.v2-play-card-shell{grid-template-columns:1fr 40px;gap:6px;display:grid;position:relative}.v2-play-card{text-align:left;background:#fff;border-radius:12px;align-items:center;gap:9px;min-height:58px;padding:7px;display:flex}.v2-play-card-menu-button{width:40px;min-height:58px;color:var(--v2-ink);background:#fff;border-radius:12px;place-items:center;display:grid}.v2-play-card-menu{z-index:3;background:#fff;border-radius:12px;width:128px;padding:5px;position:absolute;top:48px;right:0;box-shadow:0 10px 24px #0000002e}.v2-play-card-menu button{width:100%;min-height:38px;color:var(--v2-ink);text-align:left;background:0 0;border-radius:9px;padding:0 10px;font-size:13px;font-weight:700}.v2-play-card-menu button:last-child{color:var(--v2-accent)}.v2-play-card svg{flex:0 0 38px;width:38px;height:38px}.v2-play-card rect{fill:var(--v2-court)}.v2-play-card line{stroke:#fff}.v2-play-card path{fill:none;stroke:var(--v2-accent);stroke-width:1.1px}.v2-play-card circle{fill:var(--v2-ink)}.v2-play-card strong,.v2-play-card small{display:block}.v2-play-card strong{font-size:13px}.v2-play-card small{color:var(--v2-muted);margin-top:2px;font-size:10px}.v2-stop-sheet,.v2-rename-modal,.v2-help{box-sizing:border-box;background:#fff;border-radius:20px;width:min(90vw,390px);position:absolute;left:50%;box-shadow:0 16px 50px #00000047}.v2-stop-sheet{bottom:max(10px, env(safe-area-inset-bottom));gap:10px;padding:7px 14px 14px;display:grid;transform:translate(-50%)}.sheet-handle{background:#d1d1d6;border-radius:999px;width:28px;height:3px;margin:0 auto 5px}.v2-stop-sheet h2,.v2-help h2{margin:0;font-size:18px}.v2-stop-sheet p{color:var(--v2-muted);margin:0;font-size:13px;line-height:1.45}.v2-stop-sheet button,.v2-rename-modal button{background:var(--v2-track);min-height:44px;color:var(--v2-ink);border-radius:12px;font-weight:750}.v2-stop-sheet button.primary,.v2-rename-modal button.primary,.v2-rename-modal button.danger{background:var(--v2-accent);color:#fff}.v2-stop-sheet button.text{color:var(--v2-muted);background:0 0}.v2-stop-sheet button:disabled{opacity:.45;transform:none}.v2-stop-sheet form{gap:10px;display:grid}.v2-stop-sheet input,.v2-rename-modal input{box-sizing:border-box;background:var(--v2-track);width:100%;min-height:44px;font:inherit;border:1.5px solid #0000;border-radius:12px;padding:0 12px}.v2-stop-sheet input:focus,.v2-rename-modal input:focus{border-color:var(--v2-accent);background:#fff;outline:0}.save-row,.v2-rename-modal div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.v2-rename-modal,.v2-help{padding:16px;top:50%;transform:translate(-50%,-50%)}.v2-rename-modal{gap:10px;display:grid}.v2-rename-modal label{color:var(--v2-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.v2-delete-modal p{color:var(--v2-ink);margin:0;font-size:14px;line-height:1.4}.v2-help{max-height:min(78svh,560px);overflow:auto}.v2-help>button{background:var(--v2-track);border-radius:999px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:10px;right:10px}.v2-help article{border-top:1px solid #ededed;padding:10px 0}.v2-help h3,.v2-help p{margin:0}.v2-help h3{letter-spacing:.08em;text-transform:uppercase;font-size:11px}.v2-help p{color:var(--v2-muted);margin-top:4px;font-size:13px;line-height:1.45}.v2-help a{color:var(--v2-accent);font-weight:750}@keyframes v2Pulse{0%{opacity:.45;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}@keyframes v2BallReady{0%,to{transform:translateY(0)scale(1)}32%{transform:translateY(-8px)scale(1.05,.95)}58%{transform:translateY(0)scale(.94,1.08)}76%{transform:translateY(-2px)scale(1.02,.98)}}@media (width>=760px){.v2-plays-drawer{width:360px}}@media (orientation:landscape) and (height<=520px) and (width<=940px){.v2-editor{--v2-landscape-court-short:min(calc(100dvh - 10px), calc((100dvw - 16px) / 2))}.v2-court-area{overflow:visible}.v2-court{width:var(--v2-landscape-court-short);height:calc(var(--v2-landscape-court-short) * 2);transform-origin:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.v2-top-chrome{top:max(6px, env(safe-area-inset-top))}.v2-bottom-dock,.v2-tools{bottom:max(6px, env(safe-area-inset-bottom))}}