:root{color-scheme:dark;--ink:#eadfbe;--muted:#adaf9b;--gold:#d6b97c;--green:#a9c796;--line:#646449}
*{box-sizing:border-box}body{margin:0;background:#111812;color:var(--ink);font:15px/1.55 "Microsoft YaHei",sans-serif}button,select,.button-link{font:inherit;border:1px solid #8b7955;border-radius:4px;padding:10px 15px;background:#a4653b;color:#fff1d0;cursor:pointer;text-decoration:none}button:disabled{opacity:.45;cursor:default}.secondary,select{background:#252f25;color:#d4d7bf}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #dec789;outline-offset:3px}[hidden]{display:none!important}p,h1,h2{margin:0}.eyebrow,.panel-kicker{font-size:11px;letter-spacing:.12em;color:var(--gold)}
.training-shell{width:min(1480px,calc(100% - 40px));height:100dvh;min-height:620px;margin:auto;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px;padding:16px 0}.training-header{display:flex;align-items:center;justify-content:space-between}.training-header h1{font:700 26px/1.25 Georgia,"STSong",serif}.training-notice{color:var(--muted);font-size:12px}.lesson-nav{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.lesson-nav button{padding:8px 3px;font-size:12px;background:#253025;color:#babda6;border-color:#545d45}.lesson-nav button[aria-current=step]{background:#734a30;color:#ffe6b7;border-color:var(--gold)}
.training-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:0;border:1px solid var(--line);background:#182119;box-shadow:0 14px 40px #0006}.training-scene{position:relative;min-height:0;isolation:isolate;background:linear-gradient(0deg,#101c18ed,#14201533 70%),var(--lesson-art) center/cover}.scene-caption{position:absolute;left:20px;right:20px;top:18px;padding:10px 14px;background:#132018dc;border-left:3px solid var(--gold);color:#e0d0ad}.scene-objects{position:absolute;inset:80px 20px 36px;display:flex;align-items:center;justify-content:center;gap:16px}.scene-actor{height:min(290px,85%);max-width:45%;object-fit:contain;filter:drop-shadow(0 12px 6px #0008)}.scene-enemy{height:min(290px,85%);max-width:45%;object-fit:contain}.scene-token{max-width:116px;max-height:116px;object-fit:contain}.scene-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px;background:#122015ed;border:1px solid #bca16e;border-radius:4px}.scene-item span{font-size:14px}.scene-watermark{position:absolute;bottom:12px;left:20px;color:#cbc39e77;letter-spacing:.2em;font-size:11px}.scene-map{display:flex;align-items:center;gap:12px;width:100%;justify-content:center}.scene-node{min-width:90px;padding:20px 8px;text-align:center;background:#19281fed;border:1px solid #606e52;border-radius:8px;font-size:13px}.scene-node.target{border:2px solid #e0bb76;box-shadow:0 0 20px #d5b47055;color:#ffe8b5}.scene-arrow{color:#c6b980}.scene-gate{padding:22px;background:#111b17ee;border:1px solid var(--gold);font-size:20px;max-width:95%;text-align:center}.scene-gate small{display:block;margin-top:12px;font-size:13px;color:#c8c3a8}
.training-copy{min-height:0;display:flex;flex-direction:column;gap:10px;padding:20px 24px;position:relative}.training-copy h2{font:700 clamp(21px,2.1vw,30px)/1.3 Georgia,"STSong",serif;color:#f0dfb7}.lesson-story{font-size:14px;color:#c8c9b0;line-height:1.6}.training-stats{display:flex;gap:12px;flex-wrap:wrap;padding:8px 10px;background:#0d1913;border:1px solid #49583c;font-size:13px;color:#c9d9ba}.training-stats strong{color:#f2d99d;font-weight:500}.next-task{padding:9px 12px;border-left:3px solid var(--gold);background:#c2a26612}.lesson-goal{font-size:15px;color:#efdaac;margin-top:3px}.training-demo{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-height:44px}.training-demo button.primary{border:2px solid #e0bd80;box-shadow:0 0 0 3px #cda86918}.training-demo .result-card{border:1px solid #657952;background:#142719;padding:10px 12px;width:100%;font-size:14px}.training-feedback{color:var(--green);font-size:13px;line-height:1.55;min-height:20px}.ai-controls{display:flex;gap:10px;align-items:center;font-size:12px}.ai-controls select{padding:5px 8px;font-size:12px}.lesson-details{margin-top:auto;font-size:12px;color:var(--muted)}.lesson-details summary{cursor:pointer;color:#d7c494}.lesson-details[open]{position:absolute;z-index:2;left:24px;right:24px;bottom:18px;padding:12px;background:#111d16;border:1px solid var(--line);max-height:55%;overflow:auto;box-shadow:0 0 18px #0009}.lesson-details p{margin-top:8px;white-space:pre-line}.training-controls{display:flex;gap:10px;align-items:center}.training-controls button{padding:8px 14px;font-size:13px}#lesson-progress{flex:1;text-align:right;color:var(--muted);font-size:12px}.training-complete{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;padding:36px;background:#101b17f7;text-align:center}.training-complete h2{font:700 30px Georgia,"STSong",serif}.training-complete p{max-width:620px}.training-complete .button-link{margin-top:12px}
@media(min-width:1000px) and (max-height:760px){.training-shell{gap:7px;padding:10px 0}.training-copy{gap:8px;padding:15px 20px}.training-copy h2{font-size:24px}.lesson-story{font-size:13px}.training-header h1{font-size:24px}.scene-objects{inset:75px 16px 30px}.scene-actor,.scene-enemy{height:min(260px,85%)}button{padding:8px 12px}}
@media(max-width:900px){.training-shell{height:auto;min-height:100dvh;width:calc(100% - 24px);grid-template-rows:auto auto auto auto auto}.lesson-nav{grid-template-columns:repeat(4,1fr)}.training-stage{grid-template-columns:1fr}.training-scene{min-height:260px}.training-copy{min-height:350px}.training-controls{flex-wrap:wrap}#lesson-progress{text-align:left;order:4;flex-basis:100%}.lesson-details[open]{position:static;max-height:240px}.training-header h1{font-size:22px}.training-notice{font-size:11px}.scene-objects{inset:65px 20px 28px}.scene-actor,.scene-enemy{height:180px}.scene-node{min-width:65px;padding:15px 5px;font-size:12px}}
@media(min-width:901px) and (max-height:619px){.training-shell{height:auto;min-height:620px}.training-stage{min-height:440px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.scene-enemy-wrap{position:relative;height:290px;max-height:85%;width:45%;display:flex;align-items:center;justify-content:center}.scene-enemy-wrap .scene-enemy{height:100%;max-width:100%}.enemy-state,.scene-poison{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;padding:4px 8px;background:#142119ee;border:1px solid #698451;font-size:12px;top:0}.scene-poison{top:34px;color:#b7e894;border-color:#99b974}
@media(min-width:1000px) and (max-height:760px){.scene-enemy-wrap{height:260px}}@media(max-width:900px){.scene-enemy-wrap{height:180px}}

/* 122: recorded combat and optional, concrete cooperation cases. */
.training-battle{width:100%;height:100%;display:grid;grid-template-rows:auto auto minmax(100px,1fr) auto auto;gap:8px;min-height:0}
.training-battle-huds{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;z-index:2}
.training-fighter-health{padding:9px 10px;background:#15231deb;border:1px solid #aa926151;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 8px;font-size:12px}
.training-fighter-health strong{color:#e8d8ad}.training-health-track{width:100%;height:5px;background:#161c14;border:1px solid #8b765940}.training-health-track i{height:100%;display:block;background:#b77454;transition:width .25s}
.training-battle-intent{position:relative;z-index:2;padding:7px 10px;background:#18261de8;border-left:2px solid #ceac6f;color:#edce91;font-size:13px;line-height:1.5}
.training-fight-floor{position:relative;min-height:100px;isolation:isolate;overflow:visible}
.training-fight-floor>:is(img,svg){position:absolute;bottom:0;width:43%;height:100%;max-height:310px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 6px #0008)}
.training-player-art{left:0}.training-enemy-art{right:0}.training-enemy-art.defeated{opacity:.3;transform:rotate(14deg);transform-origin:bottom center}
.training-hit-note{position:absolute;left:20%;right:20%;top:24%;text-align:center;font-size:13px;color:#f5dfad;background:#15251de8;border:1px solid #a3905c66;padding:6px;z-index:3}
.training-battle-timeline{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;font-size:10px}.training-battle-timeline>span{padding:2px 5px;color:#9da68e;background:#111e15;border:1px solid #58664b55}.training-battle-timeline>.past{color:#c6d3ac}.training-battle-timeline>.current{border-color:#d6b97c;background:#5d5431;color:#f6e4b8}
.training-record-source{font-size:10px;text-align:center;color:#b8bda4}
[data-battle-motion=attack] .training-player-art{animation:training-strike .65s ease-in-out}[data-battle-motion=enemy] .training-enemy-art{animation:training-counter .65s ease-in-out}[data-battle-motion=defend] .training-player-art,[data-battle-motion=guard] .training-enemy-art{animation:training-guard .65s ease-in-out}
@keyframes training-strike{35%{transform:translateX(24%) rotate(5deg)}70%{transform:translateX(8%)}}
@keyframes training-counter{35%{transform:translateX(-20%) rotate(-5deg)}70%{transform:translateX(-6%)}}
@keyframes training-guard{40%{filter:drop-shadow(0 0 12px #c9d6a6)}}
.training-relay-diagram,.training-prep-case{width:100%;max-width:520px;padding:20px;border:1px solid #a5905e88;background:#15231ced;display:flex;flex-direction:column;gap:18px;text-align:center}.case-caption{font-size:12px;color:#c3b481;letter-spacing:.1em}.relay-route{display:flex;align-items:center;justify-content:center;gap:16px}.relay-route>span{padding:18px 12px;border:1px solid #9c8d5d;background:#2d3826;color:#ead6a8}.relay-route>b{color:#cbb780;font-size:24px}.training-relay-diagram p,.training-prep-case p{font-size:15px;line-height:1.7;color:#dfd7b5}.training-relay-diagram small{font-size:12px;line-height:1.8;color:#acb79e}
.prep-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:11px}.prep-flow>span{padding:7px 3px;border-bottom:2px solid #647056;color:#a8b39c}.prep-flow>.current{border-color:#dbba76;color:#f0d69c;background:#9179412b}
.prep-team{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prep-team>div{display:flex;flex-direction:column;gap:9px;padding:16px 10px;background:#233425;border:1px solid #7a896044;font-size:14px}.prep-team small{color:#c8c198}
.training-optional-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
@media(max-width:900px){.training-scene:has(.training-battle){min-height:440px}.training-scene:has(.training-prep-case){min-height:440px}.training-scene:has(.training-relay-diagram){min-height:350px}.training-battle-huds{gap:8px}.training-fighter-health{padding:7px;font-size:11px}.training-hit-note{left:10%;right:10%;font-size:12px}.training-prep-case,.training-relay-diagram{padding:14px;gap:12px}.prep-flow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.training-fight-floor>:is(img,svg){animation:none!important}.training-health-track i{transition:none}}

.training-fight-floor>.training-enemy-art{width:55%;overflow:hidden}
.training-fight-floor>.training-enemy-art.defeated{transform:none;opacity:.6}