.nds{--nds-surface: var(--surface-main);--nds-panel: var(--surface-panel);--nds-elevated: var(--surface-elevated, var(--surface-main));--nds-border: var(--border-soft);--nds-border-strong: var(--border-strong);--nds-text: var(--text-primary);--nds-secondary: var(--text-secondary);--nds-muted: var(--text-muted);--nds-accent: var(--accent);--nds-accent-strong: var(--accent-strong, var(--accent));--nds-accent-soft: var(--accent-soft);--nds-accent-ring: var(--accent-ring);--nds-court-bg: color-mix( in srgb, var(--surface-panel) 88%, var(--semantic-warning-soft, #fff2e5) 12% );--nds-court-line: color-mix( in srgb, var(--text-muted) 34%, var(--semantic-warning-accent, #c2410c) 16% );--nds-court-line-soft: color-mix( in srgb, var(--text-muted) 22%, var(--semantic-warning-accent, #c2410c) 9% );--nds-court-live: var(--semantic-warning-light, #ea580c);box-sizing:border-box;display:grid;gap:.85rem;width:100%;margin:2rem 0;padding:.85rem;border:1px solid color-mix(in srgb,var(--nds-accent) 12%,var(--nds-border));border-radius:26px;background:transparent;box-shadow:none;color:var(--nds-text)}.nds *,.nds *:before,.nds *:after{box-sizing:border-box}html[data-theme=dark] .nds{--nds-court-bg: color-mix( in srgb, var(--surface-panel) 90%, var(--accent) 4% );--nds-court-line: color-mix( in srgb, var(--text-secondary) 42%, var(--semantic-warning-light) 14% );--nds-court-line-soft: color-mix( in srgb, var(--text-secondary) 30%, var(--semantic-warning-light) 8% );border-color:color-mix(in srgb,var(--accent) 16%,var(--border-soft))}.nds__stage{display:grid;grid-template-columns:minmax(220px,252px) minmax(0,1fr);gap:.9rem;align-items:stretch;width:100%;min-width:0}.nds__shot-panel,.nds__chart-panel{width:100%;min-width:0;overflow:hidden;border-radius:22px;background:var(--nds-elevated);display:flex}.nds__shot-panel{align-self:stretch;border:1px solid color-mix(in srgb,var(--semantic-warning-accent, #c2410c) 11%,var(--nds-border));background:linear-gradient(145deg,color-mix(in srgb,var(--nds-court-bg) 97%,white 3%),color-mix(in srgb,var(--nds-court-bg) 92%,var(--surface-main) 8%));box-shadow:inset 0 1px color-mix(in srgb,white 52%,transparent),0 10px 26px -24px color-mix(in srgb,var(--text-primary) 16%,transparent)}html[data-theme=dark] .nds__shot-panel{border-color:color-mix(in srgb,var(--accent) 18%,var(--border-soft));background:linear-gradient(145deg,color-mix(in srgb,var(--surface-panel) 94%,var(--accent) 4%),color-mix(in srgb,var(--surface-main) 94%,var(--accent) 2%));box-shadow:inset 0 1px #ffffff0f,0 16px 34px -30px #000000b8}.nds__chart-panel{aspect-ratio:900 / 420;border:1px solid color-mix(in srgb,var(--nds-accent) 12%,var(--nds-border));background:linear-gradient(145deg,color-mix(in srgb,var(--surface-elevated) 94%,var(--accent-soft) 6%),color-mix(in srgb,var(--surface-panel) 98%,var(--accent-soft) 2%));box-shadow:inset 0 1px color-mix(in srgb,white 48%,transparent),0 12px 28px -24px color-mix(in srgb,var(--text-primary) 14%,transparent)}html[data-theme=dark] .nds__chart-panel{box-shadow:inset 0 1px #ffffff13,0 18px 36px -30px #000000bd}.nds__shot-svg,.nds__chart-svg{display:block;width:100%;height:100%}.nds__court-bg{fill:var(--nds-court-bg)}.nds__court-lines rect,.nds__court-lines path{fill:none;stroke:var(--nds-court-line-soft);stroke-width:2;opacity:.74}.nds__court-lines line{stroke:var(--nds-court-line-soft);stroke-width:1.6;stroke-dasharray:7 8;opacity:.64}html[data-theme=dark] .nds__court-lines rect,html[data-theme=dark] .nds__court-lines path{opacity:.23}html[data-theme=dark] .nds__court-lines line{opacity:.3}.nds__hoop line{stroke:color-mix(in srgb,var(--text-secondary) 34%,var(--semantic-warning-accent, #c2410c) 24%);stroke-width:3.1;stroke-linecap:round}.nds__hoop circle{fill:none;stroke:var(--nds-court-live);stroke-width:4.4;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--nds-court-live) 22%,transparent))}html[data-theme=dark] .nds__hoop line{stroke:color-mix(in srgb,var(--text-secondary) 42%,var(--semantic-warning-light) 22%);opacity:.72}.nds__miss-ruler line{stroke:color-mix(in srgb,var(--text-primary) 34%,var(--semantic-warning-accent, #c2410c) 24%);stroke-width:2;stroke-linecap:round;opacity:.58}html[data-theme=dark] .nds__miss-ruler line{stroke:color-mix(in srgb,var(--text-primary) 42%,var(--semantic-warning-light) 30%);opacity:.42}.nds__gap{transition:opacity .12s ease}.nds__gap-guard{stroke:color-mix(in srgb,var(--surface-main) 88%,white 12%);stroke-width:8;stroke-linecap:round;opacity:.9}html[data-theme=dark] .nds__gap-guard{stroke:#ffffffb8}.nds__gap-line{stroke-width:4.25;stroke-linecap:round;filter:drop-shadow(0 1px 0 rgba(255,255,255,.42)) drop-shadow(0 0 8px color-mix(in srgb,var(--text-primary) 16%,transparent))}.nds__gap-dot-guard{fill:color-mix(in srgb,var(--surface-main) 90%,white 10%)}html[data-theme=dark] .nds__gap-dot-guard{fill:#ffffffc7}.nds__gap-dot{filter:drop-shadow(0 1px 0 rgba(255,255,255,.42)) drop-shadow(0 0 8px color-mix(in srgb,var(--text-primary) 16%,transparent))}.nds__shooter circle:first-child{fill:var(--surface-main);stroke:color-mix(in srgb,var(--nds-accent) 36%,white);stroke-width:2.2}.nds__shooter circle:nth-child(2){fill:var(--nds-accent)}html[data-theme=dark] .nds__shooter circle:first-child{fill:var(--surface-main);stroke:color-mix(in srgb,var(--accent) 40%,var(--text-primary) 18%)}.nds__ball{fill:var(--nds-court-live);filter:url(#nds-ball-glow)}.nds__ball-path-guard{fill:none;stroke:color-mix(in srgb,var(--surface-main) 90%,white 10%);stroke-width:7;stroke-linecap:round;opacity:.86}html[data-theme=dark] .nds__ball-path-guard{stroke:#ffffffb8}.nds__ball-path{fill:none;stroke:var(--nds-court-live);stroke-width:3;stroke-linecap:round;opacity:.98}.nds__landing{filter:url(#nds-ball-glow)}.nds__error-label{transition:opacity .12s ease}.nds__error-label rect{stroke:#ffffff94;stroke-width:1;filter:drop-shadow(0 7px 16px rgba(0,0,0,.22)) drop-shadow(0 0 10px rgba(255,255,255,.15))}.nds__error-label text{fill:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:19px;font-weight:750;letter-spacing:-.025em}.nds__chart-bg{fill:color-mix(in srgb,var(--surface-main) 94%,var(--accent-soft) 6%)}html[data-theme=dark] .nds__chart-bg{fill:color-mix(in srgb,#070d17 84%,var(--surface-panel) 16%)}.nds__chart-grid,.nds__axis,.nds__histogram,.nds__curve-line,.nds__curve-fill{shape-rendering:geometricPrecision}.nds__chart-grid line{stroke:color-mix(in srgb,var(--accent) 12%,transparent);stroke-width:1}html[data-theme=dark] .nds__chart-grid line{stroke:color-mix(in srgb,white 9%,var(--accent) 7%)}.nds__axis-line,.nds__axis-tick{stroke:color-mix(in srgb,var(--text-secondary) 72%,transparent);stroke-width:1.75}html[data-theme=dark] .nds__axis-line,html[data-theme=dark] .nds__axis-tick{stroke:#ffffffdb}.nds__axis text{fill:var(--text-primary);font-family:var(--font-main, Inter, ui-sans-serif, system-ui, sans-serif);font-size:18px;font-weight:560;letter-spacing:-.01em;paint-order:stroke;stroke:color-mix(in srgb,var(--surface-main) 42%,transparent);stroke-width:.35px;text-rendering:geometricPrecision}html[data-theme=dark] .nds__axis text{fill:#ffffffeb;stroke:#00000047}.nds__bar{opacity:.96;transition:y .15s ease,height .15s ease}.nds__curve-line{fill:none;stroke:url(#nds-curve-stroke);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 14%,transparent));transition:opacity .22s ease}html[data-theme=dark] .nds__curve-line{filter:drop-shadow(0 0 14px rgba(255,255,255,.18))}.nds__curve-fill{fill:url(#nds-curve-fill);transition:opacity .22s ease}.nds__stat-text{fill:var(--text-secondary);font-family:var(--font-main, Inter, ui-sans-serif, system-ui, sans-serif);font-size:15px;font-weight:560;letter-spacing:-.01em;text-rendering:geometricPrecision}html[data-theme=dark] .nds__stat-text{fill:#ffffffd1}.nds__plot-pulse{opacity:.18}.nds__plot-dot{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 20%,transparent))}.nds__latest-point text{fill:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;font-weight:650}html[data-theme=dark] .nds__latest-point text{fill:#ffffffe6}.nds__controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;width:100%;padding:.62rem .66rem;border:1px solid color-mix(in srgb,var(--nds-accent) 10%,var(--nds-border));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-elevated) 84%,transparent),color-mix(in srgb,var(--surface-panel) 96%,var(--accent-soft) 4%));box-shadow:inset 0 1px color-mix(in srgb,white 42%,transparent),0 10px 24px -24px color-mix(in srgb,var(--text-primary) 12%,transparent)}html[data-theme=dark] .nds__controls{background:linear-gradient(145deg,#ffffff0d,#ffffff08);box-shadow:inset 0 1px #ffffff0f,0 16px 30px -28px #000000ad}.nds__button{appearance:none;border:1px solid color-mix(in srgb,var(--nds-accent) 70%,var(--surface-main));border-radius:999px;padding:.58rem 1rem;color:var(--button-text, white);background:linear-gradient(180deg,color-mix(in srgb,var(--nds-accent) 88%,white 12%),color-mix(in srgb,var(--nds-accent-strong) 94%,black 6%));font-family:var(--font-main, Inter, ui-sans-serif, system-ui, sans-serif);font-size:.95rem;font-weight:620;line-height:1;cursor:pointer;letter-spacing:-.01em;box-shadow:inset 0 1px color-mix(in srgb,white 22%,transparent),0 8px 18px -16px color-mix(in srgb,var(--nds-accent) 54%,transparent);transition:transform .14s ease,border-color .14s ease,opacity .14s ease}.nds__button:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--nds-accent) 82%,var(--surface-main))}.nds__button:disabled{cursor:wait;opacity:.66}.nds__sample-control{display:inline-flex;gap:.55rem;align-items:center;color:var(--nds-muted);font-family:var(--font-main, Inter, ui-sans-serif, system-ui, sans-serif);font-size:.95rem;font-weight:560;letter-spacing:-.01em}.nds__sample-control input{width:5.8rem;border:1px solid color-mix(in srgb,var(--nds-accent) 18%,var(--nds-border-strong));border-radius:12px;padding:.52rem .6rem;color:var(--nds-text);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-main) 92%,var(--accent-soft) 8%),color-mix(in srgb,var(--surface-panel) 96%,var(--accent-soft) 4%));font-family:var(--font-main, Inter, ui-sans-serif, system-ui, sans-serif);font-size:.95rem;font-weight:560;text-align:center}html[data-theme=dark] .nds__sample-control input{background:#ffffff0d}.nds__sample-control input:focus{outline:none;border-color:color-mix(in srgb,var(--nds-accent) 70%,var(--surface-main));box-shadow:0 0 0 3px var(--nds-accent-ring),0 0 0 1px color-mix(in srgb,var(--nds-accent) 34%,transparent)}.nds__sample-control input:disabled{opacity:.56}.nds__transfer-dot{--nds-transfer-color: #ff3b0a;position:fixed;z-index:9999;width:13px;height:13px;border-radius:999px;pointer-events:none;background:var(--nds-transfer-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--nds-transfer-color) 22%,transparent),0 0 18px color-mix(in srgb,var(--nds-transfer-color) 74%,transparent)}@media(max-width:900px){.nds__stage{grid-template-columns:1fr}.nds__shot-panel{justify-self:center;width:min(82%,330px)}.nds__chart-panel{width:100%}}@media(max-width:640px){.nds{gap:.5rem;margin:1rem 0;padding:.62rem;border-radius:22px}.nds__stage{gap:.5rem}.nds__shot-panel{width:min(76%,300px);max-width:300px;border-radius:18px}.nds__chart-panel{width:100%;border-radius:18px}.nds__court-lines rect:first-of-type{opacity:.18}.nds__court-lines rect:nth-of-type(2){opacity:.32}.nds__court-lines path:nth-of-type(1){opacity:.28}.nds__court-lines path:nth-of-type(2){opacity:.09}.nds__court-lines line{opacity:.46}html[data-theme=dark] .nds__court-lines rect:first-of-type{opacity:.08}html[data-theme=dark] .nds__court-lines rect:nth-of-type(2),html[data-theme=dark] .nds__court-lines path:nth-of-type(1){opacity:.15}html[data-theme=dark] .nds__court-lines path:nth-of-type(2){opacity:.04}.nds__axis text{font-size:20px;font-weight:560;stroke-width:.25px}.nds__stat-text{font-size:16px;font-weight:560}.nds__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.52rem;border-radius:18px}.nds__sample-control{width:auto;min-width:0;justify-content:flex-start}.nds__sample-control span{white-space:nowrap}.nds__sample-control input{width:5.35rem;padding-block:.46rem}.nds__button{width:auto;min-width:7.6rem;padding:.6rem .85rem;white-space:nowrap}}@media(max-width:390px){.nds{padding:.55rem}.nds__shot-panel{width:min(72%,280px)}.nds__controls{grid-template-columns:1fr}.nds__sample-control,.nds__button{width:100%}.nds__sample-control{justify-content:space-between}}