.game-mode-picker{grid-column:1/-1}.school-overlay{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;align-items:center;overflow:auto;padding:24px;background:#304c342b;touch-action:pan-y}.school-card{flex-shrink:0;width:min(100%,500px);margin-block:auto;padding:28px;background:#fcfaefed;color:#304b3d;box-shadow:0 16px 70px #1c392433}.school-card h2{margin:8px 0;font-size:32px;line-height:1.15;font-weight:650;letter-spacing:-1px}.school-card p{font-size:13px;line-height:1.6;color:#677767}.school-eyebrow{display:flex;align-items:center;gap:9px;color:#9b6446;font:10px monospace;letter-spacing:1.2px}.school-intro{text-align:center}.school-intro .school-eyebrow{justify-content:center}.school-lesson-diagram{margin:16px auto 8px;max-width:400px}.school-lesson-diagram img{display:block;width:100%;height:auto;object-fit:contain}.school-briefing-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:13px 0;margin:12px 0;border-block:1px solid #dfe2d1}.school-briefing-stats b{display:block;font-size:25px;font-weight:600}.school-briefing-stats span{font-size:11px;color:#7f8975}.school-instructions{margin:14px 0 10px}.school-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;text-align:left}.school-levels legend{margin-bottom:8px;font:10px monospace;text-transform:uppercase;letter-spacing:1px;color:#788673}.school-levels label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #d7ddcb;border-radius:6px;cursor:pointer}.school-levels label.selected{border-color:#829580;background:#e8eddd}.school-levels input{accent-color:#58705b;flex-shrink:0}.school-levels b{display:block;font-size:12px}.school-levels small{display:block;color:#677767;font-size:11px;margin-top:2px}.school-controls-copy{margin-bottom:18px;font-size:11px!important}.school-primary{width:100%;min-height:46px;margin-bottom:8px}.school-personal-best{margin-block:12px;display:grid;gap:10px;font:10px monospace;line-height:1.6}.school-hud{position:absolute;z-index:7;inset:12px 12px auto;display:grid;grid-template-columns:1.3fr repeat(3,1fr) 32px;gap:16px;align-items:center;padding:12px 18px;color:#304b3d}.school-hud>div>span,.school-phase>span{display:block;font:9px monospace;letter-spacing:.6px}.school-hud strong{display:block;font:600 24px monospace;letter-spacing:-.6px}.school-hud small{font-size:11px;font-weight:400;letter-spacing:0}.school-phase{display:flex;align-items:center;gap:12px}.school-phase svg{color:#b57a4c}.school-hud>button{cursor:pointer;display:grid;place-items:center;min-height:36px;border-radius:5px}.school-hud>button:hover{background:#dfe6d2}.school-flight-tip{position:absolute;z-index:6;bottom:14px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);text-align:center;border-radius:5px;padding:7px 12px;background:#fcfaeee6;color:#485f4f;font-size:12px;pointer-events:none}.school-results{width:min(100%,880px)}.school-result-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.school-result-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 0;margin:8px 0 14px;border-block:1px solid #dfe2d1;gap:16px}.school-result-stats dt{font:9px monospace;letter-spacing:1px;color:#788673}.school-result-stats dd{font:600 29px monospace;margin-top:5px;letter-spacing:-1px}.school-result-stats small{font-size:12px;font-weight:400;letter-spacing:0}.school-view-toggle{display:flex;gap:8px}.school-view-description{margin:10px 0}.school-replay-map{width:100%;height:clamp(210px,33vh,350px);border:1px solid #d5dcc7;border-radius:6px;background:#eef0df}.school-replay-legend{display:flex;flex-wrap:wrap;gap:7px 17px;padding:10px 0;color:#71806e;font-size:10px}.school-replay-legend span{display:flex;align-items:center;gap:5px}.school-replay-legend i{display:inline-block;width:14px;height:3px;border-radius:2px}.school-replay-controls{display:flex;gap:6px;align-items:center}.school-replay-controls button,.school-replay-controls select{min-height:40px}.school-replay-controls select{border:1px solid #d4dbc8;border-radius:5px;padding:0 5px;background:#f8f8e9}.school-scrubber{flex:1;min-width:40px;display:flex;align-items:center;min-height:44px}.school-scrubber input{width:100%;accent-color:#a7734a;cursor:pointer;min-height:32px}.school-replay-controls output{width:48px;font:11px monospace;text-align:right}.school-replay-readout{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;margin:6px 0 14px;font:11px monospace!important}.school-score-note{border-top:1px solid #dfe2d1;padding-top:12px;font-size:11px!important}.school-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.school-save-note{margin-top:12px;font-size:10px!important}@media (any-pointer:coarse),(max-width:760px){.school-levels{grid-template-columns:1fr}.school-overlay{padding:12px}.school-card{padding:20px}.school-hud{gap:8px;padding:10px;grid-template-columns:1.1fr 1fr 1fr .8fr 28px}.school-hud strong{font-size:19px}.school-hud small{font-size:9px}.school-hud>div>span,.school-phase>span{font-size:8px;letter-spacing:0}.school-phase>svg{display:none}.school-hud>button{min-height:44px}.school-hud>div:nth-child(2) small{display:none}.school-flight-tip{bottom:174px;font-size:10px}.school-card h2{font-size:28px}.school-result-stats{gap:6px}.school-result-stats dt{font-size:8px;letter-spacing:0}.school-result-stats dd{font-size:21px}.school-result-stats small{font-size:9px}.school-result-stats>div:first-child small{display:block}.school-eyebrow{font-size:8px;letter-spacing:.7px}.school-result-actions>button{flex:1 1 auto;min-height:44px}.school-replay-legend{font-size:9px}}@media (max-height:800px){.school-lesson-diagram{margin-block:10px;max-width:270px}}@media (max-height:500px) and (orientation:landscape){.school-flight-tip{display:none}.school-hud{inset:6px 12px auto;padding:5px 12px}}