:root{--bg:#07111f;--panel:#0d1b2b;--panel2:#10243a;--line:#24384f;--text:#eef4fb;--muted:#9cb0c5;--accent:#42d3aa;--warn:#f2c14e;--bad:#ef767a;--good:#54d68c;--blue:#74a8ff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}button,select{font:inherit}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;border-right:1px solid var(--line);background:#081522}.brand{font-weight:800;font-size:20px;letter-spacing:.02em}.subbrand{color:var(--muted);font-size:12px;margin:4px 0 22px}.nav button{display:block;width:100%;text-align:left;padding:10px 12px;margin:4px 0;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.nav button:hover,.nav button.active{background:var(--panel2);color:var(--text)}.content{padding:28px 34px 60px;max-width:1550px;width:100%}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin:4px 0 20px}.hero h1{font-size:38px;line-height:1.05;margin:6px 0}.muted{color:var(--muted)}.notice{padding:12px 14px;border:1px solid #3d5064;background:#0a1a2a;border-radius:10px;color:#c6d3df;margin-bottom:18px}.grid{display:grid;gap:14px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.card h2,.card h3{margin-top:0}.outcome-six{border-top:3px solid var(--good)}.outcome-out{border-top:3px solid var(--bad)}.chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#142a40;color:#bcd0e3;font-size:12px;margin:3px 5px 3px 0}.phasebar,.tabs,.systemtabs{display:flex;gap:6px;overflow:auto;padding-bottom:4px;margin:12px 0}.phasebtn,.tabs button,.systemtabs button{white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:9px 12px;border-radius:9px;cursor:pointer}.phasebtn.active,.tabs button.active,.systemtabs button.active{background:#153a36;color:#d8fff4;border-color:#2c8875}.systemtabs button{border-left:3px solid var(--system,#42d3aa)}.video{width:100%;border-radius:10px;background:#000;max-height:500px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.detail-grid>div{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.detail-value{font-weight:650;margin-top:2px}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.card-actions button{border:1px solid var(--line);background:#142a40;color:var(--text);padding:8px 10px;border-radius:8px;cursor:pointer}.event-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.event-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px;background:#07101a}.event-head{display:flex;justify-content:space-between;align-items:start}.metric-system{margin-top:16px;border-left:3px solid var(--system);padding-left:12px}.metric-system h4{margin:0 0 8px;color:var(--text)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.metric{background:#0a1725;border:1px solid #1e3349;border-radius:10px;padding:10px}.metric .label{font-size:11px;color:#d8e4ef;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.metric-ref{font-size:10px;line-height:1.35;color:var(--muted);margin:5px 0 8px;min-height:27px}.metric .value{font-size:20px;font-weight:750}.limited{font-size:10px;color:var(--warn);margin-top:5px}.phase-system>h3{border-left:4px solid var(--system);padding-left:10px;margin-top:24px}.chart-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;min-height:390px}.chart-card h3{margin:0 0 5px}.chart-subtitle{font-size:11px;line-height:1.45;color:var(--muted);min-height:32px}.plot{height:325px}.pitchplot{height:520px}.trace-defaults{font-size:10px;color:#758da2;margin:4px 4px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin:28px 0 12px}.section-title h2{margin:0}.section-sub{margin-top:4px}.mini{font-size:11px;color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:9px;border-bottom:1px solid var(--line);vertical-align:top}th{color:#a8bfd3;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.footer{margin-top:38px;color:#667d92;font-size:12px}.compare-select{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin:8px 0}.compare-select select,.filterbar select{background:#081522;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px}.filterbar{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 16px}.filterbar label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px}.index-flow{padding:12px;border-radius:10px;background:#081522;border:1px solid var(--line);line-height:2;font-weight:650}.index-flow span{color:var(--accent);padding:0 5px}.graph-guide{overflow:hidden}.guide-axis{height:180px;position:relative;margin:35px 30px 10px;border-bottom:2px solid #6b8298}.guide-event{position:absolute;bottom:-34px;transform:translateX(-50%);font-size:10px;text-align:center;min-width:70px}.guide-event span{position:absolute;left:50%;bottom:28px;height:105px;border-left:1px dotted #607b94}.guide-event b{font-weight:650}.guide-band{position:absolute;bottom:4px;height:95px;padding:8px;font-size:10px;color:#b9c9d7;border-radius:6px}.guide-band.b1{left:0;width:25%;background:rgba(99,179,237,.08)}.guide-band.b2{left:25%;width:25%;background:rgba(66,211,170,.08)}.guide-band.b3{left:50%;width:25%;background:rgba(183,148,244,.08)}.guide-band.b4{left:75%;width:25%;background:rgba(246,173,85,.08)}
@media(max-width:1000px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.nav{display:flex;overflow:auto}.nav button{width:auto;white-space:nowrap}.content{padding:20px}.two,.three{grid-template-columns:1fr}.hero{display:block}.plot{height:310px}.pitchplot{height:500px}.detail-grid{grid-template-columns:1fr}.event-grid{grid-template-columns:1fr}.guide-event{font-size:9px}}

.mobile-nav-toggle{display:none}.overview-video{margin:4px 0 14px}.visual-compare-grid{display:grid;gap:14px}.visual-event img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#000}.plot .modebar{opacity:.72}.js-plotly-plot{touch-action:pan-y pinch-zoom}.guide-axis{margin-top:54px;margin-bottom:42px}.guide-band{top:18px;bottom:auto;height:78px}.guide-event{bottom:-42px;max-width:90px;white-space:normal;line-height:1.15}.guide-event span{bottom:34px;height:92px}.filterbar{align-items:end}
@media(max-width:768px){.app{display:block}.sidebar{position:sticky;top:0;z-index:50;height:auto;padding:12px 14px;border-right:0;border-bottom:1px solid var(--line)}.mobile-nav-toggle{display:block;position:absolute;right:12px;top:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:7px 10px}.subbrand{margin-bottom:4px}.nav{display:none;flex-direction:column;margin-top:10px}.nav-open .nav{display:flex}.nav button{width:100%}.content{padding:16px 12px 50px}.hero h1{font-size:30px}.chart-card{min-height:405px;padding:10px}.plot{height:390px;touch-action:pan-y pinch-zoom}.pitchplot{height:470px}.filterbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filterbar select{width:100%}.guide-axis{margin-left:10px;margin-right:10px}.guide-event{font-size:8px;max-width:60px}.metric-grid{grid-template-columns:1fr 1fr}.visual-event .two{grid-template-columns:1fr}.overview-video{max-height:280px}}
@media(max-width:480px){.filterbar{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.content{padding-left:10px;padding-right:10px}.hero h1{font-size:27px}.chart-card{padding:9px;min-height:420px}.chart-subtitle{min-height:0;margin-bottom:4px}.plot{height:405px}.pitchplot{height:455px}.phasebar,.tabs,.systemtabs{scrollbar-width:thin}.js-plotly-plot .modebar{display:none!important}}

/* Stage 6 surgical QC / long-axis label fixes */
.qc-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.qc-stat-grid>div{background:#081522;border:1px solid var(--line);border-radius:8px;padding:9px}.qc-stat-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.qc-stat-grid b{display:block;font-size:17px;margin-top:3px}.table-scroll{overflow:auto;max-width:100%}.provenance-card table{min-width:980px}.grid.one{grid-template-columns:1fr}
@media(max-width:768px){.qc-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.js-plotly-plot .yaxislayer-above text{font-size:9px!important}}


/* Stage 7 — player-first shell + outcome intelligence */
.brand-row{position:relative}.player-switch{width:100%;text-align:left;margin:4px 0 16px;padding:10px 11px;border:1px solid var(--line);background:#0b1d2e;color:var(--text);border-radius:10px;cursor:pointer}.player-switch span{display:block;font-weight:750}.player-switch small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.nav-group{margin:14px 10px 5px;color:#607d96;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.10em}.movement-group{margin-top:21px}.player-home{max-width:1100px}.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:18px}.player-card{cursor:pointer;transition:transform .12s ease,border-color .12s ease}.player-card:hover{transform:translateY(-2px);border-color:#3f617e}.player-card h2{margin:4px 0 6px}.player-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.global-filter-panel{position:sticky;top:0;z-index:20;background:rgba(7,17,31,.96);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:12px;padding:11px;margin:0 0 16px}.global-filter-row{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.global-filter-row label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:10px;min-width:118px}.global-filter-row select{max-width:180px;background:#081522;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px}.filter-actions{display:flex;gap:7px}.filter-actions button,.graph-controls button{border:1px solid var(--line);background:#142a40;color:var(--text);padding:8px 10px;border-radius:8px;cursor:pointer}.filter-summary{margin-top:7px;font-size:10px;color:#7f98ae}.graph-controls{display:flex;gap:9px;flex-wrap:wrap;align-items:end;margin:8px 0 12px}.graph-controls label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--muted)}.graph-controls select{min-width:150px;background:#081522;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px}.metric-cards{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.metric-card .value{font-size:27px}.metric-card .label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.sample-badge{display:inline-flex;padding:3px 7px;border-radius:99px;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.sample-strong{background:rgba(84,214,140,.12);color:#77e9a8}.sample-moderate{background:rgba(116,168,255,.12);color:#93b9ff}.sample-small{background:rgba(242,193,78,.12);color:#f2c14e}.sample-very_small{background:rgba(239,118,122,.12);color:#ef9a9d}.coverage-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:10px 12px;border-radius:10px;background:#0a1928;border:1px solid var(--line)}.coverage-strip b{color:var(--accent)}.hierarchy-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.match-card{cursor:pointer}.match-card:hover{border-color:#446581}.pitch-stage7{height:560px}.wagon-wrap{display:grid;grid-template-columns:minmax(420px,1fr) minmax(240px,340px);gap:18px;align-items:start}.wagon-svg{width:100%;max-width:660px;display:block;margin:auto}.wagon-sector{stroke:#395169;stroke-width:1;cursor:pointer;transition:opacity .12s}.wagon-sector:hover{opacity:.82}.wagon-label{font-size:11px;fill:#e9f2fb;text-anchor:middle;pointer-events:none}.wagon-sub{font-size:8px;fill:#94a9bd;text-anchor:middle;pointer-events:none}.wagon-field{fill:#0b2130;stroke:#42637d;stroke-width:2}.wagon-ring{fill:none;stroke:#2c465d;stroke-width:1}.batter-dot{fill:#f2c14e}.orientation-note{text-align:center;color:var(--muted);font-size:10px;margin-top:5px}.linked-list{display:grid;gap:9px}.linked-row{border:1px solid var(--line);background:#091827;border-radius:9px;padding:10px}.empty-state{padding:26px;text-align:center;color:var(--muted)}.outcome-table-scroll{overflow:auto;max-height:520px}.outcome-table-scroll table{min-width:760px}.page-tabs{display:flex;gap:7px;overflow:auto;margin:0 0 12px}.page-tabs button{white-space:nowrap;border:1px solid var(--line);background:#0b1c2b;color:var(--muted);padding:8px 10px;border-radius:8px;cursor:pointer}.page-tabs button.active{background:#153a36;color:#d8fff4;border-color:#2c8875}
@media(max-width:1000px){.wagon-wrap{grid-template-columns:1fr}.global-filter-panel{position:relative}.pitch-stage7{height:510px}}
@media(max-width:768px){.player-switch{margin-bottom:6px}.nav-group{margin-left:4px}.global-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.global-filter-row label{min-width:0}.global-filter-row select{max-width:none;width:100%}.wagon-wrap{display:block}.pitch-stage7{height:470px}.metric-card .value{font-size:23px}}
@media(max-width:480px){.global-filter-row{grid-template-columns:1fr}.pitch-stage7{height:440px}}