.visualization-container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:24px}.visualization-container svg{width:100%;display:block;border-radius:16px;background:transparent;overflow:visible}.visualization-container svg path.hexbin{stroke-linejoin:round}.visualization-container .spray-background{fill:#0f172a}.visualization-container .spray-plot .spray-ring{fill:none;stroke:#e2e8f026;stroke-width:1;stroke-dasharray:6 8}.visualization-container .spray-plot .ring-label{fill:#e2e8f0b3;font-size:12px;text-anchor:middle;font-weight:500}.visualization-container .spray-plot .angle-grid{stroke:#94a3b81f;stroke-width:1}.visualization-container .spray-plot .angle-axis{stroke:#e2e8f08c;stroke-width:2}.visualization-container .spray-plot .angle-label{fill:#e2e8f080;font-size:11px;text-anchor:middle;font-weight:500}.visualization-container .spray-plot .field-shape{fill:#2f4634;stroke:#5f7559;stroke-width:3;stroke-linejoin:round;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}.visualization-container .spray-plot .fence-label{fill:#f8fafc;text-anchor:middle;font-size:13px;font-weight:600;paint-order:stroke;stroke:#0f172acc;stroke-width:3px}.visualization-container .spray-plot .home-plate{fill:#fcd34d;stroke:#0f172a;stroke-width:2}.visualization-container .spray-plot .spray-point{transition:transform .2s ease}.visualization-container .spray-legend{font-size:13px;font-weight:500;fill:#e2e8f0;text-anchor:start}.visualization-container .spray-legend .legend-item{cursor:pointer;transition:opacity .2s ease}.visualization-container .spray-legend circle{stroke:#0f172a;stroke-width:1.2px}.visualization-container .spray-legend text{font-size:13px;dominant-baseline:middle}.visualization-container .tooltip{position:absolute;background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.25);border-radius:10px;padding:12px 14px;pointer-events:none;box-shadow:0 8px 18px #0206178c;max-width:220px;top:24px;right:24px}.visualization-container .tooltip h4{margin:0 0 8px;font-size:14px;color:#f8fafc;letter-spacing:.4px}.visualization-container .tooltip p{margin:4px 0;font-size:12px;color:#cbd5f5}.visualization-container .empty-state{color:#cbd5f5;text-align:center;background:rgba(15,23,42,.8);border:1px dashed rgba(148,163,184,.4);border-radius:12px;padding:28px;font-size:14px}.strike-zone-container path{stroke-linejoin:round}.legend text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}