﻿: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}}


/* Stage 7.1 — season comparison, cricket pitch map, analysed-delivery bridge */
.year-row{justify-content:space-between;align-items:flex-end;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:9px;margin-bottom:9px}.year-filter{min-width:min(100%,520px)}.filter-label{font-size:10px;color:var(--muted);margin-bottom:5px}.year-chips{display:flex;flex-wrap:wrap;gap:6px}.year-chip,.season-mode button{border:1px solid var(--line);background:#0b1d2e;color:var(--muted);padding:7px 10px;border-radius:999px;cursor:pointer}.year-chip.active,.season-mode button.active{background:#173a36;border-color:#2c8875;color:#d8fff4}.season-mode{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.season-mode>span{font-size:10px;color:var(--muted);margin-right:2px}.season-mode button:disabled{opacity:.35;cursor:not-allowed}.season-mode-note{color:#7890a6;font-size:10px;padding:7px 0}.pitch-card{overflow:auto}.pitch-svg-root{width:100%;min-height:520px}.pitch-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:14px}.pitch-map-panel{min-width:520px}.pitch-map-title{text-align:center;font-size:13px;font-weight:800;margin:2px 0 4px}.pitch-map-svg{width:100%;height:auto;display:block}.pitch-outline{fill:#0a1725;stroke:#48627a;stroke-width:2}.pitch-line-label{fill:#dbe7f0;font-size:10px;text-anchor:middle;font-weight:700}.pitch-length-label{fill:#dbe7f0;font-size:10px;text-anchor:end;font-weight:700}.pitch-end-label{fill:#9eb1c2;font-size:10px;text-anchor:middle;font-weight:800;letter-spacing:.08em}.pitch-legend-note{fill:#738aa0;font-size:9px}.pitch-stump{stroke:#f4e6c1;stroke-width:8;stroke-linecap:round}.batter-stump{filter:drop-shadow(0 0 2px rgba(0,0,0,.6))}.bowler-stump{stroke-width:6}.pitch-zone{cursor:pointer}.pitch-zone:hover rect{filter:brightness(1.16)}.pitch-value{fill:#fff;font-size:15px;text-anchor:middle;font-weight:850;paint-order:stroke;stroke:#07111c;stroke-width:3px;stroke-linejoin:round}.pitch-count{fill:#e2ebf3;font-size:8px;text-anchor:middle;paint-order:stroke;stroke:#07111c;stroke-width:2px}.wagon-card{min-width:0}.wagon-value,.wagon-label{fill:#fff!important;font-weight:800;paint-order:stroke;stroke:#07111c;stroke-width:3px;stroke-linejoin:round}.wagon-value{font-size:10px}.wagon-season-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px}.analysed-grid{align-items:start}.analysed-card h2{margin-bottom:5px}.analysed-video{margin:12px 0;max-height:330px}.analysed-note{margin-top:14px}.analysed-note p{margin-bottom:0}
@media(max-width:768px){.year-row{display:block}.season-mode{margin-top:8px}.pitch-svg-root{min-height:380px}.pitch-compare-grid{grid-template-columns:1fr}.pitch-map-panel{min-width:430px}.wagon-season-grid{grid-template-columns:1fr}.analysed-grid{grid-template-columns:1fr}}


/* Stage 7.2 — Outcome Mining presentation synthesis */
.insights-heading{margin-top:22px}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:18px}.insight-card{background:#0a1928;border:1px solid var(--line);border-left-width:4px;border-radius:11px;padding:13px}.insight-card h3{margin:8px 0 6px;font-size:15px}.insight-card p{margin:0;color:#b6c6d5;font-size:12px;line-height:1.45}.insight-strength{border-left-color:#42d3aa}.insight-weakness{border-left-color:#ef767a}.insight-tradeoff{border-left-color:#f2c14e}.insight-evolution{border-left-color:#74a8ff}.insight-distinctive{border-left-color:#b794f4}.insight-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.insight-kind{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.insight-strength .insight-kind{color:#7ce6c8}.insight-weakness .insight-kind{color:#f39ca0}.insight-tradeoff .insight-kind{color:#f2c14e}.insight-evolution .insight-kind{color:#9bbcff}.insight-distinctive .insight-kind{color:#cdb4ff}.insight-metrics{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.insight-metrics span{background:#071522;border:1px solid #20384d;border-radius:999px;padding:4px 7px;font-size:9px;color:#b9cad8}.insight-evidence{margin-top:8px;font-size:9px;color:#71899e}.metric-compare-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric-compare-stack .chart-card h3{margin:0 0 4px}.compact-plot{height:230px}.pitch-stump{stroke-width:6}.batter-stump,.bowler-stump{stroke-width:6}
@media(max-width:768px){.metric-compare-stack{grid-template-columns:1fr}.compact-plot{height:210px}.insight-grid{grid-template-columns:1fr}}


/* Stage 7.3 — Batter Biomechanics Profile */
.bio-method-card{margin-bottom:14px}.bio-method-card h3{margin-top:0}.bio-profile-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#081522;color:#9fb4c7;font-size:11px}.bio-profile-flow span{background:#0d2235;border:1px solid #284257;border-radius:999px;padding:6px 9px;color:#d6e3ee}.bio-profile-flow b{color:#42d3aa}.bio-investigation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:13px}.bio-investigation-card{display:flex;flex-direction:column;gap:10px}.bio-investigation-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.bio-investigation-top h3{margin:4px 0 0;font-size:16px}.bio-status{display:inline-flex;white-space:nowrap;padding:4px 8px;border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line)}.bio-sampling_required{color:#f2c14e;background:rgba(242,193,78,.09);border-color:rgba(242,193,78,.35)}.bio-case_evidence{color:#9bbcff;background:rgba(116,168,255,.10);border-color:rgba(116,168,255,.35)}.bio-exploratory{color:#cdb4ff;background:rgba(183,148,244,.10);border-color:rgba(183,148,244,.35)}.bio-provisional{color:#7ce6c8;background:rgba(66,211,170,.10);border-color:rgba(66,211,170,.35)}.bio-context{display:flex;flex-wrap:wrap;gap:5px}.bio-question{background:#071522;border:1px solid #20384d;border-radius:9px;padding:10px}.bio-question p,.bio-observation{margin:4px 0 0;color:#c4d1dd;font-size:12px;line-height:1.45}.bio-coverage-line{font-size:10px;color:#7f98ae;border-top:1px solid rgba(255,255,255,.06);padding-top:9px}.bio-coverage-line b{color:#42d3aa}.bio-evidence-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#091827;border:1px solid var(--line);border-radius:9px;padding:9px}.bio-evidence-row b{font-size:12px}.bio-no-evidence{font-size:10px;color:#73899c;padding:10px;border:1px dashed #294158;border-radius:9px}.compact-actions{margin:0;display:flex;gap:5px}.compact-actions button{padding:6px 8px;font-size:9px}
@media(max-width:768px){.bio-investigation-grid{grid-template-columns:1fr}.bio-investigation-top,.bio-evidence-row{display:block}.bio-status{margin-top:8px}.compact-actions{margin-top:8px}.bio-profile-flow{font-size:10px}}


/* Build E — approved research intelligence */
.research-finding-card{border-left:3px solid #42d3aa}
.research-hypothesis{margin-top:12px;padding:12px;border-radius:10px;background:rgba(116,168,255,.08);border:1px solid rgba(116,168,255,.18)}
.mini-strip{margin-top:12px;padding:8px 10px;font-size:.88rem}


/* Stage 7.5 — Insight architecture + biomechanics mining */
.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.insight-accordion{display:grid;gap:10px}.insight-group{border:1px solid var(--line);background:#091827;border-radius:12px;overflow:hidden}.insight-group>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:13px 15px;font-weight:800;list-style:none}.insight-group>summary::-webkit-details-marker,.insight-detail>summary::-webkit-details-marker{display:none}.insight-group>summary span{color:var(--muted);font-size:10px}.insight-stack{padding:0 10px 10px;display:grid;gap:8px}.insight-detail{border:1px solid #20384d;background:#071522;border-radius:9px}.insight-detail>summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;list-style:none}.insight-detail-body{padding:0 12px 12px}.insight-detail-body p{color:#bdcbd7;line-height:1.5}.conclusion-group{border-color:#2c8875}.conclusion-list{padding:0 14px 12px}.conclusion-list>div{padding:9px 0;border-top:1px solid rgba(255,255,255,.06)}.conclusion-list p{margin:4px 0;color:var(--muted)}.insight-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:14px;align-items:start}.insight-layout .insights-heading{margin-top:0}.insight-mode{margin:0 0 12px}.profile-mode-tabs{display:flex;gap:7px;overflow:auto;margin:-4px 0 15px}.profile-mode-tabs button{border:1px solid var(--line);background:#0b1c2b;color:var(--muted);padding:9px 12px;border-radius:9px;cursor:pointer;white-space:nowrap}.profile-mode-tabs button.active{background:#153a36;color:#d8fff4;border-color:#2c8875}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.template-card h3{font-size:14px;margin:6px 0 10px}.linked-intelligence-grid{display:grid;gap:10px}.linked-intelligence-card>summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;list-style:none}.linked-intelligence-card>summary::-webkit-details-marker{display:none}
@media(max-width:1000px){.sidebar{overflow-y:visible}.insight-layout{grid-template-columns:1fr}}
@media(max-width:768px){.sidebar{max-height:100dvh;overflow-y:auto}.nav-open .nav{max-height:calc(100dvh - 105px);overflow-y:auto;overscroll-behavior:contain}.insight-layout{display:block}.profile-mode-tabs{position:sticky;top:70px;z-index:18;background:var(--bg);padding:6px 0}.template-grid{grid-template-columns:1fr}.insight-group>summary,.insight-detail>summary{align-items:flex-start}}


/* Build G5 / Stage 7.6 integrated intelligence */
.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 22px}.workspace-card{cursor:pointer;min-height:150px}.workspace-card:hover,.profile-conclusion:hover{border-color:#2c8875}.lens-tabs{display:flex;gap:7px;overflow:auto;margin:0 0 16px;padding-bottom:2px}.lens-tabs button{white-space:nowrap;border:1px solid var(--line);background:#0b1c2b;color:var(--muted);padding:8px 11px;border-radius:999px;cursor:pointer}.lens-tabs button.active{background:#153a36;color:#d8fff4;border-color:#2c8875}.profile-conclusion-grid{display:grid;gap:10px}.profile-conclusion{border:1px solid var(--line);border-left:4px solid #b794f4;border-radius:12px;background:#091827}.profile-conclusion.insight-strength{border-left-color:#42d3aa}.profile-conclusion.insight-vulnerability{border-left-color:#ef767a}.profile-conclusion.insight-tradeoff{border-left-color:#f2c14e}.profile-conclusion.insight-evolution{border-left-color:#74a8ff}.profile-conclusion>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:13px 15px;font-weight:800}.profile-conclusion>summary::-webkit-details-marker,.micro-detail>summary::-webkit-details-marker{display:none}.micro-detail{margin-top:10px;border-top:1px solid rgba(255,255,255,.07);padding-top:8px}.micro-detail>summary{cursor:pointer;color:#9fb4c7;font-size:11px;font-weight:800}.support-row{display:grid;gap:3px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.support-row span{font-size:11px;color:var(--muted)}.insight-table,.coord-table{width:100%;font-size:11px}.insight-table th,.insight-table td,.coord-table th,.coord-table td{padding:7px 8px}.mini-block{margin:10px 0;padding:10px;border-radius:8px;background:#091a29}.mini-block p{margin:4px 0 0}.selected-insight{border-color:#42d3aa;box-shadow:0 0 0 1px rgba(66,211,170,.25)}.pitch-zone.insight-dim,.wagon-sector.insight-dim{opacity:.14}.pitch-zone.insight-hit,.wagon-sector.insight-hit{opacity:1;filter:drop-shadow(0 0 5px rgba(66,211,170,.8))}.compare-player-selector{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.compare-player-selector label{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#091827}.table-scroll{overflow:auto}.observation-badge{font-size:9px;padding:4px 8px;border-radius:999px;background:rgba(183,148,244,.1);border:1px solid rgba(183,148,244,.35);color:#cdb4ff}.context-toggle-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.context-toggle-card p{width:100%;margin:0}.insight-layout>.chart-card,.insight-layout>div>.chart-card{position:sticky;top:14px}.graph-controls{align-items:end}.insight-detail>summary{cursor:pointer}.insight-detail-body .detail-grid{margin-top:8px}.coord-table th:first-child{width:22%}
@media(max-width:1000px){.workspace-grid{grid-template-columns:1fr}.insight-layout>.chart-card,.insight-layout>div>.chart-card{position:static}}
@media(max-width:768px){.lens-tabs{position:sticky;top:64px;background:var(--bg);z-index:15;padding:6px 0}.profile-conclusion>summary{align-items:flex-start}.coord-table,.insight-table{min-width:560px}.workspace-grid{grid-template-columns:1fr}}


/* Stage 7.7 — fixed profile correction */
.loading-shell{min-height:48vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}
.loading-spinner{width:28px;height:28px;border:3px solid #24384f;border-top-color:var(--accent);border-radius:50%;animation:stage77spin .8s linear infinite}@keyframes stage77spin{to{transform:rotate(360deg)}}
.profile-table{min-width:760px}.profile-table th{position:sticky;top:0;background:#0d1b2b;z-index:2}.profile-table td{vertical-align:middle}
.outcome-family-block{margin-top:28px}.profile-pitch-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px}.pitch-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pitch-insight-tile{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#081522}.pitch-insight-tile.tile-good{border-left:4px solid var(--good)}.pitch-insight-tile.tile-bad{border-left:4px solid var(--bad)}.pitch-insight-tile h3{font-size:14px;margin:4px 0 8px}.mini-pitch{width:100%;max-width:130px}.mini-pitch-surface{fill:#d9c59b;stroke:#f2e5c8;stroke-width:2}.mini-stump{stroke:#f3f5f7;stroke-width:5;stroke-linecap:round}.mini-pitch-dot{fill:#ef5b5b;stroke:#fff;stroke-width:3}.mini-pitch-caption{fill:#9cb0c5;font-size:10px}.mini-metric-table{font-size:11px}.mini-metric-table th,.mini-metric-table td{padding:5px;border-bottom:1px solid rgba(255,255,255,.06)}
.outcome-summary-strip{margin:12px 0 22px}.summary-column{border-top:3px solid var(--line)}.summary-column.strengths{border-top-color:var(--good)}.summary-column.vulnerabilities{border-top-color:var(--bad)}.summary-column.tradeoffs{border-top-color:var(--warn)}.summary-item{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);display:grid;gap:4px}.summary-item b{font-size:12px}.summary-item span{font-size:11px;color:var(--muted)}
.system-profile-tabs{display:flex;gap:7px;overflow:auto;margin:18px 0 12px}.system-profile-tabs button{white-space:nowrap;border:1px solid var(--line);background:#091827;color:var(--muted);padding:9px 12px;border-radius:9px;cursor:pointer}.system-profile-tabs button.active{background:#153a36;color:#d8fff4;border-color:#2c8875}.fixed-profile-body{display:grid;gap:10px}.profile-subsystem{border:1px solid var(--line);border-radius:12px;background:#091827;overflow:hidden}.profile-subsystem>summary{list-style:none;cursor:pointer;padding:13px 15px;display:flex;justify-content:space-between;font-weight:800}.profile-subsystem>summary span:last-child{font-size:10px;color:var(--muted);font-weight:600}.profile-summary-grid{margin:12px 0}.profile-summary-row{display:grid;grid-template-columns:1.3fr 1fr .8fr .8fr;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px}.profile-summary-row span{color:var(--muted)}.profile-summary-row.stable b{color:#7ce6c8}.profile-summary-row.variable b{color:#f2c14e}.profile-contrast{margin:12px 0}.contrast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.contrast-grid>div{display:grid;gap:4px;padding:9px;background:#071522;border-radius:9px}.contrast-grid span{font-size:10px;color:var(--muted)}.context-policy{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.context-policy span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px}.scope-pill{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;border:1px solid var(--line)}.scope-light{color:#9bbcff;background:rgba(116,168,255,.08)}.scope-delivery{color:#f2c14e;background:rgba(242,193,78,.08)}
.status-on{color:#7ce6c8;border:1px solid rgba(66,211,170,.35);background:rgba(66,211,170,.08);padding:4px 8px;border-radius:999px}.linked-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.linked-pair>div{background:#071522;padding:10px;border-radius:9px}.linked-row{display:grid;gap:3px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.compare-player-selector label.selected{border-color:#2c8875;background:#153a36;color:#d8fff4}.data-only{grid-template-columns:1fr!important}.show-insights{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr)}
.pitch-zone.insight-dim,.wagon-sector.insight-dim{opacity:.48!important}.pitch-zone.insight-hit,.wagon-sector.insight-hit{opacity:1!important;filter:drop-shadow(0 0 7px rgba(66,211,170,.75))}.mini-pitch.insight-pitch{margin-bottom:8px}
@media(max-width:1000px){.profile-pitch-grid{grid-template-columns:1fr}.pitch-tile-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.pitch-tile-grid{grid-template-columns:1fr}.pitch-insight-tile{grid-template-columns:105px 1fr}.profile-summary-row{grid-template-columns:1fr 1fr}.contrast-grid,.linked-pair{grid-template-columns:1fr}.profile-table{min-width:680px}}




/* Stage 7.8 product/QC correction */
.profile-metric-tabs,.insight-kind-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 14px}.profile-metric-tabs>span{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.profile-metric-tabs button,.insight-kind-tabs button{border:1px solid var(--line);background:#0b1c2b;color:var(--muted);padding:7px 10px;border-radius:999px;cursor:pointer}.profile-metric-tabs button.active,.insight-kind-tabs button.active{background:#153a36;color:#d8fff4;border-color:#2c8875}.relative-headline{font-size:12px;font-weight:800;color:#9fc8bb;margin:-2px 0 6px}.pitch-insight-tile.tile-warn{border-left:4px solid var(--warn)}.mini-grid-line{stroke:rgba(56,75,92,.45);stroke-width:.7}.pitch-zone.insight-muted,.wagon-sector.insight-muted{opacity:.62!important}.pitch-zone.classification-muted{opacity:.18!important}.pitch-zone.classification-hit{opacity:1!important;filter:drop-shadow(0 0 5px rgba(66,211,170,.55))}.pitch-selection-card{position:relative!important;z-index:3}.insight-layout>.chart-card,.insight-layout>div>.chart-card{position:relative!important;top:auto!important}.global-filter-panel{z-index:20}.plot,.pitch-map-panel{position:relative;z-index:1}.graph-controls{position:relative;z-index:4;background:var(--bg)}
@media(max-width:900px){.outcome-summary-strip{grid-template-columns:1fr!important}.profile-metric-tabs{overflow:auto;flex-wrap:nowrap}.profile-metric-tabs button{white-space:nowrap}}




/* Stage 7.9 — statistical biomechanics profile + visual filtering */
.profile-active-metric{margin:10px 0 14px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:#091827}.profile-active-metric h2{margin:2px 0 0;font-size:20px}.pitch-zone.filtered-out rect{fill:transparent!important;fill-opacity:0!important;stroke:rgba(159,180,199,.16)!important;stroke-width:1!important;filter:none!important}.pitch-zone.filtered-out text{display:none!important}.pitch-zone.filtered-out{opacity:1!important}.pitch-zone.insight-hit,.pitch-zone.classification-hit{opacity:1!important;filter:drop-shadow(0 0 5px rgba(66,211,170,.6))}.wagon-sector.insight-dim{opacity:1!important}.bio-context-workspace{margin:12px 0 16px}.bio-pitch-wrap{position:relative;padding:34px 12px 32px 95px;max-width:980px}.bio-pitch-grid{display:grid;grid-template-columns:repeat(var(--bio-cols),minmax(44px,1fr));border:1px solid #42627b;background:#c9b180;gap:2px;padding:5px;border-radius:8px;min-height:280px}.bio-pitch-cell{min-height:38px;border:1px solid rgba(10,28,43,.38);background:rgba(8,21,34,.12);color:#102131;border-radius:4px;cursor:default}.bio-pitch-cell.has-data{cursor:pointer;background:rgba(66,211,170,.28);font-weight:900}.bio-pitch-cell.has-data:hover,.bio-pitch-cell.active{outline:3px solid #42d3aa;background:rgba(66,211,170,.62)}.bio-pitch-cell.no-data{opacity:.24}.bio-pitch-line-labels{position:absolute;left:95px;right:12px;top:6px;display:grid;grid-template-columns:repeat(var(--bio-cols,6),1fr);font-size:9px;color:var(--muted);text-align:center}.bio-pitch-length-labels{position:absolute;left:6px;top:39px;bottom:33px;width:82px;display:grid;grid-template-rows:repeat(7,1fr);font-size:9px;color:var(--muted);align-items:center;text-align:right;padding-right:8px}.bio-pitch-note{margin-top:8px}.bio-graph-controls{margin:12px 0}.bio-stat-card{margin-top:12px;margin-bottom:14px}.bio-stat-plot{min-height:430px}.bio-sample-badge{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#9fdcca;font-size:11px;font-weight:800}.bio-stat-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 14px}.bio-stat-summary>div{display:grid;gap:4px;padding:10px;background:#071522;border-radius:9px}.bio-stat-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.bio-stat-summary b{font-size:12px}.bio-scope-note{display:flex;gap:12px;align-items:center;margin:10px 0}.bio-scope-note span{color:var(--muted);font-size:11px}.bio-stat-table{min-width:850px}
@media(max-width:768px){.bio-pitch-wrap{padding-left:70px}.bio-pitch-length-labels{width:60px}.bio-pitch-line-labels{left:70px}.bio-stat-summary{grid-template-columns:1fr 1fr}.bio-stat-plot{min-height:360px}}




/* Stage 7.10 — residual bug fixes + mobile QA */
html,body{max-width:100%;overflow-x:hidden}.content,.card,.chart-card,.summary-column,.outcome-family-block{min-width:0}.summary-item b,.summary-item span,.profile-conclusion,.pitch-insight-tile{overflow-wrap:anywhere}.pitch-zone.filtered-out{pointer-events:none}.pitch-zone.filtered-out rect{fill:transparent!important;fill-opacity:0!important;stroke:rgba(159,180,199,.10)!important}.pitch-zone.filtered-out text{display:none!important}.pitch-zone.insight-hit,.pitch-zone.classification-hit{pointer-events:auto}
@media(max-width:768px){
 .global-filter-panel,.profile-mode-tabs,.lens-tabs{position:static!important;top:auto!important;z-index:auto!important}
 .outcome-summary-strip{grid-template-columns:1fr!important;width:100%;overflow:visible}
 .outcome-summary-strip>.summary-column{width:100%;max-width:100%}
 .profile-pitch-grid,.grid.two,.grid.three{grid-template-columns:1fr!important}
 .profile-metric-tabs,.insight-kind-tabs,.system-profile-tabs,.page-tabs,.graph-controls{max-width:100%}
 .profile-metric-tabs,.insight-kind-tabs,.system-profile-tabs,.page-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
 .profile-metric-tabs button,.insight-kind-tabs button,.system-profile-tabs button,.page-tabs button{white-space:nowrap;flex:0 0 auto}
 .graph-controls{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
 .graph-controls label,.graph-controls select{min-width:0;width:100%}
 .table-scroll,.outcome-table-scroll{max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
 .profile-table,.bio-stat-table,.coord-table,.insight-table{width:max-content;max-width:none}
 .bio-context-workspace{overflow:hidden}
 .bio-pitch-wrap{max-width:100%;padding-left:58px;padding-right:4px}
 .bio-pitch-line-labels{left:58px;right:4px;font-size:7px}
 .bio-pitch-length-labels{width:50px;font-size:7px;padding-right:5px}
 .bio-pitch-grid{grid-template-columns:repeat(var(--bio-cols),minmax(28px,1fr));min-height:238px;gap:1px;padding:3px}
 .bio-pitch-cell{min-height:30px;padding:1px;font-size:10px}
 .bio-stat-summary{grid-template-columns:1fr 1fr}
 .bio-stat-plot{min-height:340px;width:100%}
 .plot{max-width:100%}
 .hero,.section-title{min-width:0}
}
@media(max-width:480px){
 .graph-controls{grid-template-columns:1fr}
 .content{width:100%;max-width:100%;overflow-x:hidden}
 .card{padding:12px}
 .outcome-summary-strip{gap:10px}
 .pitch-insight-tile{grid-template-columns:88px minmax(0,1fr);gap:8px}
 .bio-stat-summary{grid-template-columns:1fr 1fr}
}




/* Stage 7.11 — clearer between-batter biomechanics comparison */
.compare-metric-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.compare-metric-heading h3{margin:2px 0 0}.metric-unit{font-size:12px;color:#9fb2c3;border:1px solid #29445d;border-radius:999px;padding:5px 9px;white-space:nowrap}.compare-metric-table thead tr:first-child th{border-bottom:1px solid #35536d}.compare-player-head{text-align:center!important;color:#f2c14e!important}.compare-metric-table th,.compare-metric-table td{white-space:nowrap}.compare-metric-table tbody td:not(:first-child){text-align:right}
@media(max-width:720px){.compare-metric-heading{align-items:flex-start}.compare-metric-table{min-width:620px}.compare-player-selector{display:flex;overflow-x:auto;gap:8px;padding-bottom:6px}.compare-player-selector label{flex:0 0 auto}}


/* Stage 7.11.1 — Biomechanics delivery-context control spacing */
.bio-context-workspace > .eyebrow{
  display:block;
  margin:0 0 10px;
  line-height:1.2;
}
.bio-context-workspace > .profile-mode-tabs{
  margin:0 0 15px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  overflow:visible;
}
.bio-context-workspace > .profile-mode-tabs button{
  flex:0 0 auto;
}
@media(max-width:768px){
  .bio-context-workspace{
    overflow:visible;
  }
  .bio-context-workspace > .eyebrow{
    margin-bottom:8px;
  }
  .bio-context-workspace > .profile-mode-tabs{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    width:100%;
    overflow:visible;
  }
  .bio-context-workspace > .profile-mode-tabs button{
    width:100%;
    min-width:0;
    text-align:center;
  }
}


/* Batting Intelligence approved-delivery navigation */
.biomechanics-delivery-nav{margin:0 0 16px}.delivery-nav-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.delivery-nav-head button{border:1px solid var(--line);background:#142a40;color:var(--text);padding:7px 10px;border-radius:8px;cursor:pointer}.delivery-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:12px}.delivery-filter-grid label,.delivery-primary-select{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.delivery-filter-grid select,.delivery-primary-select select{width:100%;min-width:0;background:#081522;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px}.delivery-primary-select{max-width:760px}.delivery-compare-options{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}.delivery-compare-chip{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#0a1725;color:var(--muted);border-radius:10px;padding:8px 10px;cursor:pointer;font-size:12px}.delivery-compare-chip.selected{border-color:#2c8875;background:#153a36;color:#d8fff4}.delivery-compare-chip input{accent-color:#42d3aa}.visual-multi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.visual-multi-grid img{width:100%;border-radius:9px;background:#07101a}
@media(max-width:900px){.delivery-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.delivery-nav-head{align-items:flex-start;flex-direction:column}.delivery-filter-grid{grid-template-columns:1fr}.delivery-compare-options{display:grid;grid-template-columns:1fr}.delivery-compare-chip{width:100%}}


/* Batting Intelligence measurement-contract disclosures (2026-09 coordinate/order build). */
.metric-disclosures{margin-top:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}
.metric-disclosures details{border-bottom:1px solid rgba(255,255,255,.06);padding:0}
.metric-disclosures summary{cursor:pointer;list-style:none;padding:9px 2px;color:#d8e4ef;font-size:12px;font-weight:700}
.metric-disclosures summary::-webkit-details-marker{display:none}
.metric-disclosures summary:before{content:'›';display:inline-block;width:16px;color:var(--accent);transition:transform .15s ease}
.metric-disclosures details[open] summary:before{transform:rotate(90deg)}
.metric-disclosures p{margin:0 0 10px 18px;color:var(--muted);font-size:11px;line-height:1.55}
.foot-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:7px;margin:8px 0 4px}
.foot-summary>div{background:#0a1725;border:1px solid #1e3349;border-radius:9px;padding:8px 9px}
.foot-summary span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.foot-summary b{display:block;margin-top:3px;font-size:13px;color:var(--text)}
.bat-face-schematic{position:relative;width:170px;height:118px;margin:8px auto 12px;border:1px solid #24384f;border-radius:12px;background:#081522}
.bat-face-schematic span{position:absolute;font-size:10px;font-weight:700;color:#d8e4ef;text-align:center;line-height:1.15}
.bat-face-schematic span small{display:block;color:var(--muted);font-weight:500;font-size:9px;white-space:nowrap}
.bat-face-schematic .north{top:5px;left:50%;transform:translateX(-50%)}
.bat-face-schematic .south{bottom:5px;left:50%;transform:translateX(-50%)}
.bat-face-schematic .east{right:6px;top:50%;transform:translateY(-50%)}
.bat-face-schematic .west{left:6px;top:50%;transform:translateY(-50%)}
.bat-face-schematic i{position:absolute;left:50%;top:50%;width:38px;height:7px;border-radius:4px;background:#9cb2c5;transform:translate(-50%,-50%) rotate(-30deg);transform-origin:center}
@media(max-width:768px){.metric-disclosures p{margin-left:16px}.foot-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* 2026-09-07 — universal analysis scaffold and comparison axis modes */
.analysis-shell,.highlight-shell{margin-top:10px;border:1px solid rgba(157,176,194,.16);border-radius:10px;background:#091624;overflow:hidden}
.analysis-shell>summary,.highlight-shell>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:10px 12px;color:#d8e4ef;font-size:12px;font-weight:750;letter-spacing:.01em;background:#0b1a2a}
.analysis-shell>summary::-webkit-details-marker,.highlight-shell>summary::-webkit-details-marker{display:none}
.analysis-shell>summary:after,.highlight-shell>summary:after{content:'+';margin-left:auto;color:var(--accent);font-size:15px;line-height:1}
.analysis-shell[open]>summary:after,.highlight-shell[open]>summary:after{content:'−'}
.analysis-eye{color:var(--accent);font-size:10px}
.analysis-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid rgba(157,176,194,.12)}
.analysis-body>div{padding:11px 13px;border-right:1px solid rgba(157,176,194,.08);border-bottom:1px solid rgba(157,176,194,.08)}
.analysis-body h4{margin:0 0 5px;color:#dce8f2;font-size:11px;text-transform:uppercase;letter-spacing:.045em}
.analysis-body p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.highlight-grid,.highlight-shell .foot-summary{padding:10px 12px;margin:0}
.highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}
.highlight-grid>div{background:#0a1725;border:1px solid #1e3349;border-radius:8px;padding:8px 9px}
.highlight-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.035em}
.highlight-grid b{display:block;margin-top:3px;color:var(--text);font-size:13px}
.highlight-shell>.muted{display:block;padding:10px 12px;margin:0}
.axis-mode-toggle{display:inline-flex;gap:4px;margin:0 0 12px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#091624}
.axis-mode-toggle button{border:0;background:transparent;color:var(--muted);padding:7px 11px;border-radius:7px;cursor:pointer;font-size:12px;font-weight:700}
.axis-mode-toggle button.active{background:#153a36;color:#d8fff4;box-shadow:inset 0 0 0 1px #2c8875}
.chart-subtitle{line-height:1.45}
@media(max-width:720px){.analysis-body{grid-template-columns:1fr}.axis-mode-toggle{display:flex;width:100%}.axis-mode-toggle button{flex:1}.analysis-shell>summary,.highlight-shell>summary{padding:10px}}


/* 2026-09-07 second-pass: external semantic Y-axis rail + comparison spacing */
.plot-shell{
  display:grid;
  grid-template-columns:minmax(96px,118px) minmax(0,1fr);
  gap:8px;
  align-items:stretch;
  width:100%;
}
.plot-shell>.plot{min-width:0;width:100%}
.axis-rail{
  position:relative;
  min-height:325px;
  display:grid;
  grid-template-rows:auto 1fr auto 1fr auto auto;
  align-items:center;
  padding:16px 6px 14px 0;
  color:#9fb3c6;
  font-size:10px;
  line-height:1.25;
  text-align:right;
}
.axis-rail-top{grid-row:1;color:#c8d7e4;font-weight:700}
.axis-rail-mid{grid-row:3;color:#9fb3c6;font-weight:700}
.axis-rail-bottom{grid-row:5;color:#c8d7e4;font-weight:700}
.axis-rail-title{
  grid-row:6;
  margin-top:10px;
  padding-top:8px;
  border-top:1px solid rgba(157,176,194,.16);
  color:#6f879c;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.compare-bio-stack{display:grid;gap:18px;margin-top:2px}
@media(max-width:768px){
  .plot-shell{grid-template-columns:minmax(76px,88px) minmax(0,1fr);gap:4px}
  .axis-rail{min-height:390px;padding-right:4px;font-size:8.5px}
  .axis-rail-title{font-size:8px;letter-spacing:.02em}
  .compare-bio-stack{gap:16px}
}
@media(max-width:480px){
  .plot-shell{grid-template-columns:72px minmax(0,1fr);gap:2px}
  .axis-rail{min-height:405px;font-size:8px}
}


/* Core visual evidence — Batting Intelligence (not broadcast rendering) */
.visual-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:12px 0 16px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#091827}
.visual-toolbar label,.visual-delivery-select label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.visual-toolbar select,.visual-delivery-select select{min-width:180px;background:#071522;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 9px}
.visual-mode-buttons{display:flex;gap:6px}.visual-mode-buttons button,.phase-key button{border:1px solid var(--line);background:#0b1c2b;color:var(--muted);padding:8px 10px;border-radius:8px;cursor:pointer}.visual-mode-buttons button.active{background:#153a36;color:#d8fff4;border-color:#2c8875}
.visual-evidence-frame{position:relative;overflow:hidden;border-radius:10px;background:#07101a;border:1px solid #20384d;min-height:160px}.visual-evidence-frame img{display:block;width:100%;height:auto;object-fit:contain}.visual-metric-card{position:absolute;top:4.5%;z-index:4;display:flex;flex-direction:column;gap:2px;min-width:118px;max-width:190px;background:rgba(3,12,20,.90);border:1px solid rgba(66,211,170,.72);box-shadow:0 4px 16px rgba(0,0,0,.34);padding:7px 9px;border-radius:8px;pointer-events:none}.visual-metric-card-right{right:5%}.visual-metric-card-left{left:5%}.visual-metric-card span{font-size:9px;line-height:1.2;color:#9cc7bd;text-transform:uppercase;letter-spacing:.045em;font-weight:800}.visual-metric-card b{font-size:14px;line-height:1.15;color:#fff}
.visual-evidence-empty{display:grid;place-items:center;min-height:180px;border:1px dashed #294158;border-radius:10px;color:#73899c;background:#071522;font-size:11px;padding:14px;text-align:center}.visual-evidence-card h3{margin:4px 0 10px}.visual-evidence-card .mini{margin-top:7px}
.skeleton-animation-card{max-width:1050px}.skeleton-animation-card video,.visual-video-disclosure video,.profile-visual-body video{display:block;width:100%;max-height:620px;object-fit:contain;border-radius:11px;background:#161b22;border:1px solid #263747}.skeleton-animation-card video{aspect-ratio:16/9}.phase-key{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.phase-key button{font-size:10px}
.visual-delivery-select{display:flex;margin:10px 0 12px}.delivery-evidence-stage{max-width:1100px}.visual-video-disclosure{margin-top:14px}.visual-video-disclosure>summary,.profile-visual-module>summary,.cross-visual-comparison>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px}.visual-video-disclosure>summary::-webkit-details-marker,.profile-visual-module>summary::-webkit-details-marker,.cross-visual-comparison>summary::-webkit-details-marker{display:none}
.profile-visual-module{margin-top:16px}.profile-visual-module>summary span,.cross-visual-comparison>summary span{font-size:10px;color:#42d3aa}.profile-visual-body{margin-top:12px}.profile-visual-body video{max-height:430px;background:#161b22}.visual-selected-context{margin:0 0 8px;color:#9bb0c2}.visual-player-delivery{display:flex;flex-direction:column;gap:4px;margin:7px 0 8px;font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.visual-player-delivery select{width:100%;min-width:0;background:#071522;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px 8px;font-size:10px;text-transform:none;letter-spacing:0}
.cross-visual-comparison{margin-top:2px}.cross-visual-comparison[open]{margin-top:6px}.cross-visual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.visual-player-card{min-width:0}.visual-player-card .visual-evidence-frame{margin-top:7px}.visual-player-card .mini{margin-top:5px}
@media(max-width:720px){.visual-toolbar{display:grid;grid-template-columns:1fr}.visual-toolbar select,.visual-delivery-select select{min-width:0;width:100%}.visual-mode-buttons{overflow-x:auto}.cross-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-metric-card{top:3.5%;min-width:96px;max-width:145px;padding:6px 7px}.visual-metric-card span{font-size:8px}.visual-metric-card b{font-size:11px}.skeleton-animation-card video{min-height:220px}}




/* 2026-09-11 — batting precision/readability pass */
.delivery-filter-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}
.chart-title-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.chart-title-row h3{margin-bottom:3px}.chart-title-row .metric-unit{white-space:nowrap;margin-top:1px}.plot-shell.no-axis-rail{padding-left:0}.plot-shell.no-axis-rail .plot{width:100%}
.key-values-table{width:100%;border-collapse:collapse;min-width:650px;font-size:11px}.key-values-table th,.key-values-table td{padding:8px 9px;border-bottom:1px solid rgba(255,255,255,.06);text-align:right}.key-values-table th:first-child,.key-values-table td:first-child{text-align:left;position:sticky;left:0;background:#091624}.key-values-table thead th{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.compare-key-delivery{padding:10px 12px}.compare-key-delivery+.compare-key-delivery{border-top:1px solid rgba(255,255,255,.07)}
.measurement-context{margin-top:8px}.measurement-context-body{padding:10px 12px}.context-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.context-mini-grid>div{display:grid;gap:3px;padding:8px 9px;border:1px solid #1e3349;border-radius:8px;background:#0a1725}.context-mini-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.context-mini-grid b{font-size:11px;line-height:1.35}.comparison-metric-shell{margin:8px 0 10px}.comparison-metric-shell .analysis-body{padding:10px 12px}.within-visual-inline{margin:10px 0}.within-visual-inline>summary{padding:10px 12px}.comparison-evidence{margin-top:10px}.compare-metric-table td small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.compact-notice{margin-top:8px}.cross-context-nav{margin-top:10px}
@media(max-width:720px){.chart-title-row{display:grid;grid-template-columns:1fr}.chart-title-row .metric-unit{justify-self:start}.key-values-table{min-width:580px}.context-mini-grid{grid-template-columns:1fr 1fr}}


/* 2026-09-11 comparison-state + event-led foot timing refinement */
.comparison-metric-controller{
  display:flex;
  align-items:flex-end;
  gap:12px;
  padding:12px 14px;
  margin:10px 0 6px;
  border:1px solid rgba(132,164,191,.18);
  border-radius:12px;
  background:rgba(7,21,34,.48);
}
.comparison-metric-controller .analysis-body{width:100%}
.comparison-metric-controller .controller-title,
.comparison-metric-controller .compare-select>span{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8da7bf;
  font-weight:700;
}
.foot-event-summary,
.foot-timing-card{
  margin-top:12px;
}
.foot-event-summary{
  padding:12px 14px;
  border:1px solid rgba(99,179,237,.18);
  border-radius:12px;
  background:rgba(7,21,34,.42);
}
.foot-event-summary .foot-summary{
  margin-top:8px;
}
.foot-timing-card .mini{
  margin:4px 0 12px;
}
@media (max-width:768px){
  .comparison-metric-controller{display:block}
}


/* Stage 7.12 final comparison/timing/video refinement */
.comparison-workspace{display:block;min-height:0;padding:18px}.comparison-workspace>.controller-title{margin:0 0 10px;color:#a8bfd3;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.comparison-workspace>.graph-controls{margin:0 0 10px;background:transparent}.comparison-workspace>.axis-mode-toggle{margin:0 0 14px}.comparison-workspace>.compare-metric-heading{padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.comparison-workspace>.highlight-shell,.comparison-workspace>.comparison-evidence{margin-top:12px}.timing-reference{margin-top:5px;color:#7f98ae}.plot-shell.no-axis-rail{display:block}.plot-shell.no-axis-rail>.plot{width:100%}.visual-content-tabs{display:flex;gap:6px;margin:12px 0}.visual-content-tabs button,.visual-video-nav button{border:1px solid var(--line);background:#0b1d2e;color:var(--muted);padding:8px 11px;border-radius:9px;cursor:pointer}.visual-content-tabs button.active,.visual-video-nav button.active{background:#153a36;border-color:#2c8875;color:#d8fff4}.visual-video-nav{display:flex;gap:7px;overflow-x:auto;flex-wrap:wrap;margin:8px 0 12px}.visual-video-stage{border:1px solid #20384d;background:#071522;border-radius:12px;padding:12px}.visual-video-stage h3{margin:4px 0 10px}.visual-video-stage video,.visual-source-video-card video{display:block;width:100%;max-height:560px;border-radius:10px;background:#000}.visual-video-stage .mini{margin-top:8px}.visual-source-video-card p{margin-top:0}.visual-player-delivery{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px;margin-bottom:10px}.visual-player-delivery select{background:#081522;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:8px;max-width:760px}.compare-metric-table small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.foot-timing-card{display:none}
@media(max-width:768px){.comparison-workspace{padding:12px}.visual-video-nav{flex-wrap:nowrap}.visual-video-nav button{white-space:nowrap;flex:0 0 auto}.visual-video-stage video,.visual-source-video-card video{max-height:360px}}




/* Stage 7.13 — customer-flow shell + consolidated navigation */
.app{display:block;min-height:100vh;padding-top:78px}
.sidebar{display:none!important}
.top-shell{position:fixed;top:0;left:0;right:0;height:78px;z-index:70;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--line);background:rgba(7,17,31,.98);backdrop-filter:blur(12px)}
.shell-menu-button,.drawer-head button{width:44px;height:44px;border:1px solid #28445e;border-radius:12px;background:#0b1d2e;color:var(--text);font-size:21px;cursor:pointer}
.shell-brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer;padding:0}.brand-logo{width:36px;height:36px;object-fit:contain;flex:0 0 auto}.brand-copy{display:flex;align-items:baseline;gap:10px;min-width:0}.shell-brand .brand{font-size:18px}.shell-brand .subbrand{margin:0;font-size:13px}.drawer-brand-lockup{display:flex;align-items:center;gap:10px}
.shell-player{display:none;min-width:190px;text-align:right;border:1px solid var(--line);background:#0b1d2e;color:var(--text);border-radius:12px;padding:8px 12px;cursor:pointer}.has-player .shell-player{display:block}.shell-player span{display:block;font-weight:800}.shell-player small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
.nav-drawer{position:fixed;inset:0;z-index:90;pointer-events:none;visibility:hidden}.nav-open .nav-drawer{pointer-events:auto;visibility:visible}.drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(2,8,14,.68);opacity:0;transition:opacity .18s}.nav-open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(360px,88vw);padding:18px;background:#081522;border-right:1px solid var(--line);transform:translateX(-101%);transition:transform .2s ease;overflow-y:auto}.nav-open .drawer-panel{transform:translateX(0)}
.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.drawer-head .subbrand{margin:3px 0 0}.drawer-head button{font-size:27px;line-height:1}.drawer-panel .nav{display:block!important}.drawer-panel .nav button{width:100%;padding:11px 12px;margin:3px 0}.drawer-panel .nav-group{margin:18px 10px 6px}
.content{padding:30px 34px 80px;max-width:1500px;margin:0 auto;width:100%}
.mobile-bottom-nav{display:none}
.ux-home{max-width:760px;min-height:calc(100vh - 180px);margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:36px 20px}.home-mark{font-size:15px;font-weight:900;letter-spacing:.14em;color:#fff;margin-bottom:8px}.ux-home h1{max-width:650px;font-size:46px;line-height:1.08;margin:10px 0 30px}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:650px}.home-actions button{min-height:150px;border-radius:18px;padding:24px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;text-align:left}.home-actions button:hover{border-color:#2c8875}.home-actions span{display:block;font-size:24px;font-weight:850}.home-actions small{display:block;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.45}.home-primary{box-shadow:inset 0 0 0 1px rgba(66,211,170,.28)}.home-device-note{color:#71889d;font-size:11px;margin-top:18px}
.player-picker-page{max-width:800px;margin:0 auto;padding-top:22px}.player-picker-page h1{font-size:38px;margin:5px 0}.player-search-box{display:grid;grid-template-columns:32px 1fr;align-items:center;margin:22px 0 12px;padding:12px 14px;border:1px solid #31516d;border-radius:14px;background:#091827}.player-search-box span{font-size:20px;color:var(--accent)}.player-search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:17px}.player-search-results{display:grid;gap:9px}.player-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:14px;width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}.player-search-row:hover{border-color:#2c8875}.player-search-row span:first-child{display:grid;gap:3px}.player-search-row b{font-size:16px}.player-search-row small,.player-search-counts{color:var(--muted);font-size:11px}.player-search-row strong{color:var(--accent);font-size:18px}
.section-nav-shell{margin:0 0 20px;border-bottom:1px solid var(--line)}.section-nav-title{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.section-nav-title span{font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--accent)}.section-nav-title b{font-size:12px;color:var(--muted);font-weight:650}.section-nav{display:flex;gap:5px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.section-nav button,.local-subnav button{white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:9px;cursor:pointer;font-weight:750}.section-nav button.active,.local-subnav button.active{background:#133652;color:#fff}.local-subnav{display:flex;gap:5px;padding:0 0 10px 8px}.local-subnav button{font-size:11px;padding:6px 10px;border:1px solid var(--line)}
.bio-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.bio-overview-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:5px;text-align:left;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);cursor:pointer}.bio-overview-card:hover{border-color:#2c8875}.bio-overview-card span{font-size:18px;font-weight:850}.bio-overview-card small{color:var(--muted)}.bio-overview-card strong{grid-column:2;grid-row:1/3;align-self:center;color:var(--accent);font-size:20px}.bio-overview-card.visual-card{border-color:rgba(66,211,170,.38)}
.compare-lens-tabs{margin-top:0}.compare-scope-shell{margin-bottom:18px}


@media(max-width:768px){
 .app{padding-top:68px;padding-bottom:82px}.top-shell{height:68px;grid-template-columns:44px minmax(0,1fr) auto;padding:10px 12px;gap:8px}.shell-menu-button{width:42px;height:42px}.shell-brand{display:flex;align-items:center;gap:7px}.shell-brand .brand-logo{width:30px;height:30px}.shell-brand .brand-copy{display:grid;gap:0}.shell-brand .brand{font-size:14px}.shell-brand .subbrand{font-size:11px}.shell-player{min-width:0;max-width:145px;border:0;background:transparent;padding:4px 2px}.shell-player span{font-size:12px;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-player small{display:block;font-size:8px;line-height:1.15;margin-top:2px;letter-spacing:.06em}.content{padding:18px 14px 28px}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));z-index:65;padding:6px;border:1px solid #294863;border-radius:18px;background:rgba(8,21,34,.97);box-shadow:0 10px 28px rgba(0,0,0,.36);backdrop-filter:blur(10px)}.mobile-bottom-nav button{display:grid;place-items:center;gap:2px;min-height:58px;border:0;border-radius:13px;background:transparent;color:#7892aa;cursor:pointer}.mobile-bottom-nav button span{font-size:18px}.mobile-bottom-nav button b{font-size:10px}.mobile-bottom-nav button.active{background:#12334d;color:#51ccea}.ux-home{min-height:calc(100dvh - 170px);padding:24px 4px}.ux-home h1{font-size:32px;margin-bottom:24px}.home-actions{grid-template-columns:1fr;max-width:420px}.home-actions button{min-height:112px;padding:18px}.home-actions span{font-size:21px}.home-device-note{font-size:10px}.player-picker-page{padding-top:8px}.player-picker-page h1{font-size:31px}.player-search-row{grid-template-columns:minmax(0,1fr) 22px}.player-search-counts{grid-column:1;grid-row:2}.player-search-row strong{grid-column:2;grid-row:1/3}.section-nav-shell{margin-left:-2px;margin-right:-2px}.section-nav-title{padding:0 2px}.section-nav{padding-bottom:8px}.section-nav button{padding:8px 10px;font-size:12px}.bio-overview-grid{grid-template-columns:1fr 1fr}.bio-overview-card{padding:14px}.bio-overview-card span{font-size:15px}.drawer-panel{width:min(340px,90vw)}
}
@media(max-width:480px){.bio-overview-grid{grid-template-columns:1fr}.home-actions{width:100%}.shell-brand .brand{font-size:13px}.shell-brand .subbrand{font-size:10px}}


@media(max-width:768px){.entry-screen .mobile-bottom-nav{display:none}.entry-screen .app{padding-bottom:0}}


/* 2026-09-11 — final task-led navigation refinement */
.app{padding-top:128px}
.desktop-primary-nav{position:fixed;top:78px;left:0;right:0;height:50px;z-index:66;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 18px;border-bottom:1px solid var(--line);background:rgba(8,21,34,.97);backdrop-filter:blur(10px)}
.desktop-primary-nav button{min-width:138px;border:0;border-radius:10px;background:transparent;color:#8299ad;padding:9px 18px;font-weight:800;cursor:pointer}
.desktop-primary-nav button:hover{color:var(--text);background:#0e2538}.desktop-primary-nav button.active{background:#133652;color:#fff;box-shadow:inset 0 0 0 1px #285a70}
.entry-screen .desktop-primary-nav{display:none}.entry-screen .app{padding-top:78px}


.nav-icon{display:grid!important;place-items:center}.nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}


.compare-player-search{margin:12px 0 18px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#091827}.compare-selected-row{display:flex;gap:7px;flex-wrap:wrap;min-height:32px;align-items:center}.compare-selected-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #2c8875;border-radius:999px;background:#153a36;color:#d8fff4;padding:7px 10px;font-weight:750;cursor:pointer}.compare-selected-chip span{color:#7ce6c8;font-size:15px}.compact-search{margin:10px 0 8px}.compare-search-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px}.compare-search-result{display:flex;justify-content:space-between;align-items:center;border:1px solid #20384d;border-radius:10px;background:#071522;color:var(--text);padding:9px 11px;text-align:left;cursor:pointer}.compare-search-result:hover{border-color:#2c8875}.compare-search-result b{color:var(--accent);font-size:16px}.compare-primary-lens{margin:0 0 12px}


.simplified-context{display:grid;gap:12px}.context-headline{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.context-headline b{display:block;margin-top:3px}.context-scope-select{display:flex;flex-direction:column;gap:5px;max-width:420px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.context-scope-select select{width:100%;background:#081522;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;text-transform:none;letter-spacing:0}.context-grid-pair{margin-top:2px}
.analysis-controller{margin:10px 0 0;padding:12px 14px 4px;border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;background:#091827}.analysis-controller+.integrated-analysis-card{margin-top:0;border-radius:0 0 14px 14px}.analysis-controller .controller-title{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.analysis-controller .graph-controls{grid-template-columns:repeat(4,minmax(140px,1fr));margin-bottom:8px}


@media(max-width:768px){
 .app{padding-top:68px;padding-bottom:82px}.desktop-primary-nav{display:none!important}.entry-screen .app{padding-top:68px}
 .mobile-bottom-nav button span.nav-icon{font-size:inherit}.nav-icon svg{width:22px;height:22px}
 .compare-search-results{grid-template-columns:1fr}.compare-player-search{padding:11px}.compare-primary-lens{overflow-x:auto;flex-wrap:nowrap}
 .context-headline{align-items:flex-start}.analysis-controller .graph-controls{display:grid;grid-template-columns:1fr 1fr}.analysis-controller{padding:11px 10px 3px}
 .plot-shell{display:block;position:relative}.plot-shell>.plot{width:100%;min-width:0}.axis-rail{position:absolute;left:4px;top:8px;bottom:34px;z-index:3;width:76px;min-height:0;padding:4px 4px 4px 0;pointer-events:none;background:linear-gradient(90deg,rgba(13,27,43,.82),rgba(13,27,43,0));font-size:8px}.axis-rail-title{font-size:7px;border-top:0;margin-top:4px;padding-top:0}.bio-stat-plot{min-height:385px}
}
@media(max-width:480px){.analysis-controller .graph-controls{grid-template-columns:1fr}.context-headline{display:grid}.axis-rail{width:66px;font-size:7.5px}}


/* 2026-09-12 — internal analysis UX unification */
.delivery-mode-tabs{margin:14px 0}.delivery-video-first{margin:12px 0 14px}.delivery-video-first h2{font-size:16px;margin:5px 0 10px}.delivery-video-first .video{max-height:420px}.delivery-analysis-controller{margin-top:10px}.single-analysis-graph>.chart-card{border-radius:0 0 14px 14px;margin-top:0}.key-events-disclosure{margin-top:12px}.key-events-body{display:block;padding:12px}.key-events-body .event-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.within-comparison-workspace{margin-top:12px}.visual-comparison-peer{margin-top:14px}.visual-comparison-peer>.visual-content-tabs{margin-top:0}.compact-comparison-evidence{margin-top:12px}.comparison-evidence-line{display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px 12px;border-top:1px solid rgba(157,176,194,.12);font-size:11px;color:var(--muted)}.comparison-evidence-line b{color:#d8e4ef}.compare-bio-stack>.cross-visual-comparison{margin-top:14px}.cross-visual-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.visual-frame-note{margin-top:6px;color:var(--muted);font-size:10px}.matchup-analysis-card>.graph-controls{margin:0 0 10px;background:transparent}.matchup-analysis-card>.controller-title{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.matchup-local-controls{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07)}
.delivery-guided-context,.delivery-guided-selection{margin:12px 0}.delivery-step{display:flex;align-items:center;gap:10px;margin-bottom:10px}.delivery-step>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#153a36;color:#d8fff4;font-weight:900}.delivery-step b{display:block;margin-top:2px}.delivery-refine-controls{grid-template-columns:repeat(5,minmax(120px,1fr));margin-top:12px}.delivery-pitch-grid{max-width:900px}.visual-step{margin-top:18px}.delivery-mode-actions{display:flex;gap:8px;margin-top:12px}.delivery-mode-actions button{border:1px solid #2c8875;background:#153a36;color:#d8fff4;padding:10px 14px;border-radius:9px;font-weight:800;cursor:pointer}.compare-bio-stack>.cross-visual-comparison{order:0}.compare-bio-stack>.comparison-workspace{order:1}
@media(max-width:768px){
 .delivery-video-first .video{max-height:300px}.delivery-analysis-controller .graph-controls,.within-comparison-workspace .graph-controls{grid-template-columns:1fr 1fr}.single-analysis-graph .chart-card{padding:8px}.single-analysis-graph .plot,.within-comparison-workspace .plot,.comparison-workspace .plot{height:420px}.key-events-body{padding:8px}.key-events-body .event-grid{grid-template-columns:1fr}.comparison-evidence-line{display:grid;grid-template-columns:1fr 1fr}.cross-visual-grid{grid-template-columns:1fr}.cross-visual-grid .visual-evidence-frame img{max-height:none}.matchup-analysis-card .graph-controls{grid-template-columns:1fr 1fr}
 .plot-shell{display:block!important;position:relative}.axis-rail{position:absolute!important;left:2px!important;top:10px!important;bottom:38px!important;width:58px!important;z-index:4!important;background:linear-gradient(90deg,rgba(13,27,43,.72),rgba(13,27,43,0))!important}.plot-shell>.plot{width:100%!important}
 .delivery-refine-controls{grid-template-columns:1fr 1fr}.delivery-mode-actions{display:grid;grid-template-columns:1fr 1fr}.delivery-mode-actions button{width:100%}.delivery-guided-context .bio-pitch-wrap{padding-left:52px}.delivery-guided-context .bio-pitch-line-labels{left:52px}.delivery-guided-context .bio-pitch-length-labels{width:45px}
}
@media(max-width:480px){.delivery-analysis-controller .graph-controls,.within-comparison-workspace .graph-controls,.matchup-analysis-card .graph-controls{grid-template-columns:1fr}.comparison-evidence-line{grid-template-columns:1fr}.axis-rail{width:52px!important}.delivery-refine-controls,.delivery-mode-actions{grid-template-columns:1fr}}




/* 2026-09-12 — functional controller fix + persistent biomechanics local navigation */
.biomechanics-local-nav{position:sticky;top:128px;z-index:55;margin-left:-10px;margin-right:-10px;padding:8px 10px 0;background:rgba(7,17,31,.97);backdrop-filter:blur(10px);border:1px solid rgba(36,56,79,.85);border-radius:0 0 12px 12px;box-shadow:0 8px 18px rgba(0,0,0,.14)}
.biomechanics-local-nav .section-nav-title{margin-bottom:4px}.biomechanics-local-nav .section-nav{padding-bottom:7px}
.delivery-mode-actions .mode-entry-button{border:1px solid #31516d;background:#0b1d2e;color:var(--text);box-shadow:none}
.delivery-mode-actions .mode-entry-button:hover{border-color:#2c8875;background:#10283b}.delivery-mode-actions .mode-entry-button:active{transform:translateY(1px)}
.reset-context-button{min-height:38px;border:1px solid #31516d!important;background:#0b1d2e!important;color:var(--text)!important;border-radius:9px!important;padding:8px 12px!important;font-weight:750;cursor:pointer}
@media(max-width:768px){
 .biomechanics-local-nav{top:68px;z-index:58;margin:-18px -14px 16px;padding:6px 12px 0;border-left:0;border-right:0;border-radius:0;box-shadow:0 7px 16px rgba(0,0,0,.2)}
 .biomechanics-local-nav .section-nav-title{display:none}.biomechanics-local-nav .section-nav{padding:4px 0 7px;gap:4px}
 .biomechanics-local-nav .section-nav button{font-size:11px;padding:8px 9px}
 .delivery-nav-head{align-items:stretch;gap:8px}.reset-context-button{width:auto;min-width:110px}
}
@media(max-width:480px){.reset-context-button{width:100%;margin-top:7px}.delivery-nav-head{display:block}}




/* 2026-09-12 — final mobile/tablet submenu + delivery-analysis scroll stability */
@media(max-width:1024px){
  .biomechanics-local-nav{
    padding:6px 8px 0;
  }
  .biomechanics-local-nav .section-nav-title{display:none}
  .biomechanics-local-nav .section-nav{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    overflow:visible;
    padding:4px 0 7px;
  }
  .biomechanics-local-nav .section-nav button{
    width:100%;
    min-width:0;
    white-space:normal;
    line-height:1.15;
    min-height:38px;
    padding:7px 6px;
    font-size:10.5px;
    text-align:center;
  }
}
@media(max-width:768px){
  .biomechanics-local-nav{margin:-18px -14px 14px}
}
@media(max-width:420px){
  .biomechanics-local-nav .section-nav button{font-size:9.5px;padding:7px 4px}
}




/* 2026-09-12 — unified persistent local workspace navigation */
.workspace-local-nav{
  position:sticky;
  top:128px;
  z-index:56;
  margin:0 0 16px;
  padding:7px 8px;
  border:1px solid rgba(36,56,79,.9);
  border-radius:12px;
  background:rgba(8,21,34,.97);
  box-shadow:0 7px 18px rgba(0,0,0,.16);
  backdrop-filter:blur(10px);
}
.workspace-local-nav .section-nav{
  display:flex;
  align-items:center;
  gap:5px;
  margin:0;
  padding:0;
  overflow-x:auto;
  scrollbar-width:thin;
}
.workspace-local-nav .section-nav button{
  flex:0 0 auto;
  white-space:nowrap;
  min-height:36px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#8299ad;
  font-size:11px;
  font-weight:800;
}
.workspace-local-nav .section-nav button:hover{background:#0e2538;color:var(--text)}
.workspace-local-nav .section-nav button.active{
  background:#133652;
  border-color:#285a70;
  color:#fff;
}
/* Retire the older biomechanics-only sticky shell so all sections use one grammar. */
.biomechanics-local-nav{
  margin:0 0 16px;
  padding:7px 8px;
  border-radius:12px;
}
.compare-primary-lens{display:none!important}


@media(max-width:1024px){
  .workspace-local-nav .section-nav{display:flex;overflow-x:auto;gap:5px}
  .workspace-local-nav .section-nav button{
    width:auto;
    min-width:max-content;
    white-space:nowrap;
    min-height:36px;
    padding:8px 10px;
    font-size:10.5px;
  }
}
@media(max-width:768px){
  .workspace-local-nav{
    top:68px;
    z-index:59;
    margin:0 -14px 14px;
    padding:6px 12px;
    border-left:0;
    border-right:0;
    border-radius:0;
    box-shadow:0 6px 14px rgba(0,0,0,.2);
  }
  .workspace-local-nav .section-nav{padding:0}
  .biomechanics-local-nav{margin:0 -14px 14px;padding:6px 12px}
}




/* 2026-09-12 — local workspace navigation offset correction */
/* The local submenu is the first item on Outcomes / Biomechanics / Compare pages.
   Remove duplicate content-top spacing so it sits directly below the fixed shell,
   while its own in-flow margin reserves space before the page title. */
.content.workspace-nav-page{
  padding-top:0;
}
.workspace-nav-page > .workspace-local-nav{
  margin-top:0;
  margin-bottom:18px;
  border-top-left-radius:0;
  border-top-right-radius:0;
}
.workspace-nav-page > .workspace-local-nav + *{
  position:relative;
  z-index:1;
}
@media(max-width:768px){
  .content.workspace-nav-page{
    padding-top:0;
  }
  .workspace-nav-page > .workspace-local-nav{
    top:68px;
    margin:0 -14px 16px;
    padding-top:6px;
    padding-bottom:6px;
    background:#081522;
  }
}




/* 2026-09-12 — definitive two-level navigation stack fix
   Local workspace navigation is a fixed second row. Content reserves its height,
   so titles can never render underneath it and no phantom spacer is required. */
:root{--workspace-local-nav-h:54px}
.workspace-local-nav,
.biomechanics-local-nav{
  position:fixed!important;
  top:128px!important;
  left:0!important;
  right:0!important;
  height:var(--workspace-local-nav-h)!important;
  z-index:65!important;
  margin:0!important;
  padding:7px max(18px,calc((100vw - 1500px)/2 + 34px))!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  background:#081522!important;
  box-shadow:0 5px 14px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(10px);
}
.workspace-local-nav .section-nav,
.biomechanics-local-nav .section-nav{
  height:100%;
  display:flex!important;
  align-items:center;
  gap:5px;
  margin:0!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  flex-wrap:nowrap!important;
  scrollbar-width:thin;
}
.workspace-nav-page{
  padding-top:calc(30px + var(--workspace-local-nav-h))!important;
  scroll-padding-top:calc(128px + var(--workspace-local-nav-h) + 12px);
}
.workspace-nav-page > .workspace-local-nav + *{
  position:relative;
  z-index:auto;
}


@media(max-width:768px){
  :root{--workspace-local-nav-h:52px}
  .workspace-local-nav,
  .biomechanics-local-nav{
    top:68px!important;
    height:var(--workspace-local-nav-h)!important;
    padding:6px 12px!important;
    z-index:60!important;
  }
  .workspace-local-nav .section-nav button,
  .biomechanics-local-nav .section-nav button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    min-height:38px!important;
    white-space:nowrap!important;
    line-height:1.1!important;
    padding:8px 10px!important;
    font-size:10.5px!important;
  }
  .content.workspace-nav-page{
    padding-top:calc(14px + var(--workspace-local-nav-h))!important;
    scroll-padding-top:calc(68px + var(--workspace-local-nav-h) + 10px);
  }
}




/* 2026-09-13 — Analysis + context-led Within-Batter controls */
.analysis-lens-tabs{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin:0 0 14px;
}
.analysis-lens-tabs button{
  min-height:36px;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#0b1c2d;
  color:#8ea5b9;
  font-weight:800;
}
.analysis-lens-tabs button.active{
  background:#133652;
  border-color:#285a70;
  color:#fff;
}
.within-cohort-builder{
  margin:12px 0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#091827;
}
.within-cohort-builder .delivery-nav-head{
  align-items:end;
  gap:16px;
}
.within-cohort-builder .delivery-nav-head label{
  min-width:180px;
}
.within-group-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:8px;
  margin:12px 0 8px;
}
.within-group-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:46px;
  padding:10px 12px;
  border:1px solid #233d55;
  border-radius:10px;
  background:#0d2032;
  color:var(--text);
  text-align:left;
}
.within-group-card span{color:#8fa7ba;font-size:11px}
.within-group-card.selected{
  border-color:#2f8d78;
  background:#0c3a33;
  box-shadow:inset 0 0 0 1px rgba(66,211,170,.18);
}
.within-individual-deliveries{
  margin-top:10px;
  border-top:1px solid rgba(55,79,102,.55);
  padding-top:10px;
}
.within-individual-deliveries>summary{
  cursor:pointer;
  color:#a8bdcf;
  font-weight:750;
  font-size:12px;
}
@media(max-width:768px){
  .within-cohort-builder{padding:12px 10px}
  .within-cohort-builder .delivery-nav-head{align-items:stretch;flex-direction:column}
  .within-cohort-builder .delivery-nav-head label{min-width:0;width:100%}
  .within-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .within-group-card{min-height:44px;padding:8px 9px;font-size:11px}
}


.within-context-summary{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0 2px}.within-context-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7f99ad;font-weight:800}.within-context-chip,.within-series-summary span{display:inline-flex;gap:5px;align-items:center;border:1px solid #233d55;background:#0a1b2b;color:#b9cbd9;border-radius:999px;padding:6px 9px;font-size:11px}.within-series-summary{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.within-series-summary span{border-color:#2f6e68;background:#0d2a2b;color:#d9f7ef}.within-series-summary span b{color:#fff}


/* Within-Batter comparison control consistency + cohort-aware visual labels */
.within-compare-by-control{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em;min-width:180px}
.within-compare-by-control>span{display:block}
.within-compare-by-control select{width:100%;min-width:0;background:#081522;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;text-transform:none;letter-spacing:0;font-weight:500}
.within-visual-representative{margin:0 0 8px;color:#8fa7ba}
.visual-evidence-card>.eyebrow{min-height:14px}
@media(max-width:768px){.within-compare-by-control{width:100%;min-width:0}}


/* Within-Batter visual delivery browser */
.within-visual-browser{margin:10px 0 14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#091827}
.within-visual-browser-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
.within-visual-browser-head .secondary-action{border:1px solid var(--line);background:#142a40;color:var(--text);padding:8px 10px;border-radius:8px;cursor:pointer;white-space:nowrap}
.within-visual-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;margin-bottom:10px}
.within-visual-filter-grid label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.within-visual-filter-grid select{width:100%;min-width:0;background:#081522;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;text-transform:none;letter-spacing:0;font-weight:500}
.within-visual-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#081522;border-radius:9px;padding:0 10px;margin-bottom:10px}
.within-visual-search span{color:#7f99ad;font-size:18px;line-height:1}
.within-visual-search input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:var(--text);padding:10px 0;font:inherit}
.within-visual-search input::placeholder{color:#6f879b}
.within-visual-result-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8fa7ba;font-size:11px;margin:4px 0 8px}
.within-visual-result-meta b{color:#d9f7ef}
.within-visual-delivery-results{display:grid;gap:6px;max-height:260px;overflow:auto;padding-right:2px}
.within-visual-delivery-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid #233d55;background:#0a1725;color:var(--text);border-radius:9px;padding:9px 10px;text-align:left;cursor:pointer}
.within-visual-delivery-row:hover{border-color:#31536d;background:#0d2032}
.within-visual-delivery-row.selected{border-color:#2f8d78;background:#0c3a33;box-shadow:inset 0 0 0 1px rgba(66,211,170,.16)}
.within-visual-delivery-row span{display:grid;gap:3px;min-width:0}
.within-visual-delivery-row b{font-size:11px;line-height:1.35;white-space:normal}
.within-visual-delivery-row small{color:#7f99ad;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.within-visual-delivery-row strong{color:var(--accent);font-size:14px}
.within-visual-selected-label{margin:0 0 9px;color:#a8bdcf;font-size:11px;line-height:1.45}
.within-visual-single{grid-template-columns:minmax(0,1fr);max-width:1100px}
.within-visual-selected-card{width:100%}
@media(max-width:900px){.within-visual-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.within-visual-browser{padding:11px 10px}.within-visual-browser-head{align-items:stretch;flex-direction:column}.within-visual-browser-head .secondary-action{width:100%}.within-visual-filter-grid{grid-template-columns:1fr}.within-visual-result-meta{align-items:flex-start;flex-direction:column}.within-visual-delivery-results{max-height:320px}}


/* Stage 7.12 private longitudinal analysis — inherits canonical card/graph language. */
.long-study-status{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:4px 0 18px;padding:11px 14px;border:1px solid var(--line,#1b3045);border-radius:12px;background:rgba(13,27,43,.72);font-size:13px;color:var(--muted,#9fb0bf)}
.long-study-status b{color:var(--text,#eef5fb)}
.longitudinal-tabs{margin-bottom:18px}
.long-kpi-grid{margin-bottom:18px}.longitudinal-kpi{min-height:122px}.long-kpi-years{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.long-kpi-years span{display:flex;flex-direction:column;gap:4px}.long-kpi-years small{color:var(--muted,#9fb0bf);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.long-kpi-years b{font-size:24px}
.longitudinal-overview-grid{align-items:stretch}.long-finding{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.long-finding:last-child{border-bottom:0}.long-finding span{display:block;margin-top:5px;color:var(--muted,#9fb0bf)}
.longitudinal-method-note{display:flex;gap:14px;align-items:flex-start;margin-top:18px}.longitudinal-method-note span{color:var(--muted,#9fb0bf)}
.long-consistency-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.long-consistency-strip span{padding:11px 12px;border:1px solid var(--line,#1b3045);border-radius:10px;color:var(--muted,#9fb0bf)}.long-consistency-strip b{display:block;color:var(--text,#eef5fb);font-size:18px;margin-bottom:3px}
.long-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.long-pair-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.long-pair-head h3{margin:3px 0 0}.long-pair-member{display:flex;flex-direction:column;gap:6px;padding:13px;border:1px solid var(--line,#1b3045);border-radius:10px;background:rgba(8,21,34,.55)}.long-pair-member small{color:var(--muted,#9fb0bf);font-weight:700}.long-pair-member .chip{align-self:flex-start;margin-top:4px}.chip.success{border-color:rgba(66,211,170,.45);color:#74e2c2;background:rgba(66,211,170,.10)}
@media(max-width:980px){.long-pair-grid{grid-template-columns:1fr}.long-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.long-consistency-strip{grid-template-columns:1fr}}
@media(max-width:620px){.long-kpi-grid{grid-template-columns:1fr}.longitudinal-method-note{flex-direction:column}.long-study-status{align-items:flex-start;flex-direction:column}}


/* Stage 7.12 longitudinal pass 4 — movement profile + canonical comparison convergence */
.long-study-context{margin-bottom:14px}.long-context-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:8px 12px;margin:12px 0}.long-context-grid>div{border:1px solid rgba(157,176,194,.12);background:#091827;border-radius:9px;padding:9px 10px}.long-context-grid span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.055em}.long-context-grid b{display:block;margin-top:3px;font-size:11px}.long-overview-movement{margin-bottom:18px}.long-overview-movement .section-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.long-overview-movement .section-title button{border:1px solid #2c8875;background:#153a36;color:#d8fff4;padding:8px 11px;border-radius:8px;cursor:pointer;font-weight:800}.long-movement-summary-grid,.long-movement-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.long-movement-summary,.long-movement-card{text-align:left;cursor:pointer;color:var(--text);transition:border-color .12s,transform .12s}.long-movement-summary:hover,.long-movement-card:hover{border-color:#3f617e;transform:translateY(-1px)}.long-movement-summary h3,.long-movement-card h3{margin:4px 0 7px;font-size:14px}.long-movement-summary p,.long-movement-card p{margin:0 0 9px;color:var(--muted);font-size:11px;line-height:1.45}.long-movement-summary span,.long-movement-card span{color:#8ecdbd;font-size:10px;font-weight:700}.long-movement-card.active{border-color:#2c8875;box-shadow:inset 0 0 0 1px rgba(66,211,170,.18);background:#0d2130}.movement-change-map-card{margin-bottom:12px}.long-movement-map{min-height:360px}.movement-detail-card{margin-top:12px}.movement-detail-card>.compare-metric-heading{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07)}.movement-detail-card>.plot{min-height:430px}.long-ranked-card{margin-top:14px}.long-ranked-card h3{margin:4px 0}.long-ranked-table{min-width:980px}.long-ranked-table td,.long-ranked-table th{white-space:nowrap}.longitudinal-comparison-workspace{margin-top:0}.longitudinal-comparison-workspace>.plot-shell{margin-top:6px}.longitudinal-comparison-workspace>.plot-shell>.plot{min-height:470px}.longitudinal-comparison-workspace .compare-metric-heading{padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.longitudinal-comparison-workspace .highlight-shell,.longitudinal-comparison-workspace .comparison-evidence{margin-top:12px}.long-movement-card-grid{margin:12px 0}.movement-detail-card .profile-table small{display:block;margin-top:3px;color:var(--muted);font-size:9px}
@media(max-width:850px){.long-context-grid{grid-template-columns:1fr 1fr}.long-movement-map{min-height:430px}.longitudinal-comparison-workspace>.plot-shell>.plot{min-height:420px}}
@media(max-width:560px){.long-context-grid{grid-template-columns:1fr}.long-overview-movement .section-title{display:grid}.long-movement-summary-grid,.long-movement-card-grid{grid-template-columns:1fr}.long-movement-map{min-height:470px}.movement-detail-card>.plot{min-height:420px}}


/* Stage 7.12 longitudinal pass 5 — study report, construct-led movement profile, visual audit */
.long-outcome-summary{margin-bottom:18px}.long-outcome-summary .section-title{margin-bottom:10px}.long-outcome-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:9px}.long-outcome-grid>div{border:1px solid var(--line);border-radius:10px;background:#091827;padding:11px 12px}.long-outcome-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.long-outcome-grid b{display:block;font-size:18px;margin-top:5px}.long-outcome-grid small{display:block;color:#86a0b4;margin-top:5px;line-height:1.35}
.long-summary-statements{display:grid;gap:10px}.long-summary-statements>div{border:1px solid rgba(157,176,194,.13);border-radius:10px;background:#091827;padding:12px 13px}.long-summary-statements b{font-size:13px}.long-summary-statements p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.long-summary-statements .supporting{border-style:dashed}
.long-study-evidence,.long-study-context{margin-top:12px}.long-study-evidence .card-actions{margin-top:12px}.context-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.context-mini-grid>div{border:1px solid rgba(157,176,194,.12);border-radius:9px;padding:9px 10px;background:#091827}.context-mini-grid span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.context-mini-grid b{display:block;margin-top:4px;font-size:11px}
.long-pair-visual-card{margin:16px 0}.long-pair-visual-grid{margin-top:12px}.long-pair-visual{min-width:0}.long-pair-visual>b{display:block;min-height:36px;margin:4px 0 8px;font-size:11px;color:#cfe0ed}.long-pair-visual video{width:100%;max-height:360px;background:#03080d;border:1px solid var(--line);border-radius:9px}
.movement-conclusion-card{margin-bottom:14px}.movement-construct-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.movement-construct-tabs button{border:1px solid var(--line);background:#0b1b2b;color:#aac0d1;border-radius:9px;padding:8px 11px;cursor:pointer}.movement-construct-tabs button.active{background:#113a35;border-color:#2f8d78;color:#dcfff6}.movement-small-multiples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.movement-small-multiples+.card,.movement-small-multiples+.analysis-shell{margin-top:14px}.movement-mini-card{min-width:0}.movement-mini-card .plot-shell{margin-top:7px}.movement-mini-card .long-mini-plot{min-height:300px}.stable-feature-list{display:grid;gap:6px;margin:8px 0}.stable-feature-list>div{border-bottom:1px solid rgba(157,176,194,.11);padding:7px 0}.stable-feature-list>div:last-child{border-bottom:0}
.long-outcomes-card{margin-bottom:14px}.long-pairs-layout{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.7fr);gap:14px;align-items:start}.long-pair-index-list{display:grid;gap:8px;max-height:690px;overflow:auto}.long-pair-index{text-align:left;cursor:pointer;padding:12px}.long-pair-index.selected{border-color:#2f8d78;background:#0c2827}.long-pair-index b{display:block;margin:4px 0}.long-pair-index small{display:block;color:var(--muted);line-height:1.45}.long-pair-detail{min-width:0}.long-pair-detail-grid video{width:100%;background:#03080d;border-radius:9px;border:1px solid var(--line);max-height:320px}
.long-visual-browser{margin-top:14px}.long-study-delivery-list,.profile-visual-browser{display:grid;gap:6px;max-height:330px;overflow:auto;margin:10px 0}.visual-browser-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px solid #233d55;background:#091827;color:var(--text);border-radius:8px;padding:9px 10px;text-align:left;cursor:pointer}.visual-browser-row:hover{background:#0d2032;border-color:#31536d}.visual-browser-row.selected{border-color:#2f8d78;background:#0c3a33}.visual-browser-row span{font-size:10px;line-height:1.4}.visual-browser-row b{color:var(--accent)}
.profile-visual-module .profile-visual-body{padding-top:12px}.profile-visual-module video{width:100%;max-height:440px;background:#03080d;border-radius:9px;border:1px solid var(--line)}
.long-ranked-shell{margin-top:14px}.long-ranked-body{padding-top:9px}.long-ranked-table{min-width:1000px}
@media(max-width:1050px){.long-outcome-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.movement-small-multiples{grid-template-columns:1fr}.long-pairs-layout{grid-template-columns:1fr}.long-pair-index-list{max-height:300px}}
@media(max-width:650px){.long-outcome-grid{grid-template-columns:1fr 1fr}.long-pair-visual-grid{grid-template-columns:1fr}.movement-mini-card .long-mini-plot{min-height:330px}}




/* Pass 5.1 — longitudinal presentation correction */
.long-action-btn{border:1px solid #31516d!important;background:#0b1d2e!important;color:var(--text)!important;padding:8px 11px!important;border-radius:9px!important;cursor:pointer;font-weight:750;line-height:1.2}
.long-action-btn:hover{border-color:#2c8875!important;background:#10283b!important}.long-action-primary{border-color:#2c8875!important;background:#153a36!important;color:#d8fff4!important}.long-action-compact{padding:7px 9px!important;font-size:11px}
.long-full-width-body{display:block!important}.long-full-width-body>div,.long-full-width-body>p{border-right:0!important}.long-full-width-body>.mini{padding:11px 13px;border-bottom:1px solid rgba(157,176,194,.08)}
.long-pair-picker{display:flex;align-items:end;gap:7px;flex-wrap:wrap}.long-pair-picker label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.long-pair-picker select{min-width:78px;background:#081522;color:var(--text);border:1px solid #31516d;border-radius:8px;padding:8px 9px}
.long-pair-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.long-pair-card{width:100%;text-align:left;color:var(--text);cursor:pointer;transition:border-color .12s,background .12s}.long-pair-card:hover{border-color:#31536d}.long-pair-card.selected{border-color:#2f8d78;background:#0c2827}.long-pair-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.long-pair-card-top b{font-size:15px}.long-pair-card-top span{color:var(--accent);font-size:10px;font-weight:800}.long-pair-card-bowlers{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:10px}.long-pair-card-bowlers span{display:grid;gap:2px;color:#dce7f0;font-size:12px}.long-pair-card-bowlers small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em}.long-pair-card-bowlers i{color:#6f879c;font-style:normal}.long-pair-detail.expanded{margin-top:14px}.long-pair-detail .section-title{margin-top:0}.long-pair-detail-grid{margin-top:12px}
.long-study-delivery-list .visual-browser-row{display:flex!important;background:#091827!important;color:var(--text)!important;border:1px solid #233d55!important;border-radius:9px!important;padding:10px 12px!important;text-align:left!important}.long-study-delivery-list .visual-browser-row:hover{background:#0d2032!important;border-color:#31536d!important}.long-study-delivery-list .visual-browser-row b{color:#dce7f0!important;font-size:11px}.long-study-delivery-list .visual-browser-row strong{color:var(--accent);font-size:10px;white-space:nowrap}
.long-visual-browser .visual-search input{width:100%;background:#071522;color:var(--text);border:1px solid #31516d;border-radius:9px;padding:10px 12px;outline:0}.long-visual-browser .visual-search input:focus{border-color:#2c8875}
.long-ranked-shell,.long-study-context,.long-study-evidence{width:100%}.movement-small-multiples+.analysis-shell{margin-top:14px}
@media(max-width:800px){.long-pair-card-grid{grid-template-columns:1fr}.long-pair-picker{width:100%}.long-pair-picker label{flex:1}.long-pair-picker select{width:100%}.long-pair-visual-head{align-items:flex-start;flex-direction:column}.long-pair-card-bowlers{grid-template-columns:1fr auto 1fr}}
@media(max-width:520px){.long-pair-picker{display:grid;grid-template-columns:1fr 1fr}.long-pair-picker label{grid-column:1/-1;grid-row:1}.long-pair-card-bowlers{grid-template-columns:1fr}.long-pair-card-bowlers i{display:none}.long-study-delivery-list .visual-browser-row{align-items:flex-start;flex-direction:column}.long-study-delivery-list .visual-browser-row strong{white-space:normal}}




/* 2026-09-15 — cricket-facing longitudinal movement summary */
.long-summary-cricket{gap:12px}.long-summary-cricket>div{padding:14px 15px}.long-summary-cricket>div>b{display:block;font-size:14px;color:#eef4fb}.long-summary-cricket>div>p{max-width:980px}.long-summary-evidence{display:grid;grid-template-columns:minmax(190px,1.35fr) repeat(3,minmax(110px,.7fr));margin-top:12px;border:1px solid rgba(157,176,194,.13);border-radius:9px;overflow:hidden;background:#081522}.long-summary-evidence>div{display:contents}.long-summary-evidence>div>*{padding:8px 10px;border-bottom:1px solid rgba(157,176,194,.10);font-size:10.5px}.long-summary-evidence>div:last-child>*{border-bottom:0}.long-summary-evidence-head>*{color:#8fa6bb!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.045em;font-weight:800;background:#0a1928}.long-summary-evidence b{color:#dbe7f1}.long-summary-evidence span{color:#adc0d1}.long-summary-evidence strong{color:#71dfc2}.long-summary-evidence-pattern{grid-template-columns:minmax(190px,1.35fr) repeat(2,minmax(150px,1fr))}.long-summary-link{margin-top:11px;padding:0;border:0;background:transparent;color:#7ce6c8;font-size:10.5px;font-weight:800;cursor:pointer;text-align:left}.long-summary-link:hover{color:#b2fff0;text-decoration:underline}.movement-conclusion-card .long-summary-evidence{max-width:980px}
@media(max-width:720px){.long-summary-evidence,.long-summary-evidence-pattern{display:block}.long-summary-evidence>div{display:grid;grid-template-columns:1.25fr repeat(3,minmax(0,.75fr))}.long-summary-evidence-pattern>div{grid-template-columns:1.25fr repeat(2,minmax(0,1fr))}.long-summary-evidence>div>*{padding:7px 8px}.long-summary-evidence-head{display:none!important}}
@media(max-width:480px){.long-summary-evidence>div,.long-summary-evidence-pattern>div{display:grid;grid-template-columns:1fr}.long-summary-evidence>div>*{border-bottom:0;padding:3px 8px}.long-summary-evidence>div{padding:7px 0;border-bottom:1px solid rgba(157,176,194,.10)}.long-summary-evidence>div:last-child{border-bottom:0}.long-summary-evidence b{padding-top:4px}}


/* Pass 6 — synced longitudinal visuals + Feet/Base support */
.long-sync-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:10px 0 4px}.long-sync-controls label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.long-sync-controls select{min-width:78px;background:#081522;color:var(--text);border:1px solid #31516d;border-radius:8px;padding:7px 9px}.long-visual-subhead{margin:18px 0 8px;color:#dbe7f1;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.long-phase-buttons{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 10px}.long-phase-buttons button{border:1px solid var(--line);background:#0b1b2b;color:#aac0d1;border-radius:8px;padding:7px 10px;cursor:pointer}.long-phase-buttons button.active{background:#153a36;border-color:#2c8875;color:#d8fff4}.long-still-grid{align-items:start}.long-source-still{min-width:0}.long-source-still .eyebrow{margin-bottom:6px}.long-source-still img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#03080d;border:1px solid var(--line);border-radius:9px}.feet-timing-support{margin-top:14px}.feet-timing-support h3{margin:4px 0 4px}.feet-timing-context{margin-top:9px;color:#9fb4c5;line-height:1.5}.long-pair-detail .long-sync-video{width:100%;max-height:360px;background:#03080d;border:1px solid var(--line);border-radius:9px}
@media(max-width:650px){.long-sync-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.long-sync-controls label{grid-column:1/-1}.long-sync-controls select{width:100%}.long-phase-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.long-phase-buttons button:last-child{grid-column:1/-1}.long-still-grid{grid-template-columns:1fr!important}}




/* MI longitudinal visual storytelling pass — 2026-09-18 */
.long-visual-mode-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 10px;padding-bottom:10px;border-bottom:1px solid rgba(157,176,194,.10)}
.long-visual-mode-tabs button,.long-source-toggle button{border:1px solid #29445d;background:#091827;color:#9fb4c5;border-radius:9px;padding:8px 11px;cursor:pointer;font-weight:750}
.long-visual-mode-tabs button.active,.long-source-toggle button.active{border-color:#2c8875;background:#153a36;color:#d8fff4}
.long-source-toggle{display:flex;align-items:center;gap:6px;margin:8px 0 12px}.long-source-toggle>span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;margin-right:4px}
.long-sync-controller{margin-top:10px}.long-seek-shell{position:relative;padding:8px 4px 24px}.long-master-seek{width:100%;accent-color:#42d3aa}.long-seek-labels{display:flex;justify-content:space-between;gap:8px;color:#7f98ae;font-size:8px;margin-top:4px}.long-master-phase{text-align:center;color:#b9d3e5;font-size:10px;font-weight:800;margin-top:7px}.long-event-sync-note{margin-top:8px;line-height:1.5}
.long-fingerprint-card{margin-bottom:18px}.long-fingerprint-card .section-title{margin-top:0}.long-fingerprint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.long-fingerprint-column{border:1px solid rgba(157,176,194,.13);border-radius:11px;background:#091827;padding:11px}.long-fingerprint-head{display:grid;gap:3px;padding:2px 2px 9px}.long-fingerprint-head b{font-size:13px}.long-fingerprint-head span{font-size:9px;color:var(--muted);line-height:1.4}.long-fingerprint-column button{display:grid;gap:3px;width:100%;margin-top:6px;padding:9px 10px;border:1px solid rgba(157,176,194,.11);border-radius:8px;background:#081522;color:var(--text);text-align:left;cursor:pointer}.long-fingerprint-column button:hover{border-color:#2c8875;background:#0c2428}.long-fingerprint-column button span{font-size:10.5px;font-weight:750}.long-fingerprint-column button small{color:#8da4b8;font-size:8.5px}.long-fingerprint-column.stable{border-top:2px solid #42d3aa}.long-fingerprint-column.variable{border-top:2px solid #74a8ff}.long-fingerprint-column.shifted{border-top:2px solid #f2c14e}
.long-season-overlay{margin-top:8px}.long-overlay-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.long-overlay-head>b,.long-overlay-head div>b{display:block;font-size:13px;margin-top:3px}.long-overlay-head span{display:block;color:var(--muted);font-size:9px;margin-top:4px}.long-overlay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.long-overlay-grid>div{border:1px solid rgba(157,176,194,.13);border-radius:10px;background:#06111c;padding:8px}.long-overlay-season{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 7px}.long-overlay-season span{font-weight:850;font-size:12px}.long-overlay-season b{font-size:9px;color:#8fa8ba}.long-season-pose{width:100%;max-height:390px;display:block;background:radial-gradient(circle at 50% 48%,rgba(66,211,170,.035),transparent 60%);border-radius:8px}.long-season-pose .pose-traces line{stroke:#7aa3bf;stroke-width:1.25;opacity:.13}.long-season-pose .pose-median line{stroke:#ecf5fb;stroke-width:4;stroke-linecap:round}.long-season-pose .pose-range ellipse{fill:rgba(66,211,170,.12);stroke:rgba(66,211,170,.28);stroke-width:1}.long-overlay-phase-slider{width:100%;margin:4px 0 0;accent-color:#42d3aa}.long-overlay-legend{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0 7px;color:#8fa8ba;font-size:9px}.long-overlay-legend span{display:flex;align-items:center;gap:6px}.long-overlay-legend i{display:inline-block;width:20px;height:3px;border-radius:99px}.long-overlay-legend i.median{background:#ecf5fb}.long-overlay-legend i.range{height:9px;background:rgba(66,211,170,.25);border:1px solid rgba(66,211,170,.35)}.long-overlay-legend i.trace{background:#7aa3bf;opacity:.5}.long-overlay-empty{min-height:250px;display:grid;place-items:center;color:var(--muted);font-size:10px}.long-overlay-metric{display:grid;grid-template-columns:minmax(160px,1.5fr) 1fr auto 1fr;gap:10px;align-items:center;margin:10px 0;padding:10px 12px;border:1px solid rgba(157,176,194,.13);border-radius:9px;background:#091827}.long-overlay-metric>div{display:grid;gap:2px}.long-overlay-metric span,.long-overlay-metric b{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.long-overlay-metric small{color:#8ca3b7}.long-overlay-metric strong{font-size:15px}.long-overlay-metric i{font-style:normal;color:#678298}.long-filter-cohort-note{margin:9px 0;color:#8fa8ba;font-size:10px}.long-filter-cohort-note b{color:#dce9f2}
@media(max-width:850px){.long-fingerprint-grid{grid-template-columns:1fr}.long-overlay-grid{grid-template-columns:1fr}.long-overlay-head{display:grid}.long-overlay-metric{grid-template-columns:1fr 1fr}.long-overlay-metric>i{display:none}}
@media(max-width:560px){.long-visual-mode-tabs{display:grid;grid-template-columns:1fr 1fr}.long-seek-labels{font-size:7px}.long-overlay-metric{grid-template-columns:1fr}.long-season-pose{max-height:330px}}


/* Longitudinal Visual Intelligence v2 — Skia season overlay + player-first change logic */
.long-conclusion-evidence-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}.long-conclusion-evidence-tags span{font-size:9px;color:#a8c2d3;border:1px solid rgba(116,168,255,.22);background:rgba(116,168,255,.07);border-radius:999px;padding:5px 8px}.long-change-logic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.long-change-logic-grid>div{display:grid;gap:4px;padding:10px 11px;border:1px solid rgba(157,176,194,.12);border-radius:9px;background:#081522}.long-change-logic-grid b{font-size:10px}.long-change-logic-grid span{font-size:9px;color:var(--muted);line-height:1.45}
.long-overlay-control-row{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.long-overlay-view-toggle{display:flex;gap:5px}.long-overlay-view-toggle button{border:1px solid var(--line);background:#0b1b2b;color:#9eb4c5;border-radius:8px;padding:7px 10px;cursor:pointer;font-size:9px;font-weight:800}.long-overlay-view-toggle button.active{background:#153a36;border-color:#2c8875;color:#d8fff4}
.long-overlay-metric-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin:10px 0;padding:10px;border:1px solid rgba(157,176,194,.13);border-radius:10px;background:#081522}.long-overlay-metric-toolbar>div>span,.long-overlay-metric-toolbar label>span{display:block;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.long-overlay-metric-toolbar label{min-width:230px}.long-overlay-metric-toolbar select{width:100%;background:#06111c;color:var(--text);border:1px solid #31516d;border-radius:8px;padding:8px}.long-overlay-metric-chips{display:flex;flex-wrap:wrap;gap:6px}.long-overlay-metric-chips button{border:1px solid rgba(66,211,170,.26);background:rgba(66,211,170,.08);color:#d8fff4;border-radius:999px;padding:6px 8px;font-size:9px;cursor:pointer}.long-overlay-metric-chips button i{font-style:normal;color:#7fa89d;margin-left:4px}
.long-joint-suggestions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-2px 0 10px;padding:8px 10px;border-left:3px solid #42d3aa;background:rgba(66,211,170,.045);border-radius:7px}.long-joint-suggestions>span{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#8bdac4;margin-right:4px}.long-joint-suggestions button{border:1px solid rgba(157,176,194,.16);background:#091827;color:#b8c8d5;border-radius:999px;padding:5px 8px;font-size:8.5px;cursor:pointer}.long-joint-suggestions button.active{border-color:#2c8875;background:#153a36;color:#d8fff4}.long-joint-suggestions small{color:var(--muted)}
.long-overlay-panel{min-width:0}.long-skia-stage,.long-representative-stage{position:relative;width:100%;aspect-ratio:720/620;overflow:hidden;border-radius:9px;background:radial-gradient(circle at 50% 48%,rgba(66,211,170,.05),rgba(3,8,13,.92) 62%);border:1px solid rgba(157,176,194,.08)}.long-skia-stage .long-skia-layer,.long-overlay-range-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.long-skia-stage .long-skia-layer.trace{opacity:.105}.long-skia-stage .long-skia-layer.representative{opacity:.98;filter:drop-shadow(0 0 5px rgba(255,255,255,.15))}.long-overlay-range-layer{z-index:2}.long-skia-stage .long-skia-layer{z-index:3}.long-overlay-range-layer .pose-range ellipse{fill:rgba(66,211,170,.08);stroke:rgba(66,211,170,.24);stroke-width:1}.long-overlay-range-layer .joint-hits{pointer-events:auto}.long-overlay-range-layer .long-joint-hit{fill:rgba(116,168,255,0);stroke:rgba(116,168,255,0);stroke-width:2;cursor:pointer;pointer-events:auto;transition:fill .12s,stroke .12s}.long-overlay-range-layer .long-joint-hit:hover{fill:rgba(116,168,255,.10);stroke:rgba(116,168,255,.48)}.long-overlay-range-layer .long-joint-hit.active{fill:rgba(66,211,170,.13);stroke:rgba(66,211,170,.7)}
.long-overlay-values{position:absolute;z-index:5;right:10px;top:10px;width:min(215px,42%);display:grid;gap:5px;padding:8px 9px;border:1px solid rgba(157,176,194,.18);border-radius:9px;background:rgba(6,17,28,.88);backdrop-filter:blur(5px);box-shadow:0 5px 20px rgba(0,0,0,.18)}.long-overlay-values>b{font-size:9px;color:#7fe0c1;text-transform:uppercase;letter-spacing:.08em}.long-overlay-values>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end;border-top:1px solid rgba(255,255,255,.05);padding-top:5px}.long-overlay-values span{font-size:8px;color:#9cb0c5;line-height:1.2}.long-overlay-values strong{font-size:11px;white-space:nowrap}.long-overlay-values small{font-size:8px;color:#87a0b4;font-weight:600}.long-representative-stage>img{display:block;width:100%;height:100%;object-fit:contain;background:#03080d}.long-representative-caption{margin:6px 3px 0;line-height:1.45}.long-overlay-legend i.median{background:#ecf5fb;box-shadow:0 0 4px rgba(255,255,255,.25)}
.long-event-sync-note{padding-left:2px}.long-sync-controller .long-master-phase{min-height:14px}
@media(max-width:850px){.long-change-logic-grid{grid-template-columns:1fr}.long-overlay-metric-toolbar{display:grid}.long-overlay-metric-toolbar label{min-width:0}.long-overlay-values{width:min(220px,52%)}}
@media(max-width:560px){.long-skia-stage,.long-representative-stage{aspect-ratio:4/3}.long-overlay-values{right:6px;top:6px;width:58%;padding:6px}.long-overlay-values>div{grid-template-columns:1fr}.long-overlay-values strong{font-size:10px}.long-overlay-control-row{display:block}.long-overlay-view-toggle{margin:4px 0 8px}.long-overlay-view-toggle button{flex:1}.long-overlay-metric-chips button{font-size:8px}}




/* Longitudinal overlay v3 — torso scale + dense motion scrub */
.long-overlay-nav-toggle{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.long-overlay-nav-toggle button{border:1px solid var(--line);background:#0b1d2e;color:var(--muted);padding:7px 10px;border-radius:8px;cursor:pointer}.long-overlay-nav-toggle button.active{background:#173a36;border-color:#2c8875;color:#d8fff4}.long-overlay-nav-toggle button:disabled,.long-overlay-head button:disabled{opacity:.38;cursor:not-allowed}.long-motion-scrub{position:relative;margin:3px 0 9px}.long-motion-scrub .long-overlay-phase-slider{margin:0}.long-motion-landmarks{display:grid;grid-template-columns:repeat(5,1fr);font-size:8px;color:#7f98ae;margin-top:2px}.long-motion-landmarks span{text-align:center}.long-motion-landmarks span:first-child{text-align:left}.long-motion-landmarks span:last-child{text-align:right}.long-motion-readout{text-align:center;margin-top:3px;font-size:9px;color:#9cb0c5;font-weight:700}.long-overlay-values>b{display:flex;align-items:center;justify-content:space-between;gap:6px}.long-overlay-values>b em{font-style:normal;font-size:7px;color:#68869e;text-transform:none;letter-spacing:0;font-weight:600}.long-skia-stage .long-skia-layer{object-position:center center}.long-overlay-range-layer{object-position:center center}.long-representative-stage>img{object-position:center center}
@media(max-width:560px){.long-overlay-nav-toggle{display:grid;grid-template-columns:1fr 1fr}.long-overlay-nav-toggle button{width:100%}.long-motion-landmarks{font-size:7px}.long-overlay-values>b{display:block}.long-overlay-values>b em{display:block;margin-top:2px}}


/* Longitudinal visual workspace v4 — player-facing metric investigation */
.long-overlay-head{align-items:center}.long-overlay-head div>b{font-size:15px}.long-overlay-head span{font-size:10px;max-width:720px}
.long-overlay-display-controls{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:8px 0 2px;flex-wrap:wrap}.long-layer-toggle{display:flex;gap:5px}.long-layer-toggle button,.long-metric-groups button,.long-metric-presets button{border:1px solid var(--line);background:#081522;color:#91a9ba;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:750;cursor:pointer}.long-layer-toggle button.active,.long-metric-groups button.active{background:#143833;border-color:#2b806f;color:#d9fff5}.long-variation-toggle{display:flex;align-items:center;gap:6px;font-size:9px;color:#9eb2c1}.long-variation-toggle input{accent-color:#42d3aa}
.long-key-moment-control,.long-shot-path{margin:9px 0 5px}.long-shot-segments{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:3px}.long-shot-segments span{text-align:center;font-size:8px;color:#8fa8ba;background:linear-gradient(180deg,#102438,#0a1826);border:1px solid rgba(157,176,194,.10);padding:5px 3px}.long-shot-segments span:first-child{border-radius:7px 0 0 7px}.long-shot-segments span:last-child{border-radius:0 7px 7px 0}
.long-metric-workspace{margin:10px 0;border:1px solid rgba(157,176,194,.14);border-radius:11px;background:#07131f;padding:10px}.long-metric-workspace-head{display:flex;justify-content:space-between;gap:12px;align-items:end}.long-metric-workspace-head b{display:block;font-size:12px}.long-metric-workspace-head span{display:block;margin-top:3px;color:#8fa6b8;font-size:9px}.long-metric-search{min-width:250px}.long-metric-search input{width:100%;box-sizing:border-box;background:#05101a;color:var(--text);border:1px solid #294964;border-radius:8px;padding:7px 9px;font-size:10px}.long-metric-presets,.long-metric-groups{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.long-metric-presets button{background:#0b1c2a}.long-metric-picker-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px;max-height:112px;overflow:auto;padding:1px}.long-metric-picker-list>button{display:grid;gap:2px;text-align:left;border:1px solid rgba(157,176,194,.14);background:#091827;color:#b8c7d3;border-radius:8px;padding:6px 8px;cursor:pointer;min-width:118px}.long-metric-picker-list>button.active{border-color:rgba(66,211,170,.45);background:rgba(66,211,170,.08);color:#e1fff8}.long-metric-picker-list>button span{font-size:9px;font-weight:750}.long-metric-picker-list>button small{font-size:7px;color:#6f8ca1;text-transform:uppercase;letter-spacing:.04em}
.long-metric-tray{margin-top:10px;border-top:1px solid rgba(255,255,255,.06);padding-top:8px;display:grid;gap:5px}.long-metric-tray-head{display:flex;justify-content:space-between;gap:10px;color:#8ca4b7;font-size:8px}.long-metric-tray-head span{font-weight:850;text-transform:uppercase;letter-spacing:.05em}.long-metric-row{display:grid;grid-template-columns:28px minmax(160px,1.6fr) minmax(75px,.65fr) minmax(75px,.65fr) minmax(85px,.75fr) 28px;gap:7px;align-items:center;background:#091827;border:1px solid rgba(157,176,194,.10);border-radius:8px;padding:6px 7px;position:relative}.long-pin-btn,.long-remove-metric{border:0;background:transparent;color:#6f879a;cursor:pointer;font-size:14px}.long-pin-btn.active{color:#42d3aa;text-shadow:0 0 7px rgba(66,211,170,.35)}.long-metric-row-name{display:grid;gap:2px}.long-metric-row-name b{font-size:9px}.long-metric-row-name span{font-size:7px;color:#6f899d;text-transform:uppercase}.long-metric-row>div:not(.long-metric-row-name){display:grid;gap:1px}.long-metric-row small{font-size:7px;color:#698398}.long-metric-row strong{font-size:9px}.long-metric-contract-note{grid-column:2/-1;border-top:1px solid rgba(255,255,255,.05);padding-top:5px}.long-metric-contract-note summary{font-size:8px;color:#e6b85f;cursor:pointer}.long-metric-contract-note span,.long-metric-contract-note small{display:block;margin-top:4px;font-size:8px;color:#8fa5b6;line-height:1.4}
.long-skia-stage .long-skia-layer.typical{opacity:1;filter:drop-shadow(0 0 5px rgba(255,255,255,.14));z-index:3}.long-overlay-range-layer{opacity:.72}.long-metric-geometry,.long-bat-path-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.long-metric-geometry .metric-measure{stroke-width:3;stroke-linecap:round}.long-metric-geometry .metric-guide{stroke-width:1.5;stroke-dasharray:7 6;opacity:.75}.long-metric-geometry .metric-node{stroke-width:2;fill:#07131f}.long-metric-geometry .metric-0{stroke:#42d3aa}.long-metric-geometry .metric-1{stroke:#f2c14e}.long-bat-path-layer polyline{fill:none;stroke:#f2c14e;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(242,193,78,.28))}.long-bat-path-layer circle{fill:#07131f;stroke:#f2c14e;stroke-width:2}.long-overlay-values.compact{width:min(205px,40%);gap:4px}.long-overlay-values.compact>div{padding-top:4px}.long-overlay-method-note{margin-top:7px;color:#7892a7}
@media(max-width:850px){.long-metric-workspace-head{display:grid}.long-metric-search{min-width:0}.long-metric-row{grid-template-columns:28px minmax(130px,1.4fr) repeat(3,minmax(70px,.7fr)) 26px}}
@media(max-width:650px){.long-overlay-display-controls{display:grid}.long-layer-toggle{display:grid;grid-template-columns:repeat(3,1fr)}.long-metric-row{grid-template-columns:24px 1fr 24px}.long-metric-row>div:not(.long-metric-row-name){display:none}.long-metric-contract-note{grid-column:2/3}.long-metric-picker-list{max-height:150px}.long-overlay-values.compact{width:52%}.long-shot-segments span{font-size:7px}}
.long-pin-btn:disabled{opacity:.22;cursor:not-allowed;text-shadow:none}.long-pin-btn:disabled:hover{color:#6f879a}


/* Longitudinal workspace v5 — simple four-metric navigation + safe interaction */
.long-simple-metric-selectors{display:grid;gap:6px;margin:10px 0 8px}.long-simple-metric-row{display:grid;grid-template-columns:26px minmax(120px,.8fr) minmax(150px,1fr) minmax(190px,1.35fr);gap:7px;align-items:center;padding:7px;border:1px solid #1c3348;border-radius:9px;background:#0a1928;cursor:pointer}.long-simple-metric-row.active{border-color:#42d3aa;background:#0d242d;box-shadow:inset 3px 0 0 #42d3aa}.long-simple-metric-row>b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#10263a;color:#8fa7ba;font-size:10px}.long-simple-metric-row.active>b{color:#d9fff5;background:#16453f}.long-simple-metric-row select{width:100%;min-width:0;background:#081522;color:#d8e5ef;border:1px solid #244058;border-radius:7px;padding:7px 9px;font-size:11px}.long-key-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0 10px}.long-key-buttons button{border:1px solid #244058;background:#091a2a;color:#9eb2c3;border-radius:8px;padding:8px 6px;font-size:10px;cursor:pointer}.long-key-buttons button.active{border-color:#42d3aa;background:#12352f;color:#e1fff7}.long-overlay-values.compact{position:absolute;top:12px;right:12px;z-index:12;min-width:220px;max-width:260px;background:rgba(6,18,30,.94);border:1px solid #244058;border-radius:10px;padding:8px 9px;box-shadow:0 8px 24px rgba(0,0,0,.24)}.long-overlay-values.compact>b{display:block;color:#42d3aa;font-size:10px;margin-bottom:4px}.long-overlay-values.compact button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;border:0;border-top:1px solid #152b3d;background:transparent;color:#b6c6d4;text-align:left;padding:6px 0;cursor:pointer}.long-overlay-values.compact button:first-of-type{border-top:0}.long-overlay-values.compact button.active span{color:#70f0cf}.long-overlay-values.compact button.active strong{color:#fff}.long-overlay-values.compact span{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.long-overlay-values.compact strong{font-size:11px;color:#eef7fc;white-space:nowrap}.long-overlay-values.compact small{font-size:7px;color:#7890a4;font-weight:500}.long-skeleton-hits{position:absolute;inset:0;width:100%;height:100%;z-index:11;pointer-events:none}.long-skeleton-hits line,.long-skeleton-hits circle{stroke:transparent;fill:transparent;stroke-width:28;pointer-events:stroke;cursor:pointer}.long-skeleton-hits circle{pointer-events:all}.long-joint-menu{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0 8px;padding:7px 9px;border:1px solid #1e3a50;border-radius:9px;background:#0c2030}.long-joint-menu>b{font-size:9px;color:#42d3aa;text-transform:uppercase;letter-spacing:.05em;margin-right:2px}.long-joint-menu button{border:1px solid #28455b;background:#0a1724;color:#bfd0dc;border-radius:999px;padding:5px 8px;font-size:9px;cursor:pointer}.long-joint-menu button:hover{border-color:#42d3aa;color:#e8fff9}.long-joint-menu button.close{margin-left:auto;border:0;font-size:15px;padding:0 6px}.long-metric-geometry{z-index:10;pointer-events:none}.long-metric-geometry .metric-measure{stroke:#f2c14e;stroke-width:5;filter:drop-shadow(0 0 4px rgba(242,193,78,.45))}.long-metric-geometry .metric-guide{stroke:#7aa0bd;stroke-width:2;stroke-dasharray:7 6;opacity:.8}.long-metric-geometry .metric-node{fill:#f2c14e;stroke:#fff;stroke-width:1.5}.long-bat-path-chart{position:absolute;inset:0;width:100%;height:100%;z-index:5;background:#06101a}.long-bat-path-chart .axis{stroke:#284257;stroke-width:1.5}.long-bat-path-chart .axis-label{fill:#7893a8;font-size:11px;text-anchor:middle}.long-bat-path-chart .path{fill:none;stroke:#f2c14e;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.long-bat-path-chart circle{fill:#f2c14e;stroke:#fff;stroke-width:1}.long-bat-path-chart text{fill:#cbd9e4;font-size:10px}.long-bat-path-inset{position:absolute;left:12px;bottom:12px;width:38%;height:34%;z-index:8;border:1px solid #27445b;border-radius:10px;overflow:hidden;background:#06101a;box-shadow:0 6px 18px rgba(0,0,0,.35)}.long-bat-path-inset .long-bat-path-chart{position:relative}.long-shot-segments span:nth-child(2)::after{content:''}.long-overlay-method-note,.long-representative-caption{display:none!important}.long-skia-layer,.long-representative-stage>img{pointer-events:none}
@media(max-width:900px){.long-simple-metric-row{grid-template-columns:24px 1fr 1fr}.long-simple-metric-row select:last-child{grid-column:2/4}.long-overlay-values.compact{min-width:190px;max-width:215px}.long-bat-path-inset{width:45%;height:30%}}
@media(max-width:560px){.long-simple-metric-row{grid-template-columns:24px 1fr}.long-simple-metric-row select{grid-column:2}.long-key-buttons{grid-template-columns:repeat(3,1fr)}.long-overlay-values.compact{top:8px;right:8px;min-width:170px;max-width:190px;padding:6px}.long-overlay-values.compact span{font-size:8px}.long-overlay-values.compact strong{font-size:10px}.long-bat-path-inset{display:none}}




/* Longitudinal movement-summary readability refinement — 2026-09-21 */
.long-summary-table{border:1px solid rgba(157,176,194,.14);border-radius:11px;overflow:hidden;background:#081522;margin-top:12px}
.long-summary-table-head,.long-summary-table-row{display:grid;grid-template-columns:minmax(290px,2fr) minmax(110px,.8fr) minmax(90px,.65fr) minmax(90px,.65fr) minmax(90px,.65fr);align-items:center}
.long-summary-table-head{background:#0a1928;color:#8fa6bb;font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}
.long-summary-table-head>span,.long-summary-table-row>div{padding:10px 12px;border-bottom:1px solid rgba(157,176,194,.10)}
.long-summary-table-row:last-child>div{border-bottom:0}
.long-summary-table-row{font-size:11px;color:#b9cad8}
.long-summary-table-row strong{color:#eef7fc;font-size:12px}
.long-summary-change{display:flex;align-items:center;gap:10px;min-width:0}
.long-summary-change>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#10263a;color:#79e2c5;font-size:10px;font-weight:850}
.long-summary-change>div{min-width:0}.long-summary-change b{display:block;color:#e7f0f7;font-size:11.5px}.long-summary-change small{display:block;color:#7891a5;font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.long-summary-conclusions{display:grid;gap:7px;margin-top:10px}.long-summary-conclusions .long-movement-story.compact{border:0;border-top:1px solid rgba(157,176,194,.10);border-radius:0;background:transparent;padding:9px 2px 2px}.long-summary-conclusions .long-movement-story.compact:first-child{border-top:0}.long-summary-conclusions .long-movement-story.compact>b{display:block;max-width:1100px;font-size:11.5px;line-height:1.5;color:#dce8f1}
.long-movement-story.detailed{padding:16px 17px;margin-top:12px}.long-story-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.long-story-heading h3{margin:4px 0 0;font-size:16px;color:#f0f6fb}.long-story-heading>span{color:#7f98aa;font-size:9px;white-space:nowrap;margin-top:3px}.long-story-headline{margin:10px 0 13px;color:#c7d7e4;font-size:12px;line-height:1.55;max-width:1100px}
.long-story-state-grid{display:grid;grid-template-columns:minmax(160px,1fr) 24px minmax(160px,1fr) 24px minmax(160px,1fr);gap:8px;align-items:stretch;margin:10px 0 12px}.long-story-state-grid>div{border:1px solid #1d364b;background:#081522;border-radius:9px;padding:10px 11px}.long-story-state-grid>div.long-story-delta{border-color:rgba(66,211,170,.28);background:rgba(66,211,170,.055)}.long-story-state-grid>i{display:grid;place-items:center;color:#547087;font-style:normal;font-size:17px}.long-story-state-grid span{display:block;color:#7e98ac;font-size:8px;text-transform:uppercase;letter-spacing:.055em;font-weight:800}.long-story-state-grid b{display:block;margin-top:5px;color:#f0f7fb;font-size:17px}.long-story-state-grid small{display:block;margin-top:3px;color:#8ea6b8;font-size:9px;line-height:1.35}
.long-through-movement{margin:10px 0 2px;border:1px solid rgba(157,176,194,.13);border-radius:9px;background:#07131f}.long-through-movement>summary{cursor:pointer;list-style:none;padding:10px 12px;color:#b8cbd9;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.long-through-movement>summary::-webkit-details-marker{display:none}.long-through-movement>summary::after{content:'+';color:#6f8ca1;font-size:16px;font-weight:500}.long-through-movement[open]>summary::after{content:'−'}.long-through-body{border-top:1px solid rgba(157,176,194,.11);padding:10px 12px 12px}.long-through-body p{margin:8px 0 0;color:#8fa6b8;font-size:10px;line-height:1.45}.long-through-table{min-width:650px}.long-through-table th{color:#839caf;font-size:8.5px;text-transform:uppercase;letter-spacing:.04em}.long-through-table td{font-size:10.5px}.long-through-table th,.long-through-table td{padding:7px 9px}
.movement-conclusion-card .long-summary-statements{gap:0}.movement-conclusion-card .long-movement-story+ .long-movement-story{margin-top:10px}
.long-simple-metric-row{cursor:default}.long-simple-metric-row.active{border-color:#1c3348;background:#0a1928;box-shadow:none}.long-simple-metric-row.active>b{color:#8fa7ba;background:#10263a}.long-simple-metric-row:focus-within{border-color:#1c3348;background:#0a1928;box-shadow:none}.long-simple-metric-row select:focus{outline:none;border-color:#42d3aa;box-shadow:0 0 0 1px rgba(66,211,170,.18)}
@media(max-width:900px){.long-summary-table{overflow-x:auto}.long-summary-table-head,.long-summary-table-row{min-width:760px}.long-story-state-grid{grid-template-columns:1fr 20px 1fr}.long-story-state-grid>i:nth-of-type(2),.long-story-state-grid>div:last-child{display:none}}
@media(max-width:560px){.long-story-state-grid{grid-template-columns:1fr}.long-story-state-grid>i{display:none}.long-story-state-grid>div:last-child{display:block}.long-movement-story.detailed{padding:13px}.long-story-heading{display:grid}.long-summary-conclusions .long-movement-story.compact>b{font-size:11px}}


/* Preserve all three state/change/season blocks on tablet widths. */
@media(max-width:900px){.long-story-state-grid{grid-template-columns:minmax(130px,1fr) 20px minmax(130px,1fr) 20px minmax(130px,1fr)}.long-story-state-grid>i:nth-of-type(2),.long-story-state-grid>div:last-child{display:grid}}




/* Final longitudinal UI pass — compact stories + cricket-view bat path */
.long-summary-row-link{display:block;margin-top:7px;padding:0;border:0;background:transparent;color:#42d3aa;font-size:9.5px;font-weight:800;text-align:left;cursor:pointer}
.long-summary-row-link:hover{text-decoration:underline}
details.long-movement-story.detailed{padding:0;overflow:hidden}
details.long-movement-story.detailed>summary.long-story-heading{list-style:none;cursor:pointer;padding:15px 17px;display:grid;grid-template-columns:minmax(0,1fr) auto 26px;align-items:center;gap:12px}
details.long-movement-story.detailed>summary.long-story-heading::-webkit-details-marker{display:none}
details.long-movement-story.detailed>summary.long-story-heading h3{margin:0;font-size:16px;line-height:1.35;color:#f0f6fb}
details.long-movement-story.detailed>summary.long-story-heading>span{margin:0;color:#7f98aa;font-size:9px;white-space:nowrap}
details.long-movement-story.detailed>summary.long-story-heading::after{content:'+';display:grid;place-items:center;width:24px;height:24px;border:1px solid #28445b;border-radius:50%;color:#9db4c6;font-size:17px;font-weight:500;line-height:1}
details.long-movement-story.detailed[open]>summary.long-story-heading::after{content:'−';border-color:rgba(66,211,170,.55);color:#6fe4c4}
.long-story-detail{border-top:1px solid rgba(157,176,194,.11);padding:2px 17px 15px}
.long-bat-path-compare-toggle{display:flex;align-items:center;gap:6px;margin:8px 0 10px}
.long-bat-path-compare-toggle>span{margin-right:3px;color:#7f98aa;font-size:9px;text-transform:uppercase;letter-spacing:.055em;font-weight:800}
.long-bat-path-compare-toggle button{border:1px solid #244058;background:#091a2a;color:#9eb2c3;border-radius:8px;padding:7px 10px;font-size:10px;cursor:pointer}
.long-bat-path-compare-toggle button.active{border-color:#42d3aa;background:#12352f;color:#e1fff7}
.long-overlay-grid.bat-overlay-grid{grid-template-columns:1fr}
.long-bat-path-overlay-panel{min-height:620px}
.long-bat-path-overlay-stage{min-height:560px}
.long-bat-path-chart .season-2025{stroke:#42d3aa}.long-bat-path-chart .season-2026{stroke:#f2c14e}
.long-bat-path-chart g.season-2025 circle{fill:#42d3aa}.long-bat-path-chart g.season-2026 circle{fill:#f2c14e}
.long-bat-path-chart.overlay .bat-path-legend line{stroke-width:4}.long-bat-path-chart.overlay .bat-path-legend text{font-size:10px;fill:#cbd9e4}
@media(max-width:560px){details.long-movement-story.detailed>summary.long-story-heading{grid-template-columns:minmax(0,1fr) 24px;padding:13px}.long-story-heading>span{display:none}.long-story-detail{padding:2px 13px 13px}.long-bat-path-compare-toggle{flex-wrap:wrap}.long-bat-path-overlay-panel{min-height:500px}.long-bat-path-overlay-stage{min-height:450px}}


/* 2026-09-28 — mobile hardening pass: Batting Intelligence + longitudinal */
@media(max-width:768px){
  .content,.grid,.grid>*,.card,.chart-card,.pitch-card,.pitch-svg-root,.pitch-compare-grid,.pitch-compare-grid>*,.pitch-map-panel,.wagon-season-grid,.wagon-season-grid>*,.wagon-card,
  .longitudinal-comparison-workspace,.longitudinal-comparison-workspace>*,.long-overview-movement,.long-season-overlay,.long-overlay-grid,.long-overlay-grid>*,.long-overlay-panel,
  .long-skia-stage,.long-representative-stage,.long-bat-path-overlay-panel,.long-bat-path-overlay-stage,.long-movement-story,.long-story-detail{
    min-width:0;max-width:100%;
  }
  .pitch-card{overflow:visible}
  .pitch-compare-grid{grid-template-columns:minmax(0,1fr)}
  .pitch-map-panel{min-width:0!important;width:100%;overflow:hidden}
  .pitch-map-svg{width:100%;height:auto;max-width:100%}
  .wagon-season-grid{grid-template-columns:minmax(0,1fr)}
  .wagon-svg{width:100%;max-width:100%;height:auto}
  .long-simple-metric-row select{min-height:40px}
  .long-key-buttons button,.long-overlay-nav-toggle button,.long-overlay-view-toggle button,.long-layer-toggle button{min-height:40px}
  .long-motion-scrub input[type="range"],.long-overlay-phase-slider{min-height:34px;touch-action:pan-y}
}


@media(max-width:560px){
  /* Primary longitudinal summary becomes a phone-native card stack rather than a 760px table. */
  .long-summary-table{overflow:visible;border:0;background:transparent;display:grid;gap:9px}
  .long-summary-table-head{display:none}
  .long-summary-table-row{min-width:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid rgba(157,176,194,.14);border-radius:10px;background:#081522;overflow:hidden}
  .long-summary-table-row>div{min-width:0;padding:9px 10px;border-bottom:1px solid rgba(157,176,194,.10)}
  .long-summary-table-row>div:first-child{grid-column:1/-1;padding:11px 10px;background:#0a1928}
  .long-summary-table-row>div:nth-child(2){grid-column:1/-1}
  .long-summary-table-row>div:nth-child(5){grid-column:1/-1;border-bottom:0}
  .long-summary-table-row>div:nth-child(n+2)::before{display:block;margin-bottom:3px;color:#718ba0;font-size:8px;text-transform:uppercase;letter-spacing:.055em;font-weight:800}
  .long-summary-table-row>div:nth-child(2)::before{content:'Key moment'}
  .long-summary-table-row>div:nth-child(3)::before{content:'2025'}
  .long-summary-table-row>div:nth-child(4)::before{content:'2026'}
  .long-summary-table-row>div:nth-child(5)::before{content:'Change'}
  .long-summary-change{align-items:flex-start}
  .long-summary-link{white-space:normal;text-align:left}


  /* Keep the complete 2025 → change → 2026 story on phones. */
  .long-story-state-grid{grid-template-columns:1fr!important;gap:7px}
  .long-story-state-grid>i{display:none!important}
  .long-story-state-grid>div{display:block!important;min-width:0}


  /* Metric investigation rows and controls stay readable and touchable. */
  .long-simple-metric-row{grid-template-columns:24px minmax(0,1fr);gap:7px}
  .long-simple-metric-row select{grid-column:2;width:100%;min-width:0;min-height:42px}
  .long-key-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}


  /* Keep the selected metric readable without covering most of the movement visual. */
  .long-overlay-values,.long-overlay-values.compact{top:6px!important;right:6px!important;left:auto!important;bottom:auto!important;width:min(168px,48%)!important;min-width:0!important;max-width:168px!important;padding:6px 7px}
  .long-overlay-values.compact button:not(.active){display:none}
  .long-overlay-values>div,.long-overlay-values.compact button{grid-template-columns:minmax(0,1fr) auto}
  .long-overlay-values span,.long-overlay-values.compact span{font-size:8.5px;white-space:normal;overflow:visible;text-overflow:clip}
  .long-overlay-values strong,.long-overlay-values.compact strong{font-size:10.5px}
  .long-skia-stage,.long-representative-stage{aspect-ratio:4/3}


  /* Dense motion remains touch-first without forcing page-level horizontal scroll. */
  .long-motion-landmarks{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;font-size:7px}
  .long-motion-landmarks span{white-space:normal;line-height:1.15}


  /* Bat-path overlay remains substantial but no longer dominates several phone screens. */
  .long-bat-path-overlay-panel{min-height:0!important}
  .long-bat-path-overlay-stage{min-height:0!important;height:clamp(350px,108vw,430px);aspect-ratio:auto}
  .long-bat-path-inset{display:none}
}


@media(max-width:390px){
  .content{padding-left:9px;padding-right:9px}
  .card,.chart-card{padding-left:10px;padding-right:10px}
  .pitch-value{font-size:13px}
  .pitch-line-label,.pitch-length-label,.pitch-end-label{font-size:9px}
  .pitch-count{font-size:7px}
  .long-key-buttons{grid-template-columns:1fr 1fr}
  .long-bat-path-overlay-stage{height:clamp(330px,110vw,410px)}
}


/* Scouting Intelligence Build 1: existing-platform view */
.scouting-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0}.scouting-controls label{display:grid;gap:6px;flex:1;min-width:200px}.scouting-controls select{width:100%;padding:10px;border:1px solid #36536d;background:#0c1b2c;color:#edf6ff;border-radius:8px}.scouting-controls button{padding:10px 16px;border:1px solid #36536d;border-radius:8px;color:inherit;background:transparent;cursor:pointer}.scouting-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.scouting-stats .card{display:grid;gap:8px}.scouting-stats strong{font-size:26px}.scouting-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:16px 0}.scouting-metric{display:grid;gap:10px}.scouting-splits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scouting-splits div{display:grid;gap:5px}.scouting-splits strong{font-size:20px}.scouting-metric small,.scouting-detail small,.scouting-stats small{color:#9eb3c5}.scouting-bottom{display:grid;grid-template-columns:minmax(250px,1fr) minmax(290px,1.4fr);gap:14px}.scouting-case-list{display:grid;gap:5px;max-height:540px;overflow:auto}.scouting-case{text-align:left;border:1px solid #29435b;border-radius:8px;color:inherit;background:#0e2032;padding:10px;display:grid;gap:4px;cursor:pointer}.scouting-case.active{border-color:#46bda7;background:#17394a}.scouting-case small{color:#a4bdcf}.scouting-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.scouting-data-grid div{display:grid;gap:4px;padding:12px;border-radius:7px;background:#102a3d}.scouting-data-grid b{font-size:18px}.scouting-detail summary{cursor:pointer}@media(max-width:760px){.scouting-bottom{grid-template-columns:1fr}.scouting-stats{gap:6px}.scouting-stats .card{padding:10px}.scouting-stats strong{font-size:21px}.scouting-metrics{grid-template-columns:1fr 1fr}.scouting-splits{grid-template-columns:1fr}}


/* Scouting 1R first-class workspace */
.scouting-1r-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.scouting-1r-tabs button,.scouting-1r-links button,.scouting-1r-grid button{background:#132b40;border:1px solid #30536a;color:#e9f5fb;border-radius:8px;padding:10px 14px;cursor:pointer}.scouting-1r-tabs button.active{background:#174d55;border-color:#42d3aa;color:#e4fff7}.scouting-1r-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.scouting-1r-grid .card{min-height:245px}.scouting-1r-grid h2{margin:9px 0}.scouting-1r-grid p,.scouting-1r-compare p{color:#aec4d5;line-height:1.55}.scouting-1r-grid button{margin:8px 8px 0 0}.scouting-1r-highlights>div,.scouting-1r-peer{border-bottom:1px solid #274257;padding:9px 0;display:flex;justify-content:space-between;gap:12px}.scouting-1r-highlights span,.scouting-1r-peer span{font-size:12px;color:#a9c3d3}.scouting-1r-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px;margin:14px 0}.scouting-1r-feature h3{margin:5px 0 12px}.scouting-1r-feature strong{font-size:23px}.scouting-1r-feature .muted{font-size:11px}.scouting-1r-range{height:9px;border-radius:10px;background:linear-gradient(90deg,#36465e,#398e9b);position:relative;margin:13px 3px 5px}.scouting-1r-range span{position:absolute;top:-4px;height:17px;width:3px;background:#fff}.scouting-1r-ends{display:flex;justify-content:space-between;color:#a6bbcc;margin-bottom:10px}.scouting-1r-comptable>div,.scouting-1r-research>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #294157;padding:9px 0}.scouting-1r-links{display:flex;gap:10px;flex-wrap:wrap}.scouting-1r-compare{margin:12px 0}.scouting-1r-foot{margin:18px 0;font-size:12px;color:#9eb5c6}.scouting-1r-research{margin:12px 0}
@media(max-width:780px){.scouting-1r-grid{grid-template-columns:1fr}.scouting-1r-highlights>div,.scouting-1r-peer,.scouting-1r-comptable>div{flex-direction:column;gap:4px}}


/* Scouting 1S: first-class shared biomechanics and evidence tables */
.scouting-1s-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.scouting-1s-tabs button,.scouting-1s-actions button,.scouting-1s-table button,.scouting-1s-grid button,.scouting-1s-filterbar select{border:1px solid var(--line);background:#10243a;color:var(--text);border-radius:8px;padding:9px 12px;cursor:pointer}.scouting-1s-tabs button.active{border-color:#42d3aa;background:#174337}.scouting-1s-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scouting-1s-grid .card{min-width:0}.scouting-1s-grid h2{margin:6px 0 10px}.scouting-1s-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.scouting-1s-filterbar{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.scouting-1s-filterbar label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.scouting-1s-table{max-width:100%;margin:12px 0}.scouting-1s-table table{min-width:800px}.scouting-1s-table small{display:block;color:var(--muted);margin-top:4px}.scouting-1s-note{line-height:1.5}@media(max-width:900px){.scouting-1s-grid{grid-template-columns:1fr}.scouting-1s-filterbar label{flex:1 1 150px}.scouting-1s-filterbar select{max-width:100%}}


/* Scouting 1S-UI: progressively disclosed comparison hierarchy */
.scout-ui-tabs{display:flex;gap:7px;overflow:auto;margin:14px 0 18px}.scout-ui-tabs button,.scout-overview button,.scout-native-links button,.scout-preset-actions button,.scout-mini-nav button{background:#122c40;color:#ecf7ff;border:1px solid #30516a;padding:9px 12px;border-radius:8px;cursor:pointer}.scout-ui-tabs button{white-space:nowrap}.scout-ui-tabs button.active{background:#16483f;border-color:#42d3aa}.scout-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}.scout-quick>div{border:1px solid var(--line);background:#091a2a;border-radius:9px;padding:12px;display:grid;gap:5px}.scout-quick strong{font-size:21px}.scout-quick small{color:var(--muted)}.scout-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scout-overview .card{min-width:0}.scout-feature-stack{display:grid;gap:7px;margin:12px 0}.scout-system,.scout-subsystem,.scout-metric{border:1px solid #284158;background:#091a2a;border-radius:10px;margin:8px 0;overflow:hidden}.scout-system>summary,.scout-subsystem>summary,.scout-metric>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 14px}.scout-system>summary::-webkit-details-marker,.scout-subsystem>summary::-webkit-details-marker,.scout-metric>summary::-webkit-details-marker{display:none}.scout-system>summary{font-weight:800}.scout-system summary small,.scout-metric small{color:var(--muted);font-size:10px}.scout-system-body{padding:4px 12px 12px;border-top:1px solid #29435a}.scout-subsystem>summary{font-weight:700}.scout-subsystem>.scout-features{padding:0 9px 10px}.scout-metric{background:#081522;margin:5px 0}.scout-metric>summary{gap:10px}.scout-metric-name{display:grid;gap:3px;min-width:0}.scout-metric-numbers{display:grid;text-align:right;gap:3px;margin-left:auto}.scout-metric-numbers b{font-size:17px}.scout-toggle{color:#42d3aa}.scout-metric-inner{padding:4px 13px 13px}.scout-track{height:10px;border-radius:20px;background:linear-gradient(90deg,#25384b,#3c7284);position:relative;margin:12px 5px}.scout-track i{position:absolute;display:block;top:-4px;height:18px;width:3px;border-radius:2px}.scout-track .scout-med{background:#f2c14e}.scout-track .scout-actual{background:#42d3aa}.scout-scale{display:flex;justify-content:space-between;font-size:10px;color:#9fb3c6}.scout-metric-meta,.scout-explain{color:#92acbf;font-size:11px;line-height:1.5}.scout-evidence{margin-top:12px;border-top:1px solid #294158;padding-top:8px}.scout-evidence summary{cursor:pointer;font-size:11px;color:#b8d3e4;font-weight:700}.scout-evidence p{font-size:11px;line-height:1.5;color:var(--muted)}.scout-mini-nav,.scout-native-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.scout-section-intro{margin:12px 0}.scout-section-intro p{color:var(--muted)}.scout-filter-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.scout-filter-pair label{display:grid;gap:5px;color:var(--muted);font-size:11px}.scout-filter-pair select{width:100%;min-width:0;background:#081522;color:var(--text);padding:10px;border:1px solid #35536a;border-radius:8px}.scout-compare-header,.scout-compare-line{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:9px;padding:9px;border-bottom:1px solid #274057;align-items:center;font-size:12px}.scout-compare-header{color:var(--muted);font-size:10px;text-transform:uppercase}.scout-compare-line small{display:block;color:var(--muted)}.scout-compare-line b{text-align:right}.scout-preset-actions{margin:12px 0}.scout-compare-card{max-width:1050px}@media(max-width:850px){.scout-overview{grid-template-columns:1fr}}@media(max-width:520px){.scout-quick{grid-template-columns:1fr 1fr}.scout-filter-pair{grid-template-columns:1fr}.scout-metric>summary{padding:10px}.scout-metric-numbers b{font-size:14px}.scout-compare-line{font-size:10px}}
/* Scouting 2A — portable broadcast-inspired profile hierarchy, isolated from native workspace. */
.s2-tabs{display:flex;gap:7px;overflow-x:auto;margin:15px 0 18px;padding-bottom:3px}.s2-tabs button,.s2-event-row button,.s2-button{border:1px solid #34536a;background:#102638;color:#d9edf9;border-radius:8px;padding:9px 12px;cursor:pointer;white-space:nowrap}.s2-tabs button.active,.s2-event-row button.active{border-color:#53dabb;background:#15483f;color:#fff}.s2-layout{display:grid;grid-template-columns:minmax(320px,1.18fr) minmax(310px,.82fr);gap:14px;align-items:start}.s2-event-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 10px;padding:10px;background:#0b1928;border:1px solid #294158;border-radius:11px}.s2-event-row>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#94b1c8;margin-right:6px}.s2-event-row button{padding:7px 9px;font-size:10px}.s2-visual{background:#061320;border:1px solid #294358;border-radius:13px;overflow:hidden}.s2-visual-top{display:flex;justify-content:space-between;gap:8px;padding:12px;font-size:10px;font-weight:700;color:#9bc1d9}.s2-visual-top small{font-size:9px;font-weight:400;color:#7e9eb3}.s2-pose-area{height:clamp(390px,49vw,620px);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 43%,#143143 0%,#06101a 70%);padding:15px}.s2-pose-svg{height:100%;width:100%;max-width:520px}.s2-skeleton{stroke:#a6d1e6;stroke-width:11;fill:none;stroke-linecap:round}.s2-bat{stroke:#f3ca5b;stroke-width:11;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(52,218,184,.45))}.s2-joints{fill:#92c7dc}.s2-pose-empty{color:#90adbe;padding:18px;text-align:center}.s2-visual-controls{display:grid;grid-template-columns:1fr 2fr;gap:9px;padding:10px;border-top:1px solid #243c51}.s2-visual-controls label,.s2-select-label{display:grid;gap:6px;color:#9cbbd2;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.s2-visual-controls select,.s2-select-label select{width:100%;min-width:0;max-width:100%;background:#102537;border:1px solid #38566d;border-radius:7px;color:#fff;padding:9px;font-size:11px}.s2-footnote{padding:8px 11px 12px;color:#7896ac;font-size:10px;line-height:1.4}.s2-profile-column{display:grid;gap:12px;min-width:0}.s2-section{border:1px solid #2c465c;border-radius:13px;background:#0c1d2d;padding:15px;margin:0 0 13px;min-width:0}.s2-section h2{margin:4px 0 11px;font-size:18px;line-height:1.25}.s2-section p{color:#a8bdcf;line-height:1.5;font-size:12px}.s2-metric{border:1px solid #29455b;background:#091725;padding:12px;border-radius:10px;margin:9px 0}.s2-metric-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.s2-metric-head>div:first-child{min-width:0}.s2-metric-head small{display:block;color:#84a8c0;font-size:9px}.s2-metric h3{margin:4px 0;font-size:14px}.s2-direction{display:block;color:#55d8b5;font-size:11px;line-height:1.35}.s2-value{text-align:right;min-width:105px}.s2-value strong{display:block;font-size:19px;white-space:nowrap}.s2-value small{color:#91b1c4;font-size:10px}.s2-meter{margin-top:14px}.s2-track{height:9px;border-radius:50px;background:linear-gradient(90deg,#193b53,#32677a);position:relative;margin:0 4px 8px}.s2-track i{position:absolute;top:-3px;width:3px;height:15px;border-radius:2px}.s2-player{background:#56ebc8}.s2-reference{background:#ffc65b}.s2-scale{display:flex;justify-content:space-between;color:#8daabd;font-size:9px;gap:8px}.s2-deep{border-top:1px solid #2c4659;margin-top:10px;padding-top:8px;color:#abc7d7}.s2-deep>summary{font-size:11px;cursor:pointer}.s2-deep p{font-size:10px}.s2-button{margin:6px 6px 0 0;font-size:11px;white-space:normal}.s2-overview-lower{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.s2-compact{background:#091725;border:1px solid #254159;border-radius:9px;padding:12px;margin-bottom:8px;display:grid;gap:6px}.s2-compact b{font-size:13px}.s2-compact span{font-size:12px;color:#d5e9f5}.s2-compact small{color:#86a5ba;font-size:10px}.s2-absent{padding:15px;border:1px dashed #3a5469;border-radius:9px;color:#9db4c6;margin:10px 0}.s2-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.s2-details-summary{cursor:pointer;font-size:15px;font-weight:700}.s2-sub{border-top:1px solid #274055;margin-top:9px;padding:10px 0}.s2-sub>summary{cursor:pointer;color:#c4deef;font-weight:600}.s2-power-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.s2-power-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border:1px solid #244157;border-radius:9px;background:#091725;margin:9px 0}.s2-power-row b{display:block}.s2-power-row small{color:#91acbe;font-size:10px;display:block;margin-top:3px}.s2-power-row strong{font-size:22px}.s2-power-bar{grid-column:1/-1;border-radius:20px;height:10px;background:#254458;overflow:hidden}.s2-power-bar i{display:block;height:100%;background:linear-gradient(90deg,#2c8e78,#52ddbb);border-radius:20px}.s2-power-row details{grid-column:1/-1}.s2-pair{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:9px;align-items:center;background:#091725;border:1px solid #294358;border-radius:9px;padding:12px;margin:8px 0}.s2-pair b,.s2-pair strong{display:block;font-size:13px}.s2-pair small{font-size:9px;color:#8ba9be;display:block;margin-top:4px}.s2-dual-bars{grid-column:1/-1;display:grid;gap:4px}.s2-dual-bars span,.s2-dual-bars i{display:block;border-radius:30px;height:7px;background:#52d6b1}.s2-dual-bars i{background:#79aee2}.s2-bottom{color:#829fb3;font-size:10px;margin:12px 0}@media(max-width:960px){.s2-layout{grid-template-columns:1fr}.s2-pose-area{height:460px}}@media(max-width:650px){.s2-overview-lower,.s2-power-grid{grid-template-columns:1fr}.s2-visual-controls{grid-template-columns:1fr}.s2-pose-area{height:390px}.s2-metric-head{flex-wrap:wrap}.s2-value{text-align:left}.s2-tabs button{font-size:11px}.s2-pair{grid-template-columns:1fr 1fr}.s2-pair>div:first-child{grid-column:1/-1}}


/* Scouting 2B/2C: restrained hierarchy, same cricket-facing visual system */
.s2-context{border:1px solid #273f55;background:#0b1c2d;border-radius:12px;padding:12px;margin:10px 0}.s2-context-head,.s2-graph-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.s2-context-head small{color:#99b4c8}.s2-context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px;margin:10px 0}.s2-context-grid label,.s2-compare-controls label,.s2-graph-header label{font-size:11px;color:#a4bcd0;display:grid;gap:5px}.s2-context-grid select,.s2-compare-controls select,.s2-graph-header select{width:100%;min-width:0;background:#0a1928;color:#edf5fc;border:1px solid #34536b;border-radius:7px;padding:8px}.s2-context-note,.s2-compare-meta{font-size:10px;line-height:1.5;color:#8ea6bb;margin-top:9px}.s2-compare-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.s2-graph-card{border:1px solid #2d4b62;border-radius:12px;padding:13px;background:#0b1d2c;margin:13px 0}.s2-graph-header small{display:block;font-size:10px;color:#8fa8bc;margin-top:4px}.s2-event-plot{width:100%;min-height:310px}.s2-graph-actions{display:flex;gap:9px;flex-wrap:wrap}.s2-collapse{margin-top:10px}.s2-collapse:not([open]){padding-bottom:0}.s2-profile-column .s2-metric .s2-deep:not([open]){margin-top:6px}@media(max-width:700px){.s2-compare-controls{grid-template-columns:1fr}.s2-graph-header{display:block}.s2-graph-header label{margin-top:8px}.s2-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Scouting 2D — unified visual controls, canonical pose treatment, native evidence graphs */
.s2-visual-mode{padding:8px 12px 11px;display:grid;gap:8px;border-top:1px solid #254157}.s2-visual-mode>div{display:flex;gap:7px;flex-wrap:wrap}.s2-visual-mode button{border:1px solid #365b70;background:#0b2434;color:#bad0dd;border-radius:7px;padding:6px 11px;font-size:11px;cursor:pointer}.s2-visual-mode button.active{background:#174e47;border-color:#42cba8;color:#fff}.s2-torso{fill:rgba(117,168,194,.44);stroke:#abd4e8;stroke-width:3}.s2-head{fill:rgba(113,170,197,.15);stroke:#a7d3e8;stroke-width:4}.s2-foot{stroke-width:8;stroke:#a8cfe2}.s2-video,.s2-still{max-width:100%;max-height:100%;object-fit:contain;border-radius:5px}.s2-pose-area{overflow:hidden}.s2-pose-svg{width:100%;height:100%;max-width:600px}.s2-context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:9px}.s2-context-grid label{font-size:10px;color:#a5bdd0;display:grid;gap:5px}.s2-context-grid select{border:1px solid #2d536a;background:#081b2c;color:#e4f2f9;padding:9px;border-radius:7px;min-width:0;width:100%}.s2-inline-graph{border:1px solid #2a485d;padding:12px;border-radius:10px;margin:14px 0;background:#071828}.s2-inline-graph .s2-graph-header{display:flex;gap:15px;align-items:center;flex-wrap:wrap;justify-content:space-between}.s2-power-components{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin:12px 0}.s2-power-component{border:1px solid #29465b;padding:13px;border-radius:10px;background:#081725;display:grid;gap:6px}.s2-power-component>span{font-size:11px;color:#a3c5d8}.s2-power-component>strong{font-size:22px;color:#f3fcff}.s2-power-component>small{font-size:10px;color:#87aabd;line-height:1.45}


/* Scouting 2E: unified filtered aggregate graph with attached evidence */
.s2-graph-tools{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.s2-graph-tools label{display:flex;flex-direction:column;gap:5px;flex:1 1 185px}.s2-graph-tools select,.s2-graph-evidence select{width:100%;min-width:0}.s2-graph-evidence{border-top:1px solid #2c465a;margin-top:10px;padding-top:14px}.s2-graph-evidence h3{font-size:15px;margin:0 0 9px}.s2-graph-evidence details{margin-top:10px}.s2-power-component .s2-track{margin-top:12px}.s2-graph-evidence label{display:block;max-width:265px}@media(max-width:680px){.s2-graph-tools{display:grid;grid-template-columns:1fr}}


.s2-visual-control-panel{padding:12px;border:1px solid #34536a;border-radius:11px;margin:7px 0 13px;background:#0e2536}.s2-visual-control-panel>b{display:block;margin-bottom:8px}.s2-visual-control-panel .s2-visual-mode{border:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.s2-visual-control-panel .s2-visual-mode>div{display:flex;gap:5px;align-content:start;align-items:center;flex-wrap:wrap}.s2-visual-control-panel small{width:100%;font-size:11px;color:#9db8c9}.s2-visual-control-panel button{padding:7px 9px}@media(max-width:740px){.s2-visual-control-panel .s2-visual-mode{grid-template-columns:1fr}}


/* 2E.1 Scouting scoped controls and regression recovery */
.s2-profile-controls{display:grid;gap:10px;margin-bottom:14px}.s2-profile-controls .s2-visual-control-panel{margin:0}.s2-profile-controls .s2-event-row{margin:0}.s2-profile-controls .s2-context{margin:0}.s2-tech-hierarchy{margin-top:14px;padding-top:14px}.s2-tech-hierarchy>.s2-section{margin-top:12px}.s2-inline-graph select,.s2-graph-tools select,.s2-graph-evidence select,.s2-tech-hierarchy select{background:#0a1928!important;color:#edf5fc!important;border:1px solid #34536b!important;border-radius:7px!important;padding:9px!important;color-scheme:dark}.s2-power-legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;color:#adc6d7;font-size:10px}.s2-power-legend>span{display:flex;align-items:center;gap:6px}.s2-power-legend i{display:inline-block;width:10px;height:10px;border-radius:3px}.s2-player-dot{background:#56ebc8}.s2-reference-dot{background:#ffc65b}


/* Scouting Build 2E.2 — scoped layout-only adjustments */
.s2-profile-page>.s2-layout{align-items:stretch}
.s2-profile-page>.s2-layout>div{min-width:0}
.s2-profile-page>.s2-layout>.s2-profile-column{height:100%}
.s2-profile-page>.s2-layout>.s2-profile-column>.s2-section{height:100%;margin-bottom:0}
.s2-profile-page>.s2-profile-comparables{width:100%;margin:14px 0 0}
.s2-profile-controls>.s2-context{margin:0}
.s2-profile-controls>.s2-visual-control-panel{margin:0}
.s2-profile-controls>.s2-event-row{margin:0}
.s2-profile-page .s2-overview-lower{margin-top:14px}
@media(max-width:960px){.s2-profile-page>.s2-layout>.s2-profile-column>.s2-section{height:auto}}
/* U2/U3 additive unified investigation; existing styling and legacy pages preserved */
.inv-workspace{display:grid;gap:14px;min-width:0}.inv-workspace h1{margin:0 0 4px}.inv-section{min-width:0;padding:17px}.inv-section h2{margin:3px 0 11px;font-size:1.16rem}.inv-mode-row{display:flex;gap:7px;flex-wrap:wrap}.inv-mode-row button,.inv-phase-row button{border:1px solid #2c5064;background:#122d40;color:#c8dbe5;border-radius:9px;padding:10px 13px;cursor:pointer}.inv-mode-row button.active,.inv-phase-row button.active{background:#13554e;border-color:#47cda6;color:white}.inv-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.inv-head label{min-width:200px}.inv-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:10px}.inv-filter-grid label,.inv-tools label,.inv-series-row label,.inv-delivery-pick{min-width:0;display:grid;gap:6px;color:#b4c9d7;font-size:.79rem}.inv-filter-grid select,.inv-tools select,.inv-series-row select,.inv-delivery-pick select,.inv-head select{width:100%;max-width:100%;min-width:0;padding:9px;background:#102537;color:#f0f7fc;border:1px solid #35566b;border-radius:8px}.inv-coverage{display:flex;gap:8px;flex-wrap:wrap}.inv-coverage span{background:#102c3d;border:1px solid #284557;border-radius:8px;padding:9px 11px;color:#b9d3df;font-size:.79rem}.inv-outcome-cards{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.inv-outcome-cards>div{flex:1 1 130px;background:#102536;border:1px solid #263e52;border-radius:8px;padding:12px;display:grid;gap:5px}.inv-outcome-cards small{color:#9cb9c9}.inv-outcome-cards strong{font-size:1.2rem;color:#e6f8f2}.inv-context-message{background:#0e2433;padding:13px;color:#b7c9d4;border-radius:9px;font-size:.83rem}.inv-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.inv-links button,.inv-series-row button,.inv-evidence-row button,.inv-special button{background:#153c48;color:#bde9dc;border:1px solid #2d655e;padding:7px 10px;border-radius:7px;cursor:pointer}.inv-pitch-grid{display:grid;gap:5px;overflow-x:auto}.inv-pitch-cell{min-height:86px;display:grid;gap:3px;padding:8px;background:#123040;color:#d6e7ee;border:1px solid #315264;border-radius:6px;cursor:pointer}.inv-pitch-cell.active{background:#166150;border-color:#43cba5}.inv-pitch-cell small{font-size:.68rem}.inv-explorers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:13px;align-items:stretch}.inv-visual,.inv-graph{min-height:400px}.inv-visual-stage{min-height:300px;border-radius:9px;background:#081726;display:grid;place-items:center;overflow:hidden}.inv-source-media{max-width:100%;max-height:430px;object-fit:contain}.inv-visual-placeholder{max-width:330px;padding:24px;display:grid;gap:12px;text-align:center;color:#b9d4e1}.inv-tools{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0}.inv-tools label{flex:1 1 125px}.inv-plot{min-height:350px;width:100%}.inv-phase-row{display:flex;flex-wrap:wrap;gap:5px}.inv-phase-row button{font-size:.74rem;padding:7px}.inv-evidence{padding:16px;min-width:0}.inv-evidence>summary{cursor:pointer;color:#d6e8f1;font-weight:600}.inv-evidence-body{padding:14px 0;display:grid;gap:8px}.inv-evidence-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center;border-bottom:1px solid #274154;padding:7px}.inv-evidence-row b{word-break:break-word;font-size:.72rem}.inv-evidence-row span{font-size:.74rem}.inv-series-row{display:flex;gap:8px;align-items:end;border-top:1px solid #203b4e;padding:10px 0;flex-wrap:wrap}.inv-series-row label{flex:1 1 165px}.inv-series-dot{width:12px;height:12px;border-radius:50%;align-self:center}.inv-legacy-nav{border-top:1px solid #294457;padding:9px}.inv-legacy-nav summary{cursor:pointer;color:#a5bfcc}.inv-legacy-nav button{width:100%}@media(max-width:960px){.inv-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inv-explorers{grid-template-columns:1fr}}@media(max-width:640px){.inv-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inv-section{padding:12px}.inv-workspace{gap:10px}.inv-mode-row button{flex:1 1 120px;font-size:.78rem}.inv-outcome-cards>div{flex:1 1 105px}.inv-visual-stage{min-height:230px}.inv-series-row{align-items:stretch}.inv-head label{min-width:0;width:100%}}@media(max-width:390px){.inv-filter-grid{grid-template-columns:1fr 1fr}.inv-evidence-row{grid-template-columns:minmax(0,1fr) auto}.inv-evidence-row span{display:none}}


/* Reuse native Outcomes presentation inside the investigation without duplicate global toolbars */
.inv-native-outcome{min-width:0;margin-top:8px}.inv-native-outcome>.global-filter-panel,.inv-native-outcome>.hero,.inv-native-outcome>.eyebrow{display:none}.inv-native-outcome .pitch-map-svg{max-width:100%;height:auto}.inv-native-outcome .insight-layout{min-width:0}.inv-outcomes .inv-native-outcome>.chart-card{border-color:#294558}.inv-outcomes .inv-native-outcome .plot{min-width:0}.inv-outcomes .inv-native-outcome .pitch-zone{cursor:pointer}.inv-special-content{padding-top:14px;min-width:0}.inv-special-content .s2-profile-page,.inv-special-content .s2-section{max-width:100%}


/* R1: compact shared investigation, preserve existing Cricprocess theme */
.inv-workspace .inv-primary-modes{position:sticky;top:0;z-index:8;background:var(--bg);padding:7px 0;flex-wrap:wrap}
.inv-workspace button:not(.active):not(:hover){color:var(--text)}
.inv-workspace .inv-neutral-action,.inv-workspace .inv-series button{background:#142a40;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 11px}
.inv-workspace .inv-outcomes>summary,.inv-workspace .inv-technical-wrap>summary,.inv-pitch-details>summary{cursor:pointer;list-style:auto;font-weight:750;padding:9px 2px;color:var(--text)}
.inv-workspace .inv-technical-wrap> .inv-section{border:0;margin:6px 0;padding:10px}
.inv-workspace .inv-technical-wrap>.inv-explorers{margin-top:8px}
.inv-workspace .inv-technical-wrap .inv-visual,.inv-workspace .inv-technical-wrap .inv-graph{min-width:0}
.inv-workspace .inv-visual-gallery{display:grid;gap:8px;max-height:490px;overflow-y:auto;scrollbar-width:thin}
.inv-workspace .inv-series-visual{background:#081522;border:1px solid var(--line);border-radius:9px;padding:9px;min-width:0}
.inv-workspace .inv-series-visual-title{display:flex;gap:8px;align-items:center;margin-bottom:7px;flex-wrap:wrap}
.inv-workspace .inv-series-visual-title small{margin-left:auto;color:var(--muted)}
.inv-workspace .inv-visual-stage{min-height:0;height:245px;max-height:245px;overflow:hidden;display:flex;justify-content:center;align-items:center}
.inv-workspace .inv-visual-stage svg,.inv-workspace .inv-visual-stage img,.inv-workspace .inv-visual-stage video{max-width:100%;max-height:240px;object-fit:contain}
.inv-workspace .inv-pitch-details{margin-top:12px;padding:9px;border:1px solid var(--line);border-radius:9px}
.inv-workspace .inv-pitch-grid{display:grid;gap:4px;overflow-x:auto;max-width:100%;padding-top:7px}
.inv-workspace .inv-pitch-cell{min-width:75px;background:#10243a;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px}
.inv-workspace .inv-pitch-cell.active{border-color:var(--accent);background:#19443b}
.inv-workspace .inv-mode-row button:not(.active),.inv-workspace .inv-special button:not(.active){background:#10243a!important;color:#d4e1ed!important;border:1px solid var(--line)!important}
@media(max-width:960px){.inv-workspace .inv-primary-modes{position:static}.inv-workspace .inv-technical-wrap>.inv-explorers{grid-template-columns:1fr}.inv-workspace .inv-visual-gallery{max-height:none}.inv-workspace .inv-visual-stage{height:225px;max-height:225px}.inv-workspace .inv-mode-row{flex-wrap:wrap}.inv-workspace .inv-special-content,.inv-workspace .inv-special{min-width:0;max-width:100%;overflow-x:auto}}
@media(max-width:600px){.inv-workspace .inv-series-row{overflow-x:auto}.inv-workspace .inv-technical-wrap{padding:10px}.inv-workspace .inv-visual-stage{height:210px;max-height:210px}}


/* R2: compact side-by-side visual comparison; shared graph stays visible */
.inv-workspace .inv-visual-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible;align-content:start}
.inv-workspace .inv-series-visual{min-width:0;overflow:hidden;padding:7px}
.inv-workspace .inv-series-visual-title{font-size:11px}
.inv-workspace .inv-visual-stage{height:275px;max-height:275px;overflow:hidden}
.inv-workspace .inv-visual-stage svg,.inv-workspace .inv-visual-stage img,.inv-workspace .inv-visual-stage video{width:100%;max-height:270px;object-fit:contain}
.inv-workspace .inv-insight-bars{display:grid;gap:9px;margin:12px 0}
.inv-workspace .inv-bar-row{display:grid;grid-template-columns:minmax(95px,1fr) 2fr auto;align-items:center;gap:10px;font-size:12px}
.inv-workspace .inv-bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inv-workspace .inv-bar-track{background:#182e40;height:10px;border-radius:9px;overflow:hidden}
.inv-workspace .inv-bar-track i{display:block;height:100%;border-radius:9px}
.inv-workspace .inv-metric-insights>summary{cursor:pointer;padding:5px 0;color:var(--text);font-weight:800}
.inv-workspace .inv-tools select{min-width:0}
@media(max-width:800px){.inv-workspace .inv-technical-wrap>.inv-explorers{grid-template-columns:1fr}.inv-workspace .inv-visual-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.inv-workspace .inv-visual-gallery{grid-template-columns:1fr}.inv-workspace .inv-bar-row{grid-template-columns:1fr}.inv-workspace .inv-bar-row strong{text-align:right}}


/* R2.1 approved focused refinements */
.inv-workspace .inv-outcomes>summary,.inv-workspace .inv-technical-wrap>summary,.inv-workspace .inv-disclosure-title{list-style:none!important;display:list-item} 
.inv-workspace .inv-outcomes>summary::marker,.inv-workspace .inv-technical-wrap>summary::marker{content:''} 
.inv-workspace .inv-outcomes>summary::-webkit-details-marker,.inv-workspace .inv-technical-wrap>summary::-webkit-details-marker{display:none!important}
.inv-workspace .inv-visual-gallery.inv-gallery-single{grid-template-columns:minmax(0,1fr)!important}
.inv-workspace .inv-visual-gallery.inv-gallery-multi{grid-template-columns:repeat(2,minmax(0,1fr))}
.inv-workspace .inv-gallery-multi>.inv-series-visual:last-child:nth-child(odd){grid-column:1/-1}
.inv-workspace .inv-context>.inv-neutral-action{margin-top:14px}
.inv-workspace .inv-series-visual>.inv-delivery-pick{display:grid;gap:5px;margin:8px 0 10px;color:var(--muted);font-size:11px}
.inv-workspace .inv-series-visual>.inv-delivery-pick select{width:100%;min-width:0;background:#10283b;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px}
.inv-workspace .inv-bar-track.inv-bar-scaled{position:relative;overflow:visible}
.inv-workspace .inv-bar-scaled .inv-bar-zero{position:absolute;display:block;width:2px;height:18px;top:-4px;background:#e1eaf0!important;border-radius:0;transform:translateX(-1px);z-index:2}
.inv-workspace .inv-bar-scaled .inv-bar-measure{position:absolute;display:block;top:0;height:100%;border-radius:3px}
@media(max-width:430px){.inv-workspace .inv-visual-gallery.inv-gallery-multi{grid-template-columns:1fr}.inv-workspace .inv-gallery-multi>.inv-series-visual:last-child:nth-child(odd){grid-column:auto}}


/* R2.2 — metric semantics and unclipped named event anchors */
.inv-workspace .inv-plot-shell{display:grid;grid-template-columns:minmax(96px,118px) minmax(0,1fr);gap:6px;align-items:stretch;min-width:0}
.inv-workspace .inv-plot-shell>.inv-plot{min-width:0;width:100%}
.inv-workspace .inv-plot-shell>.inv-axis-rail{min-height:370px;font-size:10px;text-align:right;padding:18px 4px 20px 0}
.inv-workspace .inv-interpretation-note{display:grid;gap:4px;padding:11px 12px;margin:10px 0;border:1px solid #29465a;border-radius:9px;background:#0a2030;color:#b9cfda;font-size:11px;line-height:1.45}
.inv-workspace .inv-interpretation-note b{color:#e6f4f5;font-size:12px}
.inv-workspace .inv-key-event-context{font-size:11px;color:#9cb9c9;margin:10px 0 7px}
.inv-workspace .inv-event-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #284052;border-radius:8px}
.inv-workspace .inv-event-table{min-width:690px;width:100%;font-size:11px}
.inv-workspace .inv-event-table th,.inv-workspace .inv-event-table td{padding:9px;text-align:right;vertical-align:top}
.inv-workspace .inv-event-table th:first-child{text-align:left;min-width:145px}
.inv-workspace .inv-event-table td small{display:block;color:#849daf;font-size:9px;margin-top:3px}
@media(max-width:768px){.inv-workspace .inv-plot-shell{grid-template-columns:82px minmax(0,1fr);gap:2px}.inv-workspace .inv-plot-shell>.inv-axis-rail{position:static!important;width:auto!important;min-height:390px!important;background:none!important;font-size:8px!important;padding:14px 3px 24px 0!important}.inv-workspace .inv-plot{min-width:0}}
@media(max-width:420px){.inv-workspace .inv-plot-shell{grid-template-columns:68px minmax(0,1fr)}.inv-workspace .inv-plot-shell>.inv-axis-rail{font-size:7.5px!important}}


/* R2.3: compact graph interpretation and directly adjacent phase labels. */
.inv-workspace .inv-interpretation-note{display:block;margin:9px 0;padding:0;background:#0a2030}
.inv-workspace .inv-interpretation-note>summary{cursor:pointer;list-style:none;padding:9px 12px;font-weight:750;color:#dcebf1;font-size:11px}
.inv-workspace .inv-interpretation-note>summary::-webkit-details-marker{display:none}
.inv-workspace .inv-interpretation-note>summary:before{content:'›';display:inline-block;margin-right:7px;color:#42d3aa}
.inv-workspace .inv-interpretation-note[open]>summary:before{content:'⌄'}
.inv-workspace .inv-interpretation-content{display:grid;gap:5px;padding:0 12px 11px;color:#b9cfda}
.inv-workspace .inv-phase-axis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:0 22px 4px 120px;color:#b3c9d8;text-align:center;font-size:10px;line-height:1.25}
.inv-workspace .inv-phase-axis span{min-width:0;overflow-wrap:break-word}
@media(max-width:768px){.inv-workspace .inv-phase-axis{margin-left:84px;margin-right:12px;font-size:8.5px}}
@media(max-width:420px){.inv-workspace .inv-phase-axis{margin-left:70px;margin-right:6px;font-size:7.5px}}


/* R2.4 unified graph: compact axis unit, title, and distinct phase controls */
.inv-workspace .inv-chart-frame{border:1px solid #315064;border-radius:11px;background:#091c2b;padding:9px 10px 12px;margin-top:10px;min-width:0}
.inv-workspace .inv-chart-frame .inv-plot-shell{grid-template-columns:minmax(92px,110px) minmax(0,1fr);gap:8px;align-items:stretch}
.inv-workspace .inv-chart-frame .inv-plot{min-height:0;height:370px}
.inv-workspace .inv-chart-frame .inv-axis-rail{min-height:0;height:370px;padding:16px 6px 46px 0;position:relative}
.inv-workspace .inv-chart-frame .inv-phase-axis{margin:-15px 15px 0 128px;gap:4px;line-height:1.25;align-items:start}
.inv-workspace .inv-chart-frame .inv-x-axis-title{text-align:center;margin:7px 0 0 118px;color:#bdcfde;font-size:11px;font-weight:700;line-height:1.4}
.inv-workspace .inv-graph .inv-phase-row{margin:13px 0 10px;gap:6px}
.inv-workspace .inv-graph .inv-phase-row button{flex:1 1 75px;padding:8px 5px;line-height:1.2}
.inv-workspace .inv-graph .inv-interpretation-note{margin:11px 0 0}
@media(max-width:768px){.inv-workspace .inv-chart-frame{padding:7px 6px 11px}.inv-workspace .inv-chart-frame .inv-plot-shell{grid-template-columns:74px minmax(0,1fr);gap:4px}.inv-workspace .inv-chart-frame .inv-axis-rail{height:370px!important;min-height:0!important;padding:13px 3px 43px 0!important}.inv-workspace .inv-chart-frame .inv-phase-axis{margin:-12px 7px 0 84px;font-size:8px}.inv-workspace .inv-chart-frame .inv-x-axis-title{margin-left:80px;font-size:10px}}
@media(max-width:420px){.inv-workspace .inv-chart-frame .inv-plot-shell{grid-template-columns:60px minmax(0,1fr)}.inv-workspace .inv-chart-frame .inv-phase-axis{margin-left:67px;margin-right:3px;font-size:7.5px}.inv-workspace .inv-chart-frame .inv-x-axis-title{margin-left:65px}.inv-workspace .inv-graph .inv-phase-row button{flex-basis:28%}}


/* R2.7.1: value pages only; preserve generic card and grid spacing elsewhere. */
.contextual-value-page{display:flow-root}
.contextual-value-page > .card,.contextual-value-page > .grid{margin-top:0;margin-bottom:16px}
.contextual-value-page > .grid{gap:16px}
.contextual-value-page > .grid > .card{min-width:0}
.contextual-value-page > :last-child{margin-bottom:0}
@media(max-width:768px){.contextual-value-page > .card,.contextual-value-page > .grid{margin-bottom:12px}.contextual-value-page > .grid{gap:12px}}


/* C1 Outcomes coherence — constrained to Outcomes pages */
.c1-global .global-filter-row{gap:9px;margin-top:8px}.c1-global .global-filter-row label{min-width:130px;flex:1 1 140px}.c1-global .global-filter-row select{width:100%;max-width:none}.c1-advanced{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}.c1-advanced summary{cursor:pointer;color:#a8ccdb;font-weight:700;font-size:12px}.c1-advanced .global-filter-row{padding-top:8px}.c1-insight-layout{display:grid;gap:16px;margin:14px 0 20px}.c1-insight-layout>.chart-card,.c1-insight-layout>.pitch-card{min-width:0}.c1-insight-layout .insights-heading{margin-top:12px}.c1-insight-layout .insight-kind-tabs{display:flex;flex-wrap:wrap;gap:8px}.c1-insight-layout .insight-accordion{width:100%}.c1-zone-wheel{margin-top:14px;max-width:720px}.c1-zone-wheel .wagon-svg{max-width:520px}.c1-expected-note{margin-top:6px}@media(max-width:768px){.c1-global .global-filter-row label{min-width:0}.c1-zone-wheel .wagon-svg{max-width:100%}}


/* C1.1 pitch map repair: preserve data across insight/classification selections. */
.c11-pitch-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.c11-insight-toolbar{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 420px}
.c11-insight-toolbar .insight-kind-tabs{margin:0;gap:6px}
.c11-pitch-body{display:block;margin:12px 0 20px}
.c11-pitch-body .c11-insight-details{margin-top:16px}
.c11-pitch-body .c11-insight-details>.insight-kind-tabs,.c11-pitch-body .c11-insight-details>.insights-heading+.insight-kind-tabs{display:none}
.c11-benchmark-note{color:var(--muted);font-size:11px;line-height:1.5;margin:5px 0 12px}
.c11-pitch-body .pitch-zone.filtered-out rect{fill-opacity:initial!important;stroke:initial!important}
.c11-pitch-body .pitch-zone.filtered-out text{display:initial!important}
.c11-pitch-body .pitch-zone.filtered-out{pointer-events:auto!important}
@media(max-width:768px){.c11-insight-toolbar{flex-basis:100%}.c11-pitch-toolbar .graph-controls select{min-width:110px}}


/* Q1 selected profile and descriptive biomechanics scale */
.profile-mode-tabs{margin:12px 0 8px;display:flex;flex-wrap:wrap;gap:8px}
.q1-meter-ends{display:flex;justify-content:space-between;font-size:11px;color:#a6bfd0;gap:15px;margin:6px 4px}
.q1-reference-track{height:14px;position:relative;margin:25px 12px 22px;border-radius:12px;background:linear-gradient(90deg,#1e4c60,#2b6670,#375367);border:1px solid #436477}
.q1-reference-track i{position:absolute;width:3px;height:30px;top:-9px;border-radius:2px}
.q1-reference-player{background:#42d3aa;box-shadow:0 0 0 2px #0d2030}
.q1-reference-peer{background:#efc261;box-shadow:0 0 0 2px #0d2030}
.q1-reference-legend{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0 14px;font-size:12px;color:#d9e8f1}
.q1-reference-legend span{display:flex;gap:7px;align-items:center}
.q1-reference-legend i{display:inline-block;height:10px;width:10px;border-radius:50%}
.q1-legend-player{background:#42d3aa}.q1-legend-peer{background:#efc261}
.inv-native-outcome .outcome-family-block{margin:10px 0}
.inv-native-outcome .profile-pitch-grid{min-width:0}


/* Q1 recovery: embedded profile only; preserve standalone Outcomes styling */
.inv-embedded-profile,.inv-embedded-profile .outcome-family-block,.inv-embedded-profile .profile-pitch-grid,.inv-embedded-profile .pitch-tile-grid,.inv-embedded-profile .pitch-insight-tile{min-width:0;max-width:100%}
.inv-embedded-profile .inv-outcome-family{width:100%;margin:12px 0 20px}
.inv-embedded-profile .profile-pitch-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.85fr);align-items:start}
.inv-embedded-profile .pitch-tile-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}
.inv-embedded-profile .pitch-insight-tile{grid-template-columns:110px minmax(0,1fr);overflow:hidden;overflow-wrap:normal}
.inv-embedded-profile .pitch-insight-tile>div{min-width:0;overflow-wrap:break-word}
.inv-embedded-profile .mini-pitch{max-width:108px}
.inv-outcome-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,470px),1fr));gap:14px}
.inv-outcome-compare-item{min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px}
.inv-outcome-compare-item .profile-pitch-grid{grid-template-columns:1fr}
.inv-outcome-compare-item .pitch-tile-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}
.inv-reference-panel .q1-meter-heading{font-size:12px;font-weight:850;margin:19px 0 9px;color:#e3f0f8}
.q1-physical-track{height:14px;position:relative;margin:15px 12px 8px;border-radius:12px;background:linear-gradient(90deg,#224d60,#2d8c82,#305269);border:1px solid #436477}
.q1-physical-track i{position:absolute;top:-6px;width:4px;height:26px;background:#42d3aa;box-shadow:0 0 0 2px #102033;border-radius:3px}
.q1-meter-interpretation{font-size:12px;font-weight:700;color:#7ce6c8;margin:8px 4px}
.inv-reference-panel .q1-reference-track{margin-top:19px}
@media(max-width:1050px){.inv-embedded-profile .profile-pitch-grid{grid-template-columns:1fr}}
@media(max-width:650px){.inv-embedded-profile .pitch-tile-grid,.inv-outcome-compare-item .pitch-tile-grid{grid-template-columns:1fr}.inv-embedded-profile .pitch-insight-tile{grid-template-columns:92px minmax(0,1fr)}.inv-embedded-profile .mini-pitch{max-width:92px}}


/* Q1 final: physical movement interpretation uses a continuous left-to-player fill. */
.q1-physical-track{overflow:visible;background:#132c3e!important;border-color:#395a70;isolation:isolate}
.q1-physical-track .q1-physical-fill{position:absolute;left:0;top:0;bottom:0;border-radius:11px;background:linear-gradient(90deg,#2a9e88,#42d3aa);z-index:1;max-width:100%}
.q1-physical-track i{z-index:2;transform:translateX(-50%);background:#a9ffdc}


/* TEAM INTELLIGENCE v1 — isolated feature namespace. */
.team-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:8px 0 20px}.team-head h1{margin:5px 0 3px;font-size:30px}.team-head p{margin:0}.team-filters{display:flex;flex-wrap:wrap;gap:10px}.team-filters label,.team-controls label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.team-filters select,.team-controls select{min-width:140px;max-width:220px;background:#081522;color:var(--text);border:1px solid var(--line);padding:9px 10px;border-radius:9px}
.team-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:18px 0}.team-kpi{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.team-kpi span{font-size:11px;color:var(--muted)}.team-kpi b{font-size:25px}.team-kpi small{color:#7d96a9}.team-kpi em{font-style:normal;font-size:10px}.team-kpi .good{color:#42d3aa}.team-kpi .bad{color:#ef767a}
.team-coverage,.team-intro,.team-residual{padding:10px 12px;border:1px solid #223c52;border-radius:10px;color:#a9bdcf;background:#091827;font-size:12px;line-height:1.5;margin:10px 0}.team-section{border:1px solid var(--line);border-radius:14px;background:var(--panel);margin:13px 0;overflow:hidden}.team-section>summary{padding:17px 18px;cursor:pointer;font-weight:800;list-style:none}.team-section>summary::after{content:'+';float:right;color:#42d3aa}.team-section[open]>summary::after{content:'−'}.team-section-body{padding:4px 18px 18px}.team-heat-scroll{overflow-x:auto}.team-heat{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(110px,1fr));align-items:stretch;gap:6px;min-width:540px}.team-heat>b{text-align:center;font-size:11px;color:#a3b9ca;padding:8px}.team-heat>span{font-size:12px;align-self:center}.team-heat-label{font-size:10px}.team-heat-cell{border:1px solid #35516a;border-radius:9px;display:grid;align-content:center;gap:4px;color:#e8f2fc;cursor:pointer;padding:12px 7px;text-align:center}.team-heat-cell.selected{outline:2px solid #74a8ff}.team-heat-cell small{color:#9bb5ca;font-size:10px}.team-controls{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:12px}.team-controls p{font-size:11px}.team-plot{width:100%;min-height:280px}.team-contributors{display:grid;gap:4px;margin-top:10px}.team-contributors>div{display:grid;grid-template-columns:1fr 100px 85px;gap:8px;padding:7px 8px;border-bottom:1px solid #233a4c;font-size:11px}.team-contributors span{color:#98b0c4}.team-contributors strong{text-align:right}
@media(max-width:900px){.team-head{display:block}.team-filters{margin-top:12px}.team-heat{grid-template-columns:minmax(150px,1.4fr) repeat(3,minmax(95px,1fr))}.team-section-body{padding:4px 10px 14px}}
@media(max-width:600px){.team-head h1{font-size:25px}.team-filters{display:grid;grid-template-columns:1fr 1fr}.team-filters label:last-child{grid-column:span 2}.team-filters select{width:100%;max-width:none;min-width:0}.team-kpis{grid-template-columns:1fr 1fr}.team-kpi b{font-size:20px}.team-contributors>div{grid-template-columns:1fr 68px 65px;font-size:10px}}


/* Private Team + Player Intelligence refinement 2026-11-07 */
@media(max-width:768px){
  .mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;padding:5px 4px max(5px,env(safe-area-inset-bottom))!important}
  .mobile-bottom-nav button{min-width:0!important;padding:5px 1px!important;min-height:55px}
  .mobile-bottom-nav button span.nav-icon{font-size:21px!important;line-height:1}
  .mobile-bottom-nav button b{font-size:9px!important;white-space:nowrap;line-height:1.1}
  .content{padding-bottom:104px!important}
}
@media(max-width:365px){.mobile-bottom-nav button b{font-size:8px!important}}
.team-six-select button.team-action{align-self:end}
.team-section .team-plot{max-width:100%;overflow:hidden}
@media print{
  .top-shell,.desktop-primary-nav,.mobile-bottom-nav,.nav-drawer,.shell-menu-button,.team-filters,.team-action,.team-six-select,.team-phase-nav button{display:none!important}
  body,.content,.app{background:#fff!important;color:#142437!important;display:block!important}
  .app{padding:0!important}.content{max-width:none!important;margin:0!important;padding:8mm!important}
  .team-section,.team-kpi,.team-coverage{break-inside:avoid;border-color:#b7c4d0!important;color:#142437!important;background:#fff!important}
  .team-section-body{display:block!important}.team-section:not([open])>.team-section-body{display:block!important}
  .team-head{color:#142437!important}.team-plot{break-inside:avoid}
  @page{size:A4;margin:12mm}
}
/* Player Phase + Team Planning private v2: isolated presentation-only rules */
.phase-ranking-list{border:1px solid #29425a;border-radius:12px;overflow:auto;margin:16px 0;max-height:580px}
.phase-ranking-row,.phase-ranking-head{display:grid;grid-template-columns:55px minmax(150px,2fr) minmax(60px,1fr) 70px minmax(115px,1fr) 90px;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #20374b;min-width:690px;font-size:12px}
.phase-ranking-head{background:#142a3e;position:sticky;top:0;z-index:2;font-weight:800;color:#cbd8e4}.phase-ranking-row:nth-child(even){background:#102438}
.phase-ranking-row strong.phase-positive{color:#42d3aa}.phase-ranking-row strong.phase-negative{color:#ef767a}
.phase-ranking-row label{white-space:nowrap}.phase-ranking-row input[type=checkbox]{accent-color:#42d3aa}
.team-local-nav{margin:0 0 16px}.team-local-nav .section-nav{gap:6px;flex-wrap:wrap}.team-local-nav button{white-space:nowrap}
.team-six-select input{min-width:170px;max-width:100%;border:1px solid #2e4c64;background:#081522;color:#eef4fb;border-radius:8px;padding:8px}
@media(max-width:650px){.team-local-nav .section-nav{display:flex;overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x proximity}.team-local-nav button{flex:none;scroll-snap-align:start}}

/* Private correction: native Phase Intelligence and manual Squad Builder */
.cp-control-row,.cp-action-row,.cp-contrib-buttons{display:flex;flex-wrap:wrap;align-items:end;gap:9px;margin:12px 0}
.cp-control-row label,.cp-input-label{display:grid;gap:6px;font-size:12px;color:#a9c3d4}
.cp-control-row select,.cp-input-label input,.cp-input-label select,.cp-over-grid input{background:#081522!important;color:#e7f3fc!important;border:1px solid #38536a!important;border-radius:8px;padding:9px;font:inherit}
.cp-input-label input{width:100%;box-sizing:border-box}
.cp-control-row .cp-check{display:flex;align-items:center;gap:6px}
.cp-check input{accent-color:#42d3aa}
.cp-panel{background:#0d1b2b;border:1px solid #29445d;border-radius:13px;padding:15px;margin:14px 0}
.cp-panel h3{margin:0 0 10px;font-size:16px;color:#e8f4fd}
.cp-notice{padding:12px;margin:12px 0;color:#b8cbdb;background:#0b2030;border:1px solid #2d5065;border-radius:9px;font-size:12px;line-height:1.6}
.cp-phase-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0}
.cp-phase-card{padding:15px;background:#102638;border:1px solid #315169;border-radius:10px;display:grid;gap:7px}
.cp-phase-card b{font-size:24px}.cp-phase-card small{font-size:10px;color:#aac1d2}.cp-positive{color:#42d3aa!important}.cp-negative{color:#ef767a!important}
.cp-squad-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:14px}
.cp-squad-row{display:grid;grid-template-columns:22px minmax(0,1fr) 28px 28px 28px;align-items:center;gap:7px;padding:8px;border-bottom:1px solid #244052;min-width:0}
.cp-squad-row b{font-size:12px;white-space:normal}.cp-slot{font-size:12px;color:#8da6b8}.cp-squad-row button{color:#e4f0fa;background:#152c40;border:1px solid #345169;border-radius:6px;min-height:28px;cursor:pointer}
.cp-player-matches{max-height:190px;overflow:auto;border:1px solid #2d485f;border-radius:8px;margin:10px 0}.cp-player-matches button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#0e2435;color:#e2edf8;border:0;border-bottom:1px solid #2b4255;text-align:left;padding:9px 12px;cursor:pointer}.cp-player-matches button:hover{background:#173a47}.cp-player-matches small{color:#92b7ca}.cp-player-matches span{color:#42d3aa}
.cp-phase-detail{border:1px solid #2b495f;border-radius:9px;margin-bottom:9px;overflow:hidden}.cp-phase-detail summary{padding:12px;color:#e9f4fd;cursor:pointer;background:#122b3c;font-weight:700}.cp-alloc-inner{padding:12px;display:grid;gap:11px}.cp-player-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cp-player-checks label{font-size:11px;display:flex;align-items:center;gap:7px}.cp-player-checks input{accent-color:#42d3aa}.cp-over-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cp-over-grid label{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px}.cp-over-grid input{max-width:65px;width:60px}.cp-condition-grid{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.cp-condition-grid span{padding:7px 10px;border-radius:6px;font-size:11px;background:#122e3c}.cp-valid{color:#42d3aa}.cp-invalid{color:#ef767a}.cp-table-wrap{overflow:auto}.cp-table{border-collapse:collapse;width:100%;min-width:780px}.cp-table th,.cp-table td{border-bottom:1px solid #28445b;text-align:left;padding:10px 8px;font-size:11px}.cp-table th{background:#163148;color:#d4ecfd}.cp-contrib-buttons button{white-space:nowrap}
@media(max-width:800px){.cp-squad-layout{grid-template-columns:1fr}.cp-phase-cards{grid-template-columns:1fr}.cp-player-checks,.cp-over-grid{grid-template-columns:1fr}.cp-squad-row{grid-template-columns:20px minmax(0,1fr) repeat(3,30px)}}
@media print{.cp-action-row,.cp-player-matches,.cp-phase-detail summary{display:none!important}.cp-panel{break-inside:avoid}}

/* 2026-11-08 approved workspace-first navigation and phase-first squad controls */
.cp-workspace-home{max-width:1030px;min-height:calc(100vh - 200px)}
.cp-workspace-home h1{max-width:870px;margin:10px 0 10px;font-size:clamp(30px,4vw,46px)}
.cp-workspace-home>.muted{max-width:680px;margin-bottom:24px}
.cp-workspace-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;text-align:left}
.cp-workspace-choices button{display:grid;gap:8px;position:relative;min-height:115px;background:#0e2436;border:1px solid #315169;color:#e8f4fd;padding:18px 45px 18px 19px;text-align:left;border-radius:14px;cursor:pointer}
.cp-workspace-choices button:hover,.cp-workspace-choices button:focus-visible{border-color:#42d3aa;background:#143548}
.cp-workspace-choices strong{font-size:17px}.cp-workspace-choices small{color:#a9bfd2;line-height:1.5}.cp-workspace-choices button>span{position:absolute;right:19px;top:35px;color:#42d3aa;font-size:21px}
.cp-workspace-choices button:last-child{grid-column:1/-1}
.cp-start-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.cp-start-choice{display:grid;gap:6px;text-align:left;padding:15px;background:#10283b;color:#e9f4fd;border:1px solid #325269;border-radius:12px;cursor:pointer}
.cp-start-choice.selected{border-color:#42d3aa;box-shadow:inset 0 0 0 1px #42d3aa}.cp-start-choice:disabled{opacity:.45;cursor:not-allowed}.cp-start-choice small{color:#a9c0d3}
.cp-squad-row{grid-template-columns:28px minmax(0,1fr) 76px 30px 30px 30px}.cp-squad-row button{padding:6px}
.cp-impact-row{background:#102638;border:1px solid #2e5065;border-radius:12px;padding:12px;margin:14px 0}
.cp-batting-exposure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cp-share-row{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #203d50;font-size:11px}
.cp-bowling-phase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.cp-bowl-phase{background:#102638;border:1px solid #315169;border-radius:12px;padding:13px;min-width:0}.cp-bowl-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.cp-bowl-head h4{font-size:14px;margin:0}.cp-bowl-head small{font-size:10px;color:#a9c0d3}.cp-bowl-head strong{white-space:nowrap;font-size:13px}
.cp-bowler-select{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:8px;margin:9px 0}.cp-bowler-select span{font-size:12px}.cp-bowler-select select,.cp-bowl-phase .cp-input-label select{width:100%;background:#102b3e;color:#f0f7fd;border:1px solid #416079;border-radius:8px;padding:8px;min-height:36px}
.cp-bowl-phase .cp-input-label{display:block;margin-top:12px;font-size:11px;color:#adc4d6}.cp-bowl-phase .cp-input-label select{margin-top:6px}
@media(max-width:850px){.cp-bowling-phase-grid,.cp-batting-exposure{grid-template-columns:1fr}.cp-squad-row{grid-template-columns:22px minmax(0,1fr) 64px repeat(3,28px)}}
@media(max-width:540px){.cp-workspace-choices,.cp-start-choices{grid-template-columns:1fr}.cp-workspace-choices button:last-child{grid-column:auto}.cp-workspace-choices button{min-height:96px}}

/* Strategy B: standalone public CTA; canonical private CSS is untouched. */
.cp-public-cta{position:fixed;z-index:90;right:22px;bottom:25px;border:1px solid #52e2bb;background:#126d60;
color:#fff;border-radius:12px;font-weight:750;font-size:13px;padding:13px 18px;text-decoration:none;
box-shadow:0 10px 30px #0008}.cp-public-cta:hover{background:#168b77}
@media(max-width:768px){.cp-public-cta{bottom:78px;right:12px;padding:10px 13px;font-size:11px}}
