/* Compact stage notices; full comparison stays readable at phone scale. */
.bp-changes{display:flex;flex-wrap:wrap;gap:2px 4px;margin-top:3px;line-height:1.05;font-size:clamp(14px,2.1cqw,16px)}
.bp-changes:empty{display:none}
.stat-stage{display:inline-block;font-variant-numeric:tabular-nums;border:1px solid transparent;padding:1px 3px;white-space:nowrap}
.stat-stage.up{color:#175131;background:#d5efcd;border-color:#7eab83}
.stat-stage.down{color:#812d32;background:#f8ded4;border-color:#c69891}
.stat-stage.neutral{color:#4a596b;background:#e4eaf0;border-color:#b0c0cf}
.stat-more{color:#46566b;align-self:center}
.battle-controls #battle-stats-open,.move-controls #move-stats-open{grid-column:1/-1;font-size:clamp(16px,2.4cqw,20px);border:1px solid #829bac;background:#dfebec;min-height:30px;text-align:center}
.dialogue:has(#battle-stats-open){min-height:32%;max-height:48%}
.screen:has(#battle-stats-open) .battle-panel.ally{bottom:36%}
.overlay[data-kind=battle-stats]{padding:10px 12px;scroll-padding:8px 8px 64px}
.overlay[data-kind=battle-stats] .overlay-header{margin-bottom:6px;padding-bottom:4px}
.overlay[data-kind=battle-stats] h2{font-size:24px}
.battle-stat-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:18px;line-height:1.2}
.battle-stat-table th,.battle-stat-table td{padding:5px 6px;vertical-align:middle;text-align:center;border-bottom:1px solid #b7c9d6;overflow-wrap:anywhere}
.battle-stat-table th:first-child{width:26%;text-align:left}
.battle-stat-table thead th{vertical-align:top;background:#dce7ee}
.battle-stat-table thead th:nth-child(2){border-top:3px solid #598970}
.battle-stat-table thead th:nth-child(3){border-top:3px solid #a5685b}
.battle-stat-table thead strong,.battle-stat-table thead small{display:block}
.battle-stat-table thead small,.stat-side,.stat-factor,.stat-value{font-size:16px}
.stat-side{display:block;color:#45596c;margin-bottom:4px}
.stat-value{display:block;margin-top:2px;font-variant-numeric:tabular-nums;color:#354b60}
.battle-stat-table tbody tr:focus-visible{outline:2px solid #a86030;outline-offset:-2px}
.overlay[data-kind=battle-stats] .stat-help{font-size:16px;line-height:1.25;margin:6px 0 10px}
.overlay[data-kind=battle-stats] .foot-actions{position:sticky;bottom:-10px;background:var(--paper);padding:7px 0;margin-top:8px}
.overlay[data-kind=battle-stats] .foot-actions button{min-height:40px;width:100%;text-align:center}
@container(max-width:400px){
 .screen:has(#battle-stats-open) .battle-panel.ally{bottom:48%}
 .overlay[data-kind=battle-stats]{padding:8px}
 .battle-stat-table{font-size:16px}
 .battle-stat-table th,.battle-stat-table td{padding:5px 3px}
 .battle-stat-table th:first-child{width:24%}
 .stat-factor{display:block}
 .battle-stat-table thead small{font-size:14px}
}