:root{--tr:#c4192d;--tb:#174b86;--tw:#fff8e8;--ink:#071426;--gold:#dfbd69}
*{box-sizing:border-box}
body{margin:0;background:#050b16;color:var(--tw)}
.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:12px 16px;background:var(--tw);color:var(--ink);font:900 .8rem Arial;transform:translateY(-160%)}.skip-link:focus{transform:none}
.training-mast{padding:clamp(26px,6vw,72px) max(4vw,24px);border-top:8px solid var(--tr);border-bottom:6px solid var(--tw);background:linear-gradient(110deg,#071d38 0 58%,#681220);box-shadow:0 5px 0 var(--tb)}
.training-mast h1{max-width:1100px;margin:.15em 0;font:900 clamp(3rem,9vw,7.5rem)/.86 Georgia;text-transform:uppercase;text-shadow:5px 5px 0 #8e1726}.training-mast>p{max-width:780px;font:700 1.1rem/1.55 Georgia}.top-return{display:flex;flex-wrap:wrap;gap:8px}.top-return a{padding:9px 12px;border:2px solid var(--tw);background:#153f72;color:#fff;font:800 .75rem Arial;text-decoration:none}.top-return a:focus-visible,.training-shell button:focus-visible,.training-shell a:focus-visible{outline:4px solid #fff;outline-offset:3px}
.training-shell{max-width:1200px;margin:auto;padding:34px 20px 80px}.training-picker{display:grid;gap:24px}.training-picker h2,.training-stage h2,.training-complete h2{margin:.2em 0;font:900 clamp(2rem,5vw,4rem)/1 Georgia}.scenario-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.scenario-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;min-height:230px;padding:18px;text-align:left;border:2px solid #7592b3;border-top:7px solid var(--tr);background:linear-gradient(140deg,#102f54,#071525);color:#fff;box-shadow:6px 6px 0 #560d19;cursor:pointer}.scenario-card:hover{transform:translateY(-2px);border-color:#fff}.scenario-card.done{border-color:#7dceaa}.scenario-card .scenario-number{color:#ff9aaa;font:900 .7rem Arial;letter-spacing:.16em}.scenario-card b{font:900 1.35rem Georgia}.scenario-card small{line-height:1.45;color:#cfdae8}.scenario-card em{font:900 .68rem Arial;letter-spacing:.1em;text-transform:uppercase;color:#7dceaa}
.training-stage{display:grid;gap:18px}.training-stage-head{display:flex;justify-content:space-between;gap:24px;align-items:start}.training-stage-head>div{max-width:760px}.training-exit,.training-actions button,.training-complete button,.training-complete a{min-height:46px;padding:11px 15px;border:2px solid var(--tw);background:#174b86;color:#fff;font:900 .78rem Arial;text-decoration:none;cursor:pointer}.training-progress{display:grid;grid-template-columns:repeat(var(--training-steps),1fr);gap:6px}.training-progress span{height:8px;background:#37475a}.training-progress span.current{background:var(--tw)}.training-progress span.done{background:var(--tr)}
.training-brief{padding:18px 20px;border-left:8px solid var(--tr);background:#102b4a}.training-brief>span{font:900 .7rem Arial;letter-spacing:.15em;color:#ff9aaa}.training-brief h3{margin:.35em 0;font:900 1.5rem Georgia}.training-brief p{max-width:850px;margin:.4em 0;line-height:1.55;color:#dbe4ef}
.training-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;border:3px solid #55718f;background:#06111f;min-height:260px}.training-zone{position:relative;display:grid;align-content:start;gap:9px;min-height:210px;padding:12px;border:2px solid #47698f;background:#0d2948}.training-zone.enemy{border-color:#b54b5c;background:#3b101b}.training-zone.contested{box-shadow:inset 0 0 0 4px var(--gold)}.training-zone h4{margin:0;font:900 1.05rem Georgia}.training-zone>small{color:#c6d2e1}.training-token{padding:10px;border:2px solid #fff;background:#eee5d2;color:#111827;box-shadow:3px 3px 0 #8e1726}.training-token.enemy{background:#d8c9c9}.training-token.structure{border-style:double;border-width:5px}.training-token.known{box-shadow:3px 3px 0 var(--gold)}.training-token b,.training-token small{display:block}.training-token small{margin-top:4px}.training-meter{display:flex;gap:10px;flex-wrap:wrap;grid-column:1/-1;padding:10px 12px;border:2px solid var(--tw);background:#143d70;font:900 .75rem Arial;letter-spacing:.05em}.training-actions{display:flex;flex-wrap:wrap;gap:10px}.training-actions button{background:#174b86}.training-actions button.expected{background:#a71931}.training-actions button:disabled{opacity:.55;cursor:not-allowed}.training-feedback{min-height:3.2rem;margin:0;padding:12px 14px;border:1px solid #6f8daf;background:#091b30;line-height:1.45}.training-feedback.success{border-color:#75cea6;color:#bff1d9}.training-feedback.correction{border-color:#ff99a8;color:#ffd2d9}
.training-complete{padding:clamp(24px,5vw,50px);border:4px solid var(--tw);border-left:12px solid var(--tb);background:linear-gradient(115deg,#143f72,#60111f);box-shadow:7px 7px 0 var(--tr)}.training-complete>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
@media(max-width:760px){.training-mast h1{overflow-wrap:anywhere}.training-stage-head{display:grid}.training-board{grid-template-columns:1fr}.training-meter{grid-column:auto}.training-actions{display:grid}.training-actions button{width:100%}.training-progress{gap:3px}.training-complete>div{display:grid}.training-complete a{text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.scenario-card:hover{transform:none}}