:root{--bg:#f3f4f6;--card:#ffffff;--border:#e5e7eb;--text:#111827;--muted:#6b7280}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{width:min(1200px,calc(100% - 28px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:#f3f4f6e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:14px 0}.brand h1{font-size:18px;margin:0;font-weight:800}.brand p{margin:2px 0 0;font-size:12px;color:var(--muted)}.header-controls{display:grid;gap:6px;min-width:260px}.label{font-size:12px;color:var(--muted)}.select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--text)}.main{padding:18px 0 40px;display:grid;gap:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}.card-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.card-header h2{margin:0;font-size:14px;font-weight:800}.card-header .sub{color:var(--muted);font-size:12px}.card-header h2 .percentiles-note{font-size:12px;font-weight:400;color:var(--muted);margin-left:8px;white-space:nowrap}.top-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;align-items:start}@media (max-width: 1100px){.top-grid{grid-template-columns:1fr}}.top-grid-2rows{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-auto-rows:min-content;gap:14px;align-items:start}.velocity-slot{grid-column:1;grid-row:1}.strikepct-slot{grid-column:1;grid-row:2}.percentiles-slot{grid-column:1;grid-row:3}.movement-slot{grid-column:2;grid-row:1 / span 3}@media (max-width: 1100px){.top-grid-2rows{grid-template-columns:1fr}.velocity-slot,.strikepct-slot,.percentiles-slot,.movement-slot{grid-column:auto;grid-row:auto}}html,body{overflow-x:auto}.top-grid>.card{min-width:0}.velocity-grid>*{min-width:0}.velocity-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;align-items:start}@media (max-width: 980px){.velocity-grid{grid-template-columns:1fr}}.legend-box{border:1px solid var(--border);border-radius:10px;padding:10px;background:#fafafa}.btn{padding:8px 10px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}.btn:hover{background:#f3f4f6}.heatmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 980px){.heatmap-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 620px){.heatmap-grid{grid-template-columns:1fr}}.plot-wrap{width:100%;min-height:260px;min-width:0}.plot-wrap>*{max-width:100%}.js-plotly-plot,.plot-container,.svg-container{width:100%!important;max-width:100%!important}.vc-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:start}@media (max-width: 980px){.vc-row{grid-template-columns:1fr}}.vc-plot{width:100%;min-width:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px}.vc-plot .js-plotly-plot,.vc-plot .plot-container,.vc-plot .svg-container{width:100%!important;max-width:100%!important}.vc-plot>div{width:100%!important;max-width:100%!important}.vc-empty{padding:6px 4px}.vc-title{font-size:12px;font-weight:800;color:#111827;margin:0 0 4px}.vc-muted{font-size:11px;color:#6b7280}.vc-stats{border:1px solid #e5e7eb;border-radius:12px;background:#fafafa;padding:10px;min-width:0}.vc-stats-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}.vc-stats-title{font-size:12px;font-weight:800;color:#111827}.vc-stats-list{display:grid;gap:8px}.vc-stat-row{display:flex;gap:10px;align-items:flex-start;min-width:0}.vc-swatch{width:10px;height:10px;border-radius:3px;margin-top:3px;flex:0 0 auto}.vc-stat-main{min-width:0}.vc-stat-name{font-size:12px;font-weight:700;color:#111827;line-height:1.1}.vc-stat-sub{font-size:11px;color:#6b7280;line-height:1.25;margin-top:2px}.ubhh{width:100%;max-width:100%;min-width:0}.ubhh-title{font-size:18px;font-weight:800;color:#111827;margin-bottom:8px}.ubhh-subtitle{--midW: 92px;display:grid;grid-template-columns:1fr var(--midW) 1fr;gap:8px;align-items:end;font-size:14px;font-weight:800;color:#111827;margin-bottom:10px}.ubhh-subtitle span{white-space:nowrap}.ubhh-subtitle span:nth-child(1){justify-self:start}.ubhh-subtitle span:nth-child(2){justify-self:center}.ubhh-subtitle span:nth-child(3){justify-self:end}.ubhh-table{display:flex;flex-direction:column;gap:14px;width:100%;min-width:0}.ubhh-row{--midW: 92px;display:grid;grid-template-columns:1fr var(--midW) 1fr;gap:8px;align-items:center;width:100%;min-width:0}.ubhh-side{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:center;min-width:0}.ubhh-side-right{grid-template-columns:1fr 40px}.ubhh-pct{font-size:14px;font-weight:800;color:#9ca3af;line-height:1;text-align:right}.ubhh-side-right .ubhh-pct{text-align:left}.ubhh-barwrap{height:16px;border-radius:999px;background:#e5e7eb;overflow:hidden;min-width:0;display:flex;justify-content:flex-end}.ubhh-barwrap-right{justify-content:flex-start}.ubhh-bar{height:100%;border-radius:999px}.ubhh-bar-dot{min-width:8px}.ubhh-mid{display:grid;grid-template-columns:34px 44px;gap:6px;align-items:center;justify-content:center;border-left:3px solid #cfe6ef;border-right:3px solid #cfe6ef;padding:2px 6px}.ubhh-badge{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;font-size:14px;font-weight:900;color:#fff;box-shadow:inset 0 0 0 2px #ffffff59}.ubhh-midpct{width:44px;text-align:right;font-size:18px;font-weight:900;color:#111827;line-height:1}@media (max-width: 420px){.ubhh-subtitle,.ubhh-row{--midW: 84px;gap:6px}.ubhh-side{grid-template-columns:36px 1fr;gap:6px}.ubhh-side-right{grid-template-columns:1fr 36px}.ubhh-mid{grid-template-columns:32px 40px;padding:2px 5px}.ubhh-badge{width:32px;height:32px;font-size:13px}.ubhh-midpct{width:40px;font-size:16px}.ubhh-barwrap{height:14px}}.ubhh-title{font-size:16px;font-weight:800}.ubhh-subtitle{font-size:12px;gap:6px}.ubhh-subtitle span{overflow:hidden;text-overflow:ellipsis}.ubhh-pct{font-size:12px}.ubhh-midpct{font-size:16px;width:40px}.ubhh-badge{width:30px;height:30px;font-size:13px}.ubhh-mid{grid-template-columns:30px 40px;gap:6px;padding:2px 5px}.ubhh-barwrap{height:14px}.mp-card{width:100%;max-width:none;margin:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:none;padding:10px 12px}.mp-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.mp-title{margin:0;font-size:20px;font-weight:600;color:#111827}.mp-year{font-weight:700}.mp-mlb-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.mp-mlb-toggle input{accent-color:#6366f1}.mp-plot-wrapper{margin-top:4px;width:100%;min-width:0}.mp-legend-row{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:6px;margin-bottom:8px}.mp-legend-pill{display:flex;align-items:center;gap:6px;font-size:13px;color:#4b5563}.mp-legend-color{width:14px;height:14px;border-radius:999px}.mp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px 16px;margin-bottom:10px}.mp-stats-col{font-size:12px;color:#4b5563;border-top:1px dashed #e5e7eb;padding-top:4px}.mp-stats-label{font-weight:600;margin-bottom:2px}.mp-stats-line{display:flex;justify-content:space-between;line-height:1.2}.mp-stats-heading{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}.mp-footer-row{display:flex;justify-content:center}.mp-arm-angle-pill{border:1px solid #d1d5db;border-radius:999px;padding:4px 14px;font-size:11px;background:#f9fafb;color:#4b5563}.mp-no-data{padding:30px 0;text-align:center;font-size:15px;color:#6b7280}.mp-toggle{display:flex;gap:8px;background:#f3f4f6;padding:4px;border-radius:8px}.mp-toggle button{padding:6px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#6b7280;transition:all .2s ease}.mp-toggle button:hover{background:#e5e7eb;color:#374151}.mp-toggle button.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.mp-plot-wrapper{transition:opacity .2s ease-in-out;opacity:1}.mp-plot-wrapper.mp-transitioning{opacity:0}.pitcher-graphics-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8edf2);padding-bottom:3rem}.pitcher-header{position:sticky;top:0;z-index:1000;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:1.5rem 2rem;box-shadow:0 4px 12px #00000026;border-bottom:3px solid #3498db}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.pitcher-header h1{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(to right,#fff,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pitcher-selector-container{display:flex;align-items:center;gap:1rem}.pitcher-selector-container label{font-size:1rem;font-weight:500;color:#ecf0f1}.pitcher-dropdown{padding:.6rem 1.2rem;font-size:1rem;border:2px solid #3498db;border-radius:8px;background:#fff;color:#2c3e50;cursor:pointer;transition:all .3s ease;min-width:200px;font-weight:500}.pitcher-dropdown:hover{border-color:#5dade2;box-shadow:0 0 0 3px #3498db1a}.pitcher-dropdown:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 4px #3498db33}.graphics-content{max-width:1400px;margin:0 auto;padding:2rem}.pitcher-info-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #00000014;border-left:4px solid #3498db}.pitcher-info-section h2{margin:0 0 1.5rem;font-size:2rem;color:#2c3e50;font-weight:700}.pitcher-stats-summary{display:flex;gap:3rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:.3rem}.stat-label{font-size:.85rem;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:1.5rem;color:#2c3e50;font-weight:700}.chart-section{margin-bottom:2rem}.chart-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease}.chart-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.heatmaps-section{margin-bottom:2rem}.heatmaps-section h2{font-size:1.8rem;color:#2c3e50;margin-bottom:1.5rem;font-weight:700;padding-left:.5rem;border-left:4px solid #e74c3c}.heatmaps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem}.heatmap-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease;display:flex;justify-content:center;align-items:center}.heatmap-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.no-data-message{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014}.no-data-message h2{color:#e74c3c;margin-bottom:1rem;font-size:1.8rem}.no-data-message p{color:#7f8c8d;font-size:1.1rem}@media (max-width: 768px){.header-content{flex-direction:column;align-items:flex-start}.pitcher-header h1{font-size:1.5rem}.pitcher-selector-container{width:100%;flex-direction:column;align-items:flex-start}.pitcher-dropdown{width:100%}.heatmaps-grid{grid-template-columns:1fr}.pitcher-stats-summary{flex-direction:column;gap:1.5rem}}@media (max-width: 1200px){.heatmaps-grid{grid-template-columns:1fr}}