.battle-summary,.build-status{display:flex;flex-direction:column;gap:4px;padding:10px 13px;margin:10px 0;border:1px solid var(--line);border-radius:12px;background:var(--bg);text-align:left;font-size:13px;line-height:1.5}
.battle-summary small,.build-status small{color:var(--muted);font-size:12px}.build-status b,.school-unlock{color:var(--brand-dark)}:root.dark .build-status b,:root.dark .school-unlock{color:#fdba74}.school-unlock{font-weight:750!important}
.panel[data-tab=schools]{display:flex;flex-direction:column;max-height:100%;max-width:760px}.panel[data-tab=schools]>*{flex-shrink:0}.panel[data-tab=schools] h1{font-size:25px}.panel[data-tab=schools] .description{font-size:14px;line-height:1.5;margin:8px 0}.panel[data-tab=schools] .panel-note{display:none}
.build-guide{flex:1!important;min-height:0;overflow:auto;overscroll-behavior:contain;text-align:left;padding:3px 5px 12px 0;margin:8px 0;scrollbar-gutter:stable}.school-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.school-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px}.build-guide h2{font-size:15px;margin:12px 0 6px}.school-card h2{margin-top:0;color:var(--brand-dark)}:root.dark .school-card h2{color:#fdba74}.school-card small{color:var(--muted);font-size:12px}.build-guide p{font-size:13px;line-height:1.7;margin:7px 0}.school-chip{padding:5px 8px;background:var(--surface);border-radius:9px;font-size:11px;color:var(--brand-dark);font-weight:750}
.panel[data-tab=play] .mode-picker{margin:8px 0}.loadout{flex-wrap:wrap}
.stage-chip[data-danger=true]{color:#be123c;box-shadow:inset 0 0 0 1px #fb7185}.stage-chip[data-danger=true] i{background:#e11d48}:root.dark .stage-chip[data-danger=true]{color:#fda4af}
.app[data-state=playing] .field-top:has(.stage-chip[data-danger=true]){display:flex!important;top:auto;bottom:108px}
@media(max-width:580px){.school-grid{grid-template-columns:1fr}.panel[data-tab=schools]{padding:16px 14px}.panel[data-tab=schools] h1{font-size:21px}.panel[data-screen=upgrade],.panel[data-screen=intermission]{max-height:100%;overflow:auto}.school-chip{font-size:10px}.battle-summary{padding:8px 11px;margin:6px 0}}
@media(max-height:460px) and (min-width:600px){.panel[data-tab=play] .hero-choice canvas{display:none}.panel[data-tab=play] .journey-goals{display:none}.panel[data-tab=schools]{padding:12px 16px}.panel[data-tab=schools] h1{font-size:21px}.panel[data-tab=schools] .menu-tabs{margin:6px 0}.battle-summary{padding:6px 10px}.panel[data-screen=intermission],.panel[data-screen=upgrade]{max-height:100%;overflow:auto}}
@media(max-height:440px) and (min-width:600px){.panel[data-screen=menu][data-tab=schools]{display:flex!important;height:100%;overflow:hidden}.panel[data-tab=play] .battle-summary{grid-column:2;grid-row:4/7;margin:0;align-self:center}}