:root{--panel-bg:#121412c7;--panel-fg:#e8e6dc;--muted:#a9a695;--accent:#d9b44a;--gap:clamp(6px, 1.2vmin, 12px);--safe-t:calc(env(safe-area-inset-top,0px) + var(--gap));--safe-r:calc(env(safe-area-inset-right,0px) + var(--gap));--safe-b:calc(env(safe-area-inset-bottom,0px) + var(--gap));--safe-l:calc(env(safe-area-inset-left,0px) + var(--gap));--hud-font:clamp(10px, 1.5vmin, 12px);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}html,body{height:100%;color:var(--panel-fg);background:#111;margin:0;overflow:hidden}#app,#view{width:100%;height:100%;display:block;position:fixed;inset:0}#view{touch-action:none;-webkit-user-select:none;user-select:none}#loading{color:var(--muted);background:#111;place-items:center;font-size:15px;display:grid;position:fixed;inset:0}.hud-stats,.hud-help{font:var(--hud-font)/1.4 ui-monospace, Menlo, monospace;background:var(--panel-bg);pointer-events:none;border-radius:4px;padding:.33em .66em}.hud-stats{left:var(--safe-l);top:var(--safe-t);position:fixed}.hud-bottom{left:var(--safe-l);right:var(--safe-r);bottom:var(--safe-b);justify-content:space-between;align-items:flex-end;gap:var(--gap);pointer-events:none;display:flex;position:fixed}.hud-left{align-items:flex-start;gap:calc(var(--gap) * .6);flex-direction:column;flex:0 auto;min-width:0;display:flex}.hud-help{min-width:0;color:var(--muted)}.hud-help.full{white-space:pre-line;color:var(--panel-fg);z-index:2}.settings-toggle{top:var(--safe-t);right:var(--safe-r);font:inherit;color:var(--panel-fg);background:var(--panel-bg);cursor:pointer;border:1px solid #444;border-radius:4px;padding:6px 12px;font-size:13px;position:fixed}.settings-panel{top:calc(var(--safe-t) + 36px);right:var(--safe-r);background:var(--panel-bg);border:1px solid #444;border-radius:6px;width:min(340px,100vw - 32px);max-height:calc(100vh - 80px);padding:12px 14px;font-size:13px;position:fixed;overflow:auto}.settings-panel h2{color:var(--accent);margin:0 0 8px;font-size:14px}.settings-panel dl{grid-template-columns:max-content 1fr;gap:3px 10px;margin:0 0 10px;display:grid}.settings-panel dt{color:var(--muted)}.settings-panel dd{overflow-wrap:anywhere;margin:0}.settings-panel .row{align-items:center;gap:8px;margin:6px 0;display:flex}.settings-panel select{font:inherit}.settings-note{color:var(--accent);min-height:1em}.hud-attribution{color:var(--muted);pointer-events:none;background:#1214128c;border-radius:3px;flex:0 min(640px,48vw);margin-left:auto;padding:3px 6px;font-size:clamp(8px,1.1vmin,10px);line-height:1.3}.optics{pointer-events:none;position:fixed;inset:0}.fc-readout{left:50%;bottom:max(7vh, calc(env(safe-area-inset-bottom) + 3.5em));pointer-events:none;z-index:6;color:#ff5a3c;text-shadow:0 0 6px #ff46288c;white-space:nowrap;font:600 clamp(14px,2.1vh,22px)/1.2 ui-monospace,SF Mono,Menlo,monospace;position:fixed;transform:translate(-50%)}.fc-readout .fc-range{letter-spacing:.08em;font-size:1.35em}.fc-readout .fc-unit{opacity:.8;margin:0 1.2em 0 .2em}.fc-readout .fc-flags{letter-spacing:.06em;opacity:.9}.optics-mask{position:absolute;inset:0}.optics-reticle{position:absolute;inset:0;overflow:visible}.optics-reticle line,.optics-reticle polygon{stroke-linecap:butt}.optics-smear{opacity:0;background:radial-gradient(circle at 42% 38%,#120e0ac7,#080604f5);position:absolute;inset:0}.optics-cracks{opacity:0;fill:none;stroke-linejoin:round;position:absolute;inset:0;overflow:visible}.optics-cracks .shade path{stroke:#0000008c;stroke-width:2.6px}.optics-cracks .glint path{stroke:#ebe8de9e;stroke-width:.9px}.optics-reticle text{font-family:ui-sans-serif,system-ui,sans-serif;font-weight:500}.optics-reticle .halo line{stroke:#ebe6d21f;stroke-width:2.2px}.optics-reticle .halo polygon{fill:#ebe6d238;stroke:#ebe6d238;stroke-width:1.5px}.optics-reticle .halo text{fill:none;stroke:#ebe6d22e;stroke-width:2px}.optics-reticle .ink line{stroke:#0c0c0a}.optics-reticle .ink polygon,.optics-reticle .ink text{fill:#0c0c0a}.optics-cue{position:absolute;inset:0;overflow:visible}.optics-cue .cue-halo{fill:none;stroke:#0000008c;stroke-width:3.2px}.optics-cue .cue-ring{fill:none;stroke:#e69f00;stroke-width:1.6px;stroke-dasharray:3 2}.optics-cue .cue-label{fill:#e69f00;stroke:#000000b3;stroke-width:2.5px;paint-order:stroke;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:700}.hud-station{top:calc(var(--safe-t) + 2.6em);max-width:calc(100vw - var(--safe-l) - var(--safe-r));text-overflow:ellipsis;font:var(--hud-font)/1.4 ui-sans-serif, system-ui, sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--panel-bg);pointer-events:none;white-space:nowrap;border-radius:4px;padding:.25em .8em;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.hud-station.external{color:#f0c060;border:1px dashed #f0c060}.hud-crew{font:var(--hud-font)/1.5 ui-monospace, Menlo, monospace;white-space:pre;background:var(--panel-bg);pointer-events:none;border-radius:4px;padding:.4em .75em}.hud-subtitles{left:50%;bottom:calc(var(--safe-b) + 14vmin);pointer-events:none;width:min(900px, calc(100vw - var(--safe-l) - var(--safe-r)));flex-direction:column;align-items:center;gap:.25em;display:flex;position:fixed;transform:translate(-50%)}.hud-line{color:#f3f0e4;text-align:center;text-shadow:0 1px 2px #000;background:#0a0a089e;border-radius:3px;padding:.18em .7em;font:clamp(13px,2.3vmin,18px)/1.35 ui-sans-serif,system-ui,sans-serif}.hud-line .who{color:var(--muted);font-size:.82em}.hud-line .tr{font-style:italic;font-weight:600}.hud-line.commander .who{color:#d9c37a}.hud-line.gunner .who{color:#9fc4d8}.hud-line.loader .who{color:#b9d39a}.hud-line.driver .who{color:#d6a98a}.hud-line.radio{background:#0e1418b3;border-left:3px solid #6f9bb0}.hud-line.radio .who{color:#86b4c8;letter-spacing:.05em;text-transform:uppercase}.hud-line.radio .tr{letter-spacing:.01em;font-style:normal;font-weight:500}.hud-damage{font:var(--hud-font)/1.4 ui-monospace, Menlo, monospace;background:var(--panel-bg);pointer-events:none;border-left:3px solid #b06a30;border-radius:4px;grid-template-columns:max-content 1fr;align-items:center;gap:.15em .6em;padding:.4em .7em;display:grid}.hud-damage[hidden],.hud-damage .lamp[hidden]{display:none}.hud-damage .row{display:contents}.hud-damage .title{color:var(--muted);letter-spacing:.08em;font-size:.85em}.hud-damage .lamp{color:#6f8a5a;background:#28381e59;border:1px solid #3c4a32;border-radius:2px;margin-right:.4em;padding:0 .45em;display:inline-block}.hud-damage .lamp.warn{color:#1a1408;background:#d9a62e;border-color:#f0c860}.hud-damage .lamp.fail{color:#fff3ec;background:#b2362a;border-color:#e36a58}.hud-damage .lamp.fire{color:#fff3ec;background:#d2441e;border-color:#ff9a5c;grid-column:1/-1;justify-self:start;animation:.5s steps(2,jump-none) infinite lamp-flash}@keyframes lamp-flash{50%{color:#c88;background:#5a1a0e}}.hud-handles.dead{background:#3c0e0a80;border-color:#b2362a}.hud-handles.dead .hud-handles-dot{background:#b2362a}.hud-handles.dead:after{content:"OUT";color:#e36a58;letter-spacing:.1em;background:0 0;height:auto;font:700 9px ui-monospace,Menlo,monospace;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.hit-flash{pointer-events:none;opacity:0;background:radial-gradient(circle,#fff4dcc7,#ffc88c59);transition:opacity .5s ease-out;position:fixed;inset:0}.hit-flash.on{opacity:1;transition:none}.ai-debug{pointer-events:none;position:fixed;inset:0}.ai-debug canvas{width:100%;height:100%;position:absolute;inset:0}.ai-debug .panel{right:var(--safe-r);top:calc(var(--safe-t) + 44px);white-space:pre-wrap;color:#cfe0c8;background:#080e08bf;border:1px solid #405a3a;border-radius:4px;max-width:min(46vw,420px);max-height:40vh;padding:.4em .7em;font:10px/1.35 ui-monospace,Menlo,monospace;position:absolute;overflow:hidden}.hud-handles{--tx:0;--ty:0;right:var(--safe-r);bottom:calc(var(--safe-b) + 14vmin);aspect-ratio:1;pointer-events:none;background:#12141273;border:1px solid #e8e6dc59;border-radius:50%;width:clamp(40px,6.5vmin,56px);position:fixed}.hud-handles:before,.hud-handles:after{content:"";background:#e8e6dc33;position:absolute}.hud-handles:before{width:1px;top:8%;bottom:8%;left:50%}.hud-handles:after{height:1px;top:50%;left:8%;right:8%}.hud-handles-dot{left:calc(50% + var(--tx) * 42%);top:calc(50% - var(--ty) * 42%);aspect-ratio:1;background:#d9b44a;border-radius:50%;width:16%;position:absolute;transform:translate(-50%,-50%)}@media (max-height:520px){.hud-subtitles{bottom:auto;top:calc(var(--safe-t) + 5em)}.hud-attribution{font-size:7px}.hud-damage{flex-wrap:wrap;gap:2px 3px;max-width:46vw;padding:.25em .45em;display:flex}.hud-damage .row{display:contents}.hud-damage .title{display:none}.hud-damage .lamp{margin-right:0;font-size:.85em}.hud-handles{bottom:calc(var(--safe-b) + 22vmin)}}.screen{--ink:#ebe7d6;--ink-dim:#a9a695;--amber:#d9b44a;--line:#d9b44a47;--line-soft:#ebe7d624;--paper:#11130ef0;z-index:50;overscroll-behavior:contain;padding:calc(env(safe-area-inset-top,0px) + clamp(8px, 3vmin, 28px)) calc(env(safe-area-inset-right,0px) + clamp(8px, 3vmin, 28px)) calc(env(safe-area-inset-bottom,0px) + clamp(8px, 3vmin, 28px)) calc(env(safe-area-inset-left,0px) + clamp(8px, 3vmin, 28px));box-sizing:border-box;color:var(--ink);background:radial-gradient(at 50% 40%,#06070573,#060705d1);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.screen[hidden]{display:none}.end-screen,.pause-menu{background:radial-gradient(at 50% 40%,#0607058c,#060705db)}.screen-card{box-sizing:border-box;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--amber);border-radius:4px;width:min(900px,100%);margin:auto;padding:clamp(16px,3.4vmin,34px);box-shadow:0 24px 70px #0000008c}.screen-card.narrow{width:min(480px,100%)}.screen-card:focus{outline:none}.start-screen .screen-card,.end-screen .screen-card{width:min(1020px,100%)}.kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--amber);font-size:11px}.title{letter-spacing:.03em;text-transform:uppercase;margin:.15em 0 .2em;font:600 clamp(28px,6vmin,46px)/1.1 Georgia,Times New Roman,ui-serif,serif}.title.small{font-size:clamp(22px,4vmin,30px)}.setting{max-width:64ch;color:var(--ink-dim);margin:0 0 1.1em}.screen-head{letter-spacing:.18em;text-transform:uppercase;color:var(--amber);border-bottom:1px solid var(--line-soft);margin:0 0 .6em;padding-bottom:.35em;font-size:11px;font-weight:600}.hint{color:var(--ink-dim);margin:.5em 0 0;font-size:12px}.mission-choice{flex-wrap:wrap;gap:8px;margin:0 0 clamp(12px,2.4vmin,22px);display:flex}.mission-card{appearance:none;cursor:pointer;text-align:left;min-width:170px;color:var(--ink);border:1px solid var(--line-soft);background:#ebe7d60a;border-radius:3px;flex-direction:column;align-items:flex-start;gap:2px;padding:.55em 1em;display:flex}.mission-card:hover:not(.active){background:#ebe7d61a;border-color:#ebe7d659}.mission-card:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.mission-card.active{cursor:default;border-color:var(--amber);background:#d9b44a1f}.mc-title{letter-spacing:.1em;text-transform:uppercase;font:600 13px/1.2 ui-sans-serif,system-ui,sans-serif}.mc-when{color:var(--ink-dim);font-size:11px}.start-columns{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:clamp(16px,4vmin,36px);display:grid}.briefing,.intel-list{margin:0 0 1.2em;padding:0;list-style:none}.briefing li,.intel-list li{margin:0 0 .5em;padding-left:1.3em;position:relative}.briefing li:before,.intel-list li:before{content:"";border-top:2px solid var(--amber);width:.7em;position:absolute;top:.72em;left:0}.you{color:var(--ink-dim);margin:0;font-size:14px}.start-go{flex-direction:column;gap:.7em;display:flex}.start-status{min-height:1.4em;color:var(--ink-dim);font:12px/1.4 ui-monospace,Menlo,monospace}.start-status.ok{color:#aebf7c}.start-status.error{color:#e0816f}.start-controls{border-top:1px solid var(--line-soft);margin-top:clamp(14px,3vmin,26px);padding-top:.8em}.start-controls summary{cursor:pointer;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);padding:.3em 0;font-size:11px;font-weight:600}.start-controls[open] summary{margin-bottom:.6em}.screen-credits{color:var(--ink-dim);margin-top:1em;font-size:10px;line-height:1.4}.screen-foot{letter-spacing:.1em;text-transform:uppercase;color:#a9a69599;margin-top:.4em;font-size:10px}.btn{appearance:none;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:#ebe7d60d;border:1px solid #ebe7d659;border-radius:3px;padding:.65em 1.3em;font:600 13px/1.2 ui-sans-serif,system-ui,sans-serif}.btn:hover:not(:disabled){background:#ebe7d61f}.btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.btn:disabled{opacity:.45;cursor:default}.btn.primary{color:#17150c;background:var(--amber);border-color:var(--amber)}.btn.primary:hover:not(:disabled){background:#e6c25c}.btn.big{padding:.9em 1.6em;font-size:15px}.gfx-picker{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:.5em .7em;font-size:13px;display:flex}.gfx-picker select{font:inherit;color:var(--ink);background:#ebe7d614;border:1px solid #ebe7d64d;border-radius:3px;padding:.3em .5em}.gfx-picker select option{color:#111}.gfx-dyn{cursor:pointer}.ctl-card{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:.4em clamp(16px,4vmin,34px);display:grid}.ctl-head{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin:.4em 0 .5em;font-size:11px;font-weight:600}.ctl-row{align-items:baseline;gap:.8em;margin:0 0 .45em;font-size:13px;display:flex}.ctl-keys{flex-wrap:wrap;flex:0 0 8.4em;gap:3px;display:flex}.ctl-text{flex:auto;min-width:0}kbd{box-sizing:border-box;text-align:center;min-width:1.5em;color:var(--ink);background:#ebe7d617;border:1px solid #ebe7d652;border-bottom-width:2px;border-radius:3px;padding:.05em .4em;font:600 11px/1.6 ui-monospace,Menlo,monospace;display:inline-block}kbd.mouse{font-family:ui-sans-serif,system-ui,sans-serif;font-weight:500}.pause-buttons{flex-direction:column;gap:.6em;margin:1em 0 .8em;display:flex}.pause-section{border:1px solid var(--line-soft);background:#0003;border-radius:3px;margin:.4em 0 .8em;padding:.8em}.pause-section[hidden]{display:none}.end-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(16px,4vmin,36px);margin-top:.6em;display:grid}.debrief{grid-template-columns:max-content minmax(0,1fr);gap:.35em 1.2em;margin:0;font-size:14px;display:grid}.debrief dt{color:var(--ink-dim)}.debrief dd{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,Menlo,monospace;font-size:13px}.debrief .hint{grid-column:1/-1}.history{margin:0 0 .7em;font-size:13.5px}.screen-note{border-left:2px solid var(--line);color:var(--ink-dim);margin:.9em 0 0;padding-left:.8em;font-size:12px}.screen-actions{flex-wrap:wrap;align-items:center;gap:.7em 1em;margin-top:clamp(14px,3vmin,26px);display:flex}.end-screen[data-result=win] .title{color:#cdd68c}.end-screen[data-result=loss_tank] .title,.end-screen[data-result=loss_breach] .title{color:#e0907e}.dev-tag{letter-spacing:.1em;text-transform:uppercase;color:#f0c060;border:1px dashed #f0c060;border-radius:3px;margin:0 0 1em;padding:.15em .6em;font:600 10px/1.5 ui-monospace,Menlo,monospace;display:inline-block}.dev-tag[hidden]{display:none}.mission-hud{z-index:2;top:var(--safe-t);box-sizing:border-box;width:max-content;max-width:calc(100vw - var(--safe-l) - var(--safe-r) - 190px);font:var(--mh-font,12px)/1.3 ui-sans-serif, system-ui, sans-serif;color:var(--panel-fg);background:var(--panel-bg);pointer-events:none;border-bottom:2px solid #d9b44a8c;border-radius:4px;flex-direction:column;align-items:center;gap:.15em;margin:0 auto;padding:.35em .9em .4em;display:flex;position:fixed;left:0;right:0}.mission-hud[hidden]{display:none}.mission-hud[data-state=win]{border-bottom-color:#aebf7c}.mission-hud[data-state=loss_tank],.mission-hud[data-state=loss_breach]{border-bottom-color:#d2604a}.mh-head{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);white-space:nowrap;align-items:baseline;gap:.7em;font-size:1.05em;font-weight:600;display:flex}.mh-mock{letter-spacing:.08em;color:#f0c060;border:1px dashed #f0c060;border-radius:3px;padding:0 .4em;font:600 .8em/1.4 ui-monospace,Menlo,monospace}.mh-mock[hidden]{display:none}.mh-row{flex-wrap:wrap;justify-content:center;gap:.1em 1.1em;display:flex}.mh-cell{flex-direction:column;align-items:center;line-height:1.2;display:flex}.mh-cell[hidden]{display:none}.mh-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.82em}.mh-value{font-variant-numeric:tabular-nums;font:600 1.1em/1.25 ui-monospace,Menlo,monospace}.mh-cell.warn .mh-value{color:#f0a070}.mission-briefing .hud-bottom,.mission-briefing .hud-station,.mission-briefing .hud-subtitles,.mission-briefing .hud-handles,.mission-briefing .settings-toggle,.mission-briefing .settings-panel,.mission-briefing .hud-stats,.mission-ended .hud-bottom,.mission-ended .hud-station,.mission-ended .hud-subtitles,.mission-ended .hud-handles,.mission-ended .settings-toggle,.mission-ended .settings-panel{visibility:hidden}.mission-mode{--mh-font:clamp(11px, 1.75vmin, 14px)}.mission-mode .hud-stats{display:none}.mission-mode.show-stats .hud-stats{display:block}.mission-mode .hud-station{top:calc(var(--safe-t) + var(--mh-font) * 5.4)}@media (max-width:720px){.start-columns,.end-columns{grid-template-columns:minmax(0,1fr)}.start-go{order:-1}.ctl-keys{flex-basis:7em}.screen{font-size:14px}}@media (max-width:640px){.mission-hud{left:var(--safe-l);right:calc(var(--safe-r) + 84px);align-items:flex-start;width:auto;max-width:none;margin:0}.mh-head{white-space:normal}.mh-row{justify-content:flex-start;gap:.1em .9em}.mission-mode .hud-station{top:calc(var(--safe-t) + var(--mh-font) * 8.4)}}@media (max-height:520px){.mission-mode .hud-station{top:calc(var(--safe-t) + var(--mh-font) * 5.4)}}.screen-card.narrow.wide{width:min(940px,100%)}.aim-guide{font-size:14px;line-height:1.45}.aim-top{flex-wrap:wrap;align-items:flex-start;gap:1em;display:flex}.aim-sight{flex:none;width:min(380px,100%);height:auto}.aim-parts,.aim-steps{flex:260px;margin:.3em 0 .6em;padding-left:1.4em}.aim-parts li,.aim-steps li{margin:.25em 0}.aim-words{grid-template-columns:max-content 1fr;gap:.2em 1em;margin:.3em 0 0;display:grid}.aim-words dt{font-weight:600}.aim-words dd{color:var(--ink-dim);margin:0}@media (min-width:721px) and (min-height:561px){.start-screen{overflow:hidden}.start-screen .screen-card.start-card{flex-direction:column;max-height:100%;padding-top:clamp(12px,2.6vmin,28px);padding-bottom:clamp(10px,2vmin,22px);display:flex}.start-head{flex:none}.start-card .start-columns{flex:auto;grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0}.start-brief{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding-right:.6em;overflow-y:auto}.start-go{min-height:0;overflow-y:auto}.start-card .screen-credits,.start-card .screen-foot{flex:none}}@media (min-width:721px) and (max-height:900px){.start-screen .title{font-size:clamp(26px,5vmin,40px)}.start-screen .setting{margin-bottom:.7em}.start-screen .mission-choice{margin-bottom:clamp(8px,1.6vmin,16px)}}.start-brief:focus-visible{outline:1px dashed var(--line);outline-offset:2px}.start-brief .ctl-quick{margin:0 0 .8em}.start-controls summary{align-items:center;gap:.6em;display:flex}.start-btn.demoted{color:var(--ink);background:#ebe7d60d;border-color:#ebe7d680}.start-btn.demoted:hover:not(:disabled){background:#ebe7d61f}.range-entry{flex-direction:column;gap:.35em;display:flex}.range-entry .range-head{letter-spacing:.08em;text-transform:uppercase;opacity:.8;font-size:.78em}.range-entry .range-row{flex-wrap:wrap;gap:.5em;display:flex}.school-entry{text-align:left;flex-direction:column;align-items:flex-start;gap:.2em;display:flex}.school-entry .se-sub{letter-spacing:.06em;text-transform:none;opacity:.85;font-size:.8em;font-weight:500}.school-entry.featured{color:#17150c;background:var(--amber);border-color:var(--amber)}.school-entry.featured:hover{background:#e6c25c}.know-tanks{min-height:44px;color:var(--ink-dim);cursor:pointer;align-items:center;gap:.5em;font-size:13px;display:flex}.know-tanks input{width:18px;height:18px;accent-color:var(--amber)}.glyphs{vertical-align:baseline;gap:3px;margin:0 .15em;display:inline-flex}.ctl-quick .ctl-keys{flex-basis:11em;gap:3px}.ctl-quick .ctl-keys .glyphs{margin:0}.glyphs kbd.mouse{white-space:nowrap}.start-brief .you{margin-bottom:1.1em}.school-menu .screen-card{width:min(1020px,100%)}.school-basic{flex-wrap:wrap;align-items:center;gap:.6em 1.2em;margin:0 0 1.2em;display:flex}.school-basic .hint{max-width:46ch;margin:0}.school-lessons{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.lesson-card{appearance:none;cursor:pointer;text-align:left;width:100%;height:100%;min-height:44px;color:var(--ink);font:inherit;border:1px solid var(--line-soft);background:#ebe7d60a;border-radius:3px;flex-direction:column;align-items:flex-start;gap:3px;padding:.6em .9em;display:flex}.lesson-card:hover{background:#ebe7d61a;border-color:#ebe7d659}.lesson-card:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.lc-head{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);align-items:baseline;gap:.8em;font-size:11px;display:flex}.lc-min{color:var(--ink-dim)}.lc-passed{color:#56b4e9;letter-spacing:.06em}.lc-title{font:600 15px/1.25 ui-sans-serif,system-ui,sans-serif}.lc-why{color:var(--ink-dim);font-size:12.5px;line-height:1.4}.school-steps{margin:.4em 0 .6em;padding-left:1.4em}.school-steps li{margin:.35em 0}.school-intro,.school-result{z-index:52}.school-result[hidden],.school-panel[hidden]{display:none}.result-mark{letter-spacing:.08em;text-transform:uppercase;border-radius:3px;margin:.2em 0 .4em;padding:.2em .7em;font:700 16px/1.3 ui-sans-serif,system-ui,sans-serif;display:inline-block}.result-mark.pass{color:#56b4e9;border:2px solid #56b4e9}.result-mark.fail{color:#e69f00;border:2px dashed #e69f00}.result-line{margin:.2em 0 .4em}.school-panel{z-index:3;left:var(--safe-l);top:var(--safe-t);width:min(360px, calc(100vw - var(--safe-l) - var(--safe-r) - 120px));box-sizing:border-box;color:var(--panel-fg);background:var(--panel-bg);border-left:3px solid #d9b44a;border-radius:4px;padding:.55em .8em .6em;font:13px/1.4 ui-sans-serif,system-ui,sans-serif;position:fixed}.sp-head{justify-content:space-between;align-items:center;gap:.6em;display:flex}.sp-title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600}.sp-collapse,.sp-dismiss{appearance:none;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;min-width:44px;min-height:32px;color:var(--panel-fg);background:#ebe7d614;border:1px solid #ebe7d64d;border-radius:3px;padding:.2em .6em;font:600 11px/1 ui-sans-serif,system-ui,sans-serif}.sp-step{margin:.4em 0 .2em;font-size:14px}.sp-progress{color:var(--muted);font:12px/1.4 ui-monospace,Menlo,monospace}.sp-call{color:#f3f0e4;border-left:3px dashed #e69f00;margin:.1em 0 .3em;padding-left:.5em;font-size:13px}.sp-hint{background:#e69f001f;border:1px dashed #e69f00;border-radius:3px;align-items:flex-start;gap:.6em;margin-top:.55em;padding:.5em .6em;display:flex}.sp-hint[hidden]{display:none}.sp-hint-mark{color:#17150c;background:#e69f00;border-radius:50%;flex:none;place-items:center;width:1.4em;height:1.4em;font:700 12px/1 Georgia,serif;display:grid}.sp-hint-text{flex:auto}.school-panel.collapsed .sp-step,.school-panel.collapsed .sp-progress,.school-panel.collapsed .sp-call,.school-mode .hud-stats{display:none}.school-mode .hud-station{top:calc(var(--safe-t) + 2.6em)}.school-held .hud-bottom,.school-held .hud-subtitles,.school-held .hud-handles{visibility:hidden}.prompt-card,.school-panel{--ink:#ebe7d6;--ink-dim:#a9a695;--amber:#d9b44a;--line:#d9b44a47;--line-soft:#ebe7d624}.prompt-chip{z-index:4;left:50%;bottom:calc(var(--safe-b) + 26vmin);max-width:calc(100vw - var(--safe-l) - var(--safe-r) - 16px);color:#f3f0e4;text-align:center;pointer-events:none;background:#0e100cdb;border:1px solid #d9b44a99;border-radius:4px;padding:.5em 1em;font:600 clamp(13px,2vmin,16px)/1.35 ui-sans-serif,system-ui,sans-serif;position:fixed;transform:translate(-50%)}.prompt-chip[hidden],.prompt-card[hidden],.azimuth-aid[hidden]{display:none}.prompt-chip.pulse{animation:1.2s ease-in-out infinite chip-pulse}@keyframes chip-pulse{50%{border-color:#e69f00;box-shadow:0 0 0 3px #e69f0059}}@media (prefers-reduced-motion:reduce){.prompt-chip.pulse{border-width:2px;border-color:#e69f00;animation:none}}.prompt-card{z-index:5;left:50%;bottom:calc(var(--safe-b) + 22vmin);width:min(520px, calc(100vw - var(--safe-l) - var(--safe-r) - 16px));box-sizing:border-box;color:#f3f0e4;border:1px solid var(--accent);border-top:3px solid var(--accent);background:#11130ef0;border-radius:4px;padding:.8em 1em;font:14px/1.45 ui-sans-serif,system-ui,sans-serif;position:fixed;transform:translate(-50%)}.prompt-card-actions{flex-wrap:wrap;gap:.6em;margin-top:.7em;display:flex}.prompt-card .btn{min-height:44px}.mission-briefing .prompt-chip,.mission-briefing .prompt-card,.mission-briefing .azimuth-aid,.mission-ended .prompt-chip,.mission-ended .prompt-card,.mission-ended .azimuth-aid{visibility:hidden}.azimuth-aid{z-index:3;right:var(--safe-r);bottom:calc(var(--safe-b) + 14vmin + clamp(40px, 6.5vmin, 56px) + 10px);pointer-events:none;text-align:center;width:clamp(64px,10vmin,92px);position:fixed}.azimuth-aid svg{width:100%;height:auto;display:block}.az-ring{fill:#1214128c;stroke:#e8e6dc80;stroke-width:2px}.az-n{fill:#e8e6dccc;text-anchor:middle;font:600 12px ui-sans-serif,system-ui,sans-serif}.az-gun{stroke:#f3f0e4;stroke-width:4px;stroke-linecap:round}.az-call{stroke:#e69f00;stroke-width:5px;stroke-dasharray:4 3}.azimuth-label{color:#e69f00;background:#12141299;border-radius:3px;font:600 11px ui-monospace,Menlo,monospace}.hud-subtitles .hud-line{background:rgba(10, 10, 8, var(--sub-bg,.62))}.hud-subtitles[data-size=S] .hud-line{font-size:clamp(11px,1.8vmin,14px)}.hud-subtitles[data-size=L] .hud-line{font-size:clamp(16px,3vmin,24px)}.hud-line .he{font-weight:600}.a11y{flex-direction:column;gap:.5em;font-size:13px;display:flex}.a11y-row{align-items:center;gap:.7em;min-height:36px;display:flex}.a11y-label{min-width:7em;color:var(--ink-dim)}.a11y select{font:inherit;color:var(--ink);background:#ebe7d614;border:1px solid #ebe7d64d;border-radius:3px;padding:.3em .5em}.a11y select option{color:#111}.a11y-head{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin:.5em 0 .3em;font-size:11px;font-weight:600}.a11y-key{grid-template-columns:minmax(0,1fr) 5em auto;align-items:center;gap:.6em;margin:.2em 0;display:grid}.a11y-key kbd.custom{border-style:dashed;border-color:#56b4e9}.a11y-note{color:#e69f00;min-height:1.3em;font-size:12px}.btn.small{min-height:32px;padding:.45em .8em;font-size:11px}@media (max-width:720px){.mission-card{flex:96px;min-width:0;min-height:44px;padding:.45em .7em}.school-panel{width:calc(100vw - var(--safe-l) - var(--safe-r) - 96px);font-size:12px}}