:root{--ink:#20163d;--muted:#69627a;--purple:#54259a;--purple2:#2e1260;--gold:#d3a51d;--line:#dcd6ec;--bg:#f6f4fa;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.shell{max-width:1500px;margin:auto;padding:28px}header{display:flex;align-items:center;gap:16px;padding:8px 0 22px;border-bottom:3px solid var(--purple)}.logo{width:82px;height:66px;object-fit:contain}.eyebrow{margin:0 0 6px;color:var(--purple);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.05em;color:var(--purple2)}h2{font-size:21px;letter-spacing:-.025em}.subtitle,.note{color:var(--muted);font-size:13px;margin-top:4px}.primer{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;margin:24px 0;padding:24px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(37,19,73,.06)}.primer h2{margin-bottom:8px}.primer p:last-child{max-width:690px;color:#4f485e;font-size:14px;line-height:1.58}.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pillars article{padding:15px;border-radius:9px;background:#f7f3ff;border:1px solid #e3d9f5}.pillars strong{display:block;color:var(--purple2);font-size:13px}.pillars span{display:block;margin-top:5px;color:var(--muted);font-size:11px}.board-section{padding:22px;border:1px solid var(--line);border-radius:13px;background:#fff}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.toolbar input{height:37px;width:240px;padding:0 11px;border:1px solid var(--line);border-radius:7px;font:inherit}.table-wrap{overflow:auto;border:1px solid var(--line)}table{width:100%;min-width:1380px;border-collapse:collapse}th{padding:11px 8px;background:var(--purple2);color:#fff;border:1px solid #6d4ba0;font-size:10px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer}th:hover{background:var(--purple)}td{padding:10px 8px;border:1px solid #d5d4dc;text-align:center;font-size:12px;font-weight:720;white-space:nowrap}td.name{text-align:left;color:var(--purple2);font-weight:900;cursor:pointer}td.name:hover{text-decoration:underline}.score{font-weight:900}.note{font-size:11px}.method-link{color:var(--purple);font-weight:800;text-decoration:none}.method-link:hover{text-decoration:underline}.overlay{position:fixed;inset:0;background:rgba(23,12,47,.48);z-index:4}.player-panel{position:fixed;top:0;right:0;width:min(1500px,98vw);height:100vh;padding:26px;overflow:auto;background:#fff;box-shadow:-8px 0 30px rgba(25,12,51,.2);transform:translateX(105%);transition:transform .2s;z-index:5}.player-panel.open{transform:translateX(0)}.close{position:absolute;right:19px;top:17px;border:0;background:transparent;color:var(--purple2);font-size:32px;cursor:pointer}.player-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.player-head img{width:68px;height:68px;object-fit:cover;border-radius:50%;background:#eee}.player-head h2{font-size:29px}.player-head p{font-size:12px;color:var(--muted);margin-top:3px}.pillar-card{width:100%;min-width:0;border-collapse:collapse;margin-bottom:6px;table-layout:fixed}
.pillar-card td{padding:8px 4px;border:2px solid #111;text-align:center;font-size:12px;font-weight:800;white-space:normal;overflow-wrap:break-word}
.pillar-card .pc-lopes{background:#111;color:#fff;font-size:14px;font-weight:900;letter-spacing:.03em}
.pillar-card .pc-damage{background:#3ddc3d;color:#111}
.pillar-card .pc-contact{background:#f4e320;color:#111}
.pillar-card .pc-decisions{background:#e32222;color:#fff}
.pillar-note{margin:0 0 18px}
.mini-scores{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:22px}.mini-scores div{padding:12px 8px;border-radius:8px;text-align:center}.mini-scores span{display:block;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.mini-scores strong{display:block;margin-top:4px;font-size:20px}.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.chart{border:1px solid var(--line);border-radius:10px;padding:13px;min-width:0}.chart h3{margin:0 0 10px;font-size:13px;color:var(--purple2)}.spray-chart,.heatmap-chart{width:100%;justify-self:stretch}svg{width:100%;height:auto;display:block;background:#fbfafc;border-radius:6px}.legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:10px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:3px}@media(max-width:1000px){.charts{grid-template-columns:1fr}}@media(max-width:800px){.shell{padding:16px}.primer{grid-template-columns:1fr}.toolbar{align-items:start;flex-direction:column}.toolbar input{width:100%}.charts{grid-template-columns:1fr}.mini-scores{grid-template-columns:repeat(3,1fr)}}.spray-wrap{position:relative}.spray-tip{position:absolute;pointer-events:none;background:#221340;color:#fff;padding:9px 12px;border-radius:8px;font-size:12px;line-height:1.5;box-shadow:0 8px 22px rgba(20,10,45,.35);z-index:6;white-space:nowrap}.spray-tip strong{display:block;font-size:12px;letter-spacing:.02em;margin-bottom:4px;color:#f4c95d}.spray-tip .tip-grid{display:grid;grid-template-columns:auto auto;gap:2px 10px}.spray-tip span{color:#b6a9d6;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;align-self:center}.spray-tip b{font-weight:700}.spray-field circle[data-index]:hover{stroke:#221340;stroke-width:2}
.spray-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.hover-menu{position:relative;text-transform:none;letter-spacing:0}.hover-menu summary{list-style:none;border:1px solid var(--line);border-radius:7px;background:#f5f1fa;color:var(--purple2);padding:7px 10px;font-size:11px;font-weight:900;cursor:pointer}.hover-menu summary::-webkit-details-marker{display:none}.hover-menu summary::after{content:' ▾';color:var(--muted)}.hover-menu[open] summary::after{content:' ▴'}.hover-menu-options{position:absolute;right:0;top:calc(100% + 6px);z-index:8;width:260px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 10px 26px rgba(33,18,64,.2);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}.hover-menu-options>strong{grid-column:1/-1;color:var(--purple2);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.hover-menu-options label{display:flex;align-items:center;gap:6px;color:#433858;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer}.hover-menu-options input{accent-color:var(--purple2)}
.zone-view-notches{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.zone-view-notches button{border:1px solid var(--line);border-radius:999px;background:#fff;color:#433858;padding:7px 11px;font-size:10px;font-weight:900;cursor:pointer}.zone-view-notches button.active{background:var(--purple2);border-color:var(--purple2);color:#fff}.plot-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fbfafc}.plot-color-options{display:flex;flex-wrap:wrap;gap:6px}.plot-color-options button{border:1px solid var(--line);border-radius:999px;background:#fff;color:#433858;padding:6px 9px;font-size:10px;font-weight:900;cursor:pointer}.plot-color-options button.active{background:var(--purple2);border-color:var(--purple2);color:#fff}.plot-opacity{display:flex;align-items:center;gap:8px;color:var(--purple2);font-size:10px;font-weight:900;text-transform:uppercase;white-space:nowrap}.plot-opacity input{width:126px;accent-color:var(--purple2)}.heatmap-layout{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fbfafc;color:var(--purple2);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.heatmap-layout div{display:flex;gap:6px}.heatmap-layout button{width:30px;height:28px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#433858;font-size:10px;font-weight:900;cursor:pointer}.heatmap-layout button.active{background:var(--purple2);border-color:var(--purple2);color:#fff}.heatmap-controls{display:grid;grid-template-columns:repeat(var(--heatmap-control-count,3),minmax(0,1fr));gap:10px;margin-bottom:12px}.heatmap-section{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fbfafc}.heatmap-section strong{display:block;margin-bottom:7px;color:var(--purple2);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.heatmap-section div{display:flex;flex-wrap:wrap;gap:6px}.heatmap-section button{border:1px solid var(--line);border-radius:999px;background:#fff;color:#433858;padding:6px 9px;font-size:10px;font-weight:900;cursor:pointer}.heatmap-section button.active{background:var(--purple2);border-color:var(--purple2);color:#fff}.heatmap-stage{display:flex;justify-content:center;width:100%;overflow:hidden}.heatmap-grid{display:grid;width:100%;gap:10px;align-items:start}.heatmap-grid-1{grid-template-columns:minmax(0,1fr);max-width:560px}.heatmap-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.heatmap-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.player-heatmap{width:100%;height:auto;display:block;background:#fff;border-radius:6px}.player-heatmap text{font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.spray-field circle.linked-hover,.pitch-zone-plot circle.linked-hover{stroke:#111!important;stroke-width:3!important;opacity:1!important;filter:drop-shadow(0 0 4px rgba(46,18,96,.65))}
@media(max-width:800px){.spray-toolbar{align-items:flex-start}.hover-menu-options{width:min(260px,calc(100vw - 80px))}.spray-tip{white-space:normal;max-width:230px}}
@media(max-width:800px){.plot-options{align-items:flex-start;flex-direction:column}.plot-opacity{width:100%;justify-content:space-between}.heatmap-layout{align-items:flex-start;flex-direction:column}.heatmap-controls,.heatmap-grid-2,.heatmap-grid-3{grid-template-columns:1fr}.player-heatmap{width:100%}}
.programming-dash-button{margin-left:auto;padding:11px 16px;border-radius:8px;background:var(--purple2);color:#fff;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap;box-shadow:0 4px 12px rgba(46,18,96,.2)}
.programming-dash-button:hover{background:var(--purple)}
.programming-dash-button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:800px){.player-head{align-items:flex-start;flex-wrap:wrap}.programming-dash-button{width:100%;margin-left:0;text-align:center}}
.column-groups .column-group{padding:7px 8px;background:#d8c7ed;color:var(--purple2);border-color:#bca7d8;font-size:9px;letter-spacing:.09em;cursor:default}.column-groups .column-group:hover{background:#d8c7ed}.column-groups .roster-column-group{background:#eee8f6}.column-groups .roster-column-group:hover{background:#eee8f6}