.school-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:10px 20px;background:#19182c;border-bottom:1px solid #9281b0;box-shadow:0 6px 20px #0005;flex-wrap:wrap}
.school-bar strong{flex:1;min-width:190px;font-size:13px;color:#f0ddff}.school-bar button{min-height:44px;font-size:12px}.school-bar .school-skip{border-color:#bda5dd;color:#f3e7ff}
.school-panel{padding:22px clamp(16px,3vw,48px);background:linear-gradient(110deg,#201d35,#111c2d);border-bottom:1px solid #655a80;scroll-margin-top:90px}
.school-panel .eyebrow{color:#c8b1e9;font-size:11px;letter-spacing:.13em}.school-panel h2{margin:6px 0 12px;font-size:24px}.school-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr);gap:30px;max-width:1500px;margin:auto}.school-panel p,.school-panel li{font-size:14px;line-height:1.6;margin:7px 0}.school-panel ol{padding-left:22px}.school-panel .small{font-size:12px;color:#b8c4d8}.school-panel select{width:100%;max-width:100%;font-size:14px}.school-panel label{font-size:13px}.school-panel button{min-height:44px;margin-top:8px}.school-record{border-left:2px solid #9a87b1;padding-left:15px}.school-panel .school-note{font-size:12px;color:#d0bee6}.school-result{border-left:3px solid #c5dca9;padding:8px 14px;background:#182c2c}.school-panel #schoolFirst{font-size:12px;color:#f0d09c}.school-panel #schoolHintText{font-size:13px;color:#d4e6ef}
.battle-school #planner,.battle-school #readyPanel,.battle-school #replayPanel,.battle-school #reportPanel{scroll-margin-top:90px}.battle-school .top-actions .version{display:none}.battle-school #schoolConcept{border-top:1px solid #776487;padding-top:10px}#schoolDialog,#schoolComplete{width:min(600px,94vw)}#schoolDialog button,#schoolComplete a{margin-top:10px}#schoolDialog p,#schoolComplete p{line-height:1.6}#schoolLessonProgress{font-size:13px}#schoolSave{max-width:1500px;margin:12px auto 0}.school-panel #schoolConceptFeedback{color:#f2d49f}#schoolResult:empty{display:none}
@media(max-width:680px){.school-bar{padding:8px 10px;gap:6px}.school-bar strong{flex-basis:100%;font-size:12px}.school-bar button{flex:1;padding:6px;font-size:11px}.school-layout{grid-template-columns:1fr;gap:14px}.school-panel{padding:16px;scroll-margin-top:120px}.school-panel h2{font-size:21px}.school-panel p,.school-panel li{font-size:13px}.battle-school #planner,.battle-school #readyPanel,.battle-school #replayPanel,.battle-school #reportPanel{scroll-margin-top:120px}}