/* Opt-in desktop mode on a phone. Ordinary desktop styling is untouched. */
html[data-pa-desktop="true"] { min-width:1280px; }
.pa-mobile-return { position:fixed;z-index:20000;right:calc(12px * var(--pa-device-scale,1));bottom:calc(12px * var(--pa-device-scale,1));min-height:calc(40px * var(--pa-device-scale,1));padding:calc(8px * var(--pa-device-scale,1)) calc(12px * var(--pa-device-scale,1));font-size:calc(13px * var(--pa-device-scale,1));font-weight:700;border:1px solid #ffe434;border-radius:calc(9px * var(--pa-device-scale,1));background:#ffe434;color:#111;box-shadow:0 3px 18px #0008;cursor:pointer; }
.pa-mobile-legacy {padding-bottom:100px;}
.pa-mobile-legacy-toolbar {display:flex;gap:8px;align-items:center;justify-content:space-between;padding:12px 0;}
.pa-mobile-legacy-toolbar button {min-height:42px;border:1px solid #424952;background:#1b2229;border-radius:8px;color:#f6f7fa;padding:7px 10px;font-size:12px;}
.pa-mobile-legacy-toolbar strong {font-size:14px;}
.pa-mobile-legacy>p {font-size:12px;color:#acb7c4;}
.pa-mobile .pa-mobile-pitch-dialog {box-sizing:border-box;width:calc(100% - 24px);max-width:520px;max-height:85dvh;overflow:auto;margin:auto;padding:20px;border:1px solid #39444d;border-radius:16px;color:#f5f7fb;background:#11161c;}
.pa-mobile .pa-mobile-pitch-dialog::backdrop {background:#000b;}
.pa-mobile .pa-mobile-pitch-dialog h2 {font-size:20px;margin:12px 0;}
.pa-mobile .pa-mobile-pitch-dialog p,.pa-mobile .pa-mobile-pitch-dialog dt {color:#adb8c7;font-size:12px;}
.pa-mobile .pa-mobile-pitch-dialog dl>div {display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #2d3742;}
.pa-mobile .pa-mobile-pitch-dialog dd {text-align:right;font-size:14px;}
.pa-mobile .pa-mobile-pitch-dialog button {min-height:44px;border-radius:8px;border:1px solid #384450;color:#f5f7fa;background:#1b2229;padding:8px 12px;margin:8px 0;}
.pa-mobile .pa-mobile-pitch-dialog [data-mobile-video] {display:block;width:100%;background:#ffe434;color:#111;}

/* Mobile detail views keep the same calculations and scale their type to the phone. */
#app .pa-mobile-legacy {font-size:12px;line-height:1.5;min-width:0;}
#app .pa-mobile__finish-content {padding-bottom:0;}
#app .pa-mobile-legacy .runner-summary {padding:12px;border-radius:12px;}
#app .pa-mobile-legacy .runner-summary h2 {font-size:16px;line-height:1.35;}
#app .pa-mobile-legacy .analysis-heading h2 {font-size:14px;line-height:1.4;}
#app .pa-mobile-legacy .eyebrow {font-size:10px;letter-spacing:1px;}
#app .pa-mobile-legacy .count-badge {font-size:11px;}
#app .pa-mobile-legacy .decision-count-filter {position:static;display:grid;grid-template-columns:1fr;gap:7px;padding:0 0 10px;}
#app .pa-mobile-legacy .decision-count-filter-group {display:flex;flex-wrap:nowrap;gap:5px;padding:0;margin:0;border:0;min-width:0;}
#app .pa-mobile-legacy .decision-count-filter .filter-chip {min-height:36px;padding:6px 7px;font-size:11px;line-height:1.3;white-space:nowrap;border:1px solid var(--line);border-radius:7px;background:#17202a;}
#app .pa-mobile-legacy .decision-count-filter .decision-group-chip {flex:1;text-align:left;}
#app .pa-mobile-legacy .decision-count-filter .filter-chip[data-decision-count] {flex:0 0 39px;min-width:0;}
#app .pa-mobile-legacy .decision-count-filter .filter-chip.active {background:#ffe434;color:#12160e;border-color:#ffe434;}
#app .pa-mobile-legacy .finish-pitch-count-list {font-size:11px;margin:4px 0 0;}
#app .pa-mobile-legacy .runner-metrics {gap:6px;margin-top:10px;}
#app .pa-mobile-legacy .finish-pitch-metrics {grid-template-columns:repeat(6,minmax(0,1fr));}
#app .pa-mobile-legacy .finish-pitch-metrics>div {grid-column:span 2;min-width:0;}
#app .pa-mobile-legacy .finish-pitch-metrics>div:nth-child(n+4) {grid-column:span 3;}
#app .pa-mobile-legacy .runner-metrics>div {padding:8px 4px;border-radius:8px;}
#app .pa-mobile-legacy .runner-metrics strong {font-size:17px;line-height:1.2;}
#app .pa-mobile-legacy .runner-metrics span {font-size:10px;line-height:1.4;margin-top:4px;}
#app .pa-mobile-legacy .runner-metrics small {font-size:10px;line-height:1.4;}
#app .pa-mobile-legacy .pitch-type-percentages {gap:5px;margin-top:10px;}
#app .pa-mobile-legacy .pitch-type-percentages>span {font-size:11px;line-height:1.4;padding:5px 7px;min-height:27px;}
#app .pa-mobile-legacy .pitch-type-percentages b,#app .pa-mobile-legacy .pitch-type-percentages strong {font-size:11px;}
#app .pa-mobile-legacy .compact-whiff-metric {padding:7px 9px;gap:6px;}
#app .pa-mobile-legacy .compact-whiff-metric>strong {font-size:15px;}
#app .pa-mobile-legacy .compact-whiff-metric>span,#app .pa-mobile-legacy .compact-whiff-metric>small {font-size:10px;}
#app .pa-mobile-legacy .analysis-card {padding:12px;min-width:0;}
#app .pa-mobile-legacy .batter-density-layout:not(.stacked-cluster-reference) {grid-template-columns:minmax(0,1fr);}
#app .pa-mobile-legacy .density-cluster-list {gap:6px;}
#app .pa-mobile-legacy .density-cluster-card {padding:8px;grid-template-columns:24px minmax(0,1fr);gap:7px;}
#app .pa-mobile-legacy .density-cluster-card>div {gap:4px;}
#app .pa-mobile-legacy .density-cluster-card strong {font-size:12px;line-height:1.4;}
#app .pa-mobile-legacy .density-cluster-card strong small,#app .pa-mobile-legacy .density-cluster-card .density-cluster-detail {font-size:11px;line-height:1.5;}
#app .pa-mobile-legacy .density-cluster-index {width:24px;height:24px;font-size:12px;}
#app .pa-mobile-legacy .density-cluster-caption,#app .pa-mobile-legacy .density-cluster-list>p,#app .pa-mobile-legacy .density-cluster-empty,#app .pa-mobile-legacy .density-legend {font-size:11px;line-height:1.5;}
#app .pa-mobile-legacy .release-metrics-grid>div {padding:9px 7px;}
#app .pa-mobile-legacy .release-metrics-grid>div>strong {font-size:18px;}
#app .pa-mobile-legacy .release-metrics-grid>div>span,#app .pa-mobile-legacy .release-metrics-grid>div>small,#app .pa-mobile-legacy .release-table th,#app .pa-mobile-legacy .release-table td,#app .pa-mobile-legacy .release-plot-note {font-size:11px;line-height:1.5;}
#app .pa-mobile-legacy .release-table th,#app .pa-mobile-legacy .release-table td {padding:8px 6px;}

/* Decision-pitch graphics: a fixed family order, then aligned detail bars. */
#app .pa-mobile-legacy .pa-finish-chart {margin-top:16px;min-width:0;text-align:left;}
#app .pa-mobile-legacy .pa-finish-chart>header {display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 5px;}
#app .pa-mobile-legacy .pa-finish-chart h3 {margin:0;font-size:14px;line-height:1.4;color:#f3f6fa;}
#app .pa-mobile-legacy .pa-finish-chart>header>span {font-size:11px;color:#b6c2d0;white-space:nowrap;}
#app .pa-mobile-legacy .pa-finish-caption {font-size:10px;line-height:1.6;color:#97a6b8;margin:0 0 12px;}
#app .pa-mobile-legacy .pa-finish-family {--finish-color:#8392a5;border:1px solid #303b47;border-radius:9px;padding:10px;margin:0 0 10px;background:#111820;min-width:0;}
#app .pa-mobile-legacy .pa-finish-family-fast {--finish-color:#ff7a89;}
#app .pa-mobile-legacy .pa-finish-family-breaking {--finish-color:#ae90f2;}
#app .pa-mobile-legacy .pa-finish-family-off {--finish-color:#68d3c4;}
#app .pa-mobile-legacy .pa-finish-family-heading {display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:7px;}
#app .pa-mobile-legacy .pa-finish-family-heading h4 {font-size:13px;line-height:1.5;margin:0;color:var(--finish-color);}
#app .pa-mobile-legacy .pa-finish-family-heading>span {font-size:10px;color:#a8b6c7;white-space:nowrap;}
#app .pa-mobile-legacy .pa-finish-family-heading b {font-size:13px;color:#f3f6fa;margin-left:4px;font-variant-numeric:tabular-nums;}
#app .pa-mobile-legacy .pa-finish-family-track {height:7px;background:#283341;border-radius:4px;overflow:hidden;}
#app .pa-mobile-legacy .pa-finish-family-track>i {display:block;height:100%;background:var(--finish-color);border-radius:4px;}
#app .pa-mobile-legacy .pa-finish-details {margin-top:10px;padding-left:9px;border-left:2px solid var(--finish-color);}
#app .pa-mobile-legacy .pa-finish-detail {padding:10px 0;border-bottom:1px solid #27323e;}
#app .pa-mobile-legacy .pa-finish-detail:first-child {padding-top:0;}
#app .pa-mobile-legacy .pa-finish-detail:last-child {padding-bottom:0;border-bottom:0;}
#app .pa-mobile-legacy .pa-finish-detail-name {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;margin-bottom:7px;}
#app .pa-mobile-legacy .pa-finish-detail-name strong {font-size:12px;line-height:1.5;font-weight:600;color:#e3eaf3;overflow-wrap:anywhere;}
#app .pa-mobile-legacy .pa-finish-detail-name>span {font-size:10px;white-space:nowrap;color:#a8b6c7;}
#app .pa-mobile-legacy .pa-finish-detail-bars {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
#app .pa-mobile-legacy .pa-finish-metric {min-width:0;}
#app .pa-mobile-legacy .pa-finish-metric>div:first-child {display:flex;justify-content:space-between;align-items:baseline;gap:4px;margin-bottom:5px;}
#app .pa-mobile-legacy .pa-finish-metric span {font-size:10px;color:#aab8c9;}
#app .pa-mobile-legacy .pa-finish-metric b {font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#f3f6fa;}
#app .pa-mobile-legacy .pa-finish-metric>small {display:block;font-size:10px;color:#8194aa;margin-top:4px;}
#app .pa-mobile-legacy .pa-finish-track {height:5px;background:#283341;border-radius:3px;overflow:hidden;}
#app .pa-mobile-legacy .pa-finish-track>i {display:block;height:100%;background:var(--finish-color);border-radius:3px;}
#app .pa-mobile-legacy [data-finish-metric="whiff"] .pa-finish-track>i {background:#ffe434;}
#app .pa-mobile-legacy .pa-finish-empty {font-size:12px;color:#a8b6c7;padding:14px 0;line-height:1.5;}

/* One selected batter side and a compact summary on mobile. */
#app .pa-mobile__finish-heading {display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
#app .pa-mobile__finish-heading>h3 {white-space:nowrap;margin:0;}
#app .pa-mobile__finish-sides {display:flex;flex-wrap:nowrap;gap:4px;}
#app .pa-mobile__finish-sides>button {min-height:36px;min-width:60px;padding:6px 10px;font-size:12px;line-height:1.4;white-space:nowrap;border:1px solid #38434e;border-radius:7px;background:#17202a;color:#c1ccda;}
#app .pa-mobile__finish-sides>button[aria-pressed="true"] {color:#111;background:#ffe434;border-color:#ffe434;font-weight:700;}
#app .pa-mobile-legacy .pa-finish-overview {padding:9px 10px;border:1px solid #303b47;border-radius:9px;background:#111820;}
#app .pa-mobile-legacy .pa-finish-totals {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
#app .pa-mobile-legacy .pa-finish-totals>div {display:flex;justify-content:space-between;align-items:baseline;gap:3px;min-width:0;}
#app .pa-mobile-legacy .pa-finish-overview span {font-size:10px;line-height:1.4;color:#aab8c9;}
#app .pa-mobile-legacy .pa-finish-overview strong {font-size:14px;line-height:1.4;font-variant-numeric:tabular-nums;color:#f3f6fa;white-space:nowrap;}
#app .pa-mobile-legacy .pa-finish-overview small {font-size:10px;line-height:1.4;color:#91a3b8;font-weight:400;}
#app .pa-mobile-legacy .pa-finish-totals strong small {margin-left:2px;}
#app .pa-mobile-legacy .pa-finish-rates {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:1px solid #27323e;padding-top:6px;margin-top:6px;}
#app .pa-mobile-legacy .pa-finish-rates>div {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1px 3px;}
#app .pa-mobile-legacy .pa-finish-rates small {grid-column:1/-1;text-align:right;}
#app .pa-mobile-legacy .pa-finish-overview>small {display:block;margin-top:5px;}