#training-prep{position:absolute;inset:0;z-index:70;display:grid;place-items:center;padding:clamp(10px,2vw,26px);background:#050e16ec;color:#ede7d7}
#training-prep[hidden]{display:none}
.training-prep-card{width:min(1080px,100%);height:100%;max-height:800px;display:flex;flex-direction:column;border:1px solid #9f8752;background:linear-gradient(145deg,#182932,#0b171e);box-shadow:0 12px 65px #0009;min-height:0;overflow:hidden}
.training-prep-card header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid #9f875244}.training-prep-card header small{color:#bba574;font-size:9px;letter-spacing:3px}.training-prep-card h2{font-size:26px;margin:5px 0}.training-prep-card header p{margin:0;font-size:13px}.training-prep-card header p span{color:#99acae;margin:0 12px}
.training-prep-card button{font:inherit;color:inherit;cursor:pointer;border:1px solid #68808066;background:#111e26;padding:9px 12px}.training-prep-card button:hover{background:#2c4045;border-color:#d6bc7e}.training-prep-card button[aria-pressed=true]{border-color:#dcc180;background:#334748;box-shadow:inset 0 0 0 1px #dcc18066}.training-prep-card button:disabled{opacity:.5;cursor:wait}
.training-tabs{display:flex;gap:12px;padding:12px 24px;border-bottom:1px solid #9f875233}.training-tabs button{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px}.training-tabs small{font-size:11px;color:#afbfbb}
.training-prep-body{display:grid;grid-template-columns:190px 1fr;min-height:0;flex:1}.training-preview{padding:20px;border-right:1px solid #9f875233;text-align:center}.training-preview img{width:118px;height:135px;object-fit:contain;image-rendering:pixelated}.training-preview h3{font-size:17px;margin:8px 0 16px}.training-preview dl{display:grid;grid-template-columns:1fr auto;text-align:left;font-size:12px;gap:8px}.training-preview dd{margin:0;color:#e6cb90}.training-preview p{color:#a9b9b8;font-size:11px;line-height:1.8;text-align:left}
.training-equipment{overflow:auto;padding:16px 20px;overscroll-behavior:contain;scrollbar-color:#77887d #111d23}.training-round{margin-bottom:22px}.training-round-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.training-round-title h3{margin:0;font-size:14px;letter-spacing:1px;color:#dfc58a}.training-round-title button{font-size:11px;padding:5px 10px}.training-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.training-options>button{display:grid;grid-template-columns:44px 1fr;gap:5px 8px;text-align:left;align-content:start;padding:10px;min-width:0}.training-options strong{font-size:13px;align-self:center}.training-options>button>span:not(.upgrade-art){grid-column:1/-1;font-size:11px;line-height:1.6;color:#bdcbc7}.training-options small{grid-column:1/-1;text-align:right;font-size:10px;color:#dec693}.training-options .upgrade-art{width:44px!important;height:44px!important;margin:0!important;background-size:300% 300%;display:block}.training-options .upgrade-art svg{width:100%;height:100%}
.training-prep-card footer{padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #9f875244}.training-prep-card footer p{font-size:12px;line-height:1.6;margin:0}.training-prep-card footer p span{font-size:10px;color:#9fb1b0}.training-prep-card footer .primary-button{background:#cfdfce;color:#152d2e;min-width:180px;white-space:nowrap}.training-error{margin:0;color:#f3b1a1;text-align:center;font-size:12px}
#training-hud{position:absolute;inset:0;pointer-events:none;z-index:12}.training-score{position:absolute;right:3%;top:5%;width:230px;padding:14px 18px;background:#0b1923e8;border:1px solid #9c875a88}.training-score small{color:#d6bf87;letter-spacing:2px;font-size:10px}.training-score strong{display:block;font-size:35px;color:#f0e9d6;font-variant-numeric:tabular-nums}.training-score p{font-size:11px;color:#b7cac7;margin:5px 0}.training-score .training-chain-track{height:3px;background:#34484b;margin-top:10px}.training-chain-track i{height:100%;display:block;background:#e0c887;transform-origin:left}.training-status{position:absolute;top:35%;left:50%;transform:translateX(-50%);background:#10232aef;border:1px solid #ba9a68;padding:15px 25px;text-align:center;font-size:15px;color:#ecdcc0}.training-exit{position:absolute;bottom:22%;left:3%;border:1px solid #d6c089;background:#152934ed;padding:12px 18px;color:#f2e3bd;pointer-events:auto;font:inherit;cursor:pointer}.training-room-label{position:absolute;left:50%;top:4%;transform:translateX(-50%);font-size:11px;letter-spacing:3px;color:#eee2c1;text-shadow:0 2px 3px #000}.training-room-label small{display:block;margin-top:5px;text-align:center;letter-spacing:1px;color:#b1c3c4;font-size:9px}
body[data-flow=TRAINING] .footer .controls,body[data-flow=TRAINING] .top-center,body[data-flow=TRAINING] #help-button{visibility:visible!important}.training-active #mission,.training-active .journey,.training-active #combo,.training-active #camp-ui,.training-active .combat-score{display:none!important}.training-active .player-hud{left:3%;top:5%;transform:scale(.8);transform-origin:top left}.training-active .ability-hud{left:3%;bottom:3%;transform:scale(.8);transform-origin:bottom left}.training-active .pause-button{right:3%;top:30%}.training-active .dialogue{max-width:58%;right:3%;bottom:17%}
@media(max-width:760px){.training-preview{display:none}.training-prep-body{grid-template-columns:1fr}.training-prep-card header,.training-prep-card footer{padding:10px 14px}.training-tabs{padding:8px 14px}.training-equipment{padding:12px}.training-options{gap:6px}.training-options>button{grid-template-columns:30px 1fr;padding:7px}.training-options .upgrade-art{width:30px!important;height:30px!important}.training-score{width:165px;padding:10px;top:4%}.training-score strong{font-size:26px}.training-active .player-hud{transform:scale(.58)}.training-room-label{display:none}.training-prep-card footer p span{display:none}.training-prep-card footer .primary-button{min-width:140px}.training-tabs button{font-size:12px}.training-prep-card h2{font-size:21px}}

.training-guard-portrait{width:118px;height:135px;image-rendering:pixelated}
.training-prep-card>header,.training-tabs,.training-prep-card>footer{flex-shrink:0}
.training-preview{min-height:0;overflow:auto}
.training-prep-card>footer{position:relative;background:#101f27;z-index:1}
/* Shared eight-row journey picker. */
#training-prep{position:fixed;inset:8px;padding:12px}
.training-workbench{padding:14px 24px;min-height:0;flex:1;overflow:auto}
.training-prep-card .uw-choice{padding:3px 5px;font-size:11px}.training-prep-card .uw-skip{padding:3px;border:0;background:transparent;font-size:9px}
.training-prep-card .uw-toolbar button,.training-prep-card .uw-pages button{padding:6px 12px;font-size:11px}
.training-prep-card .uw-choice[aria-pressed=true]{background:linear-gradient(125deg,#343227,#17262a)}
.training-prep-card .uw-toolbar{position:static}
@media(max-height:820px){.training-prep-card header{padding:12px 24px}.training-prep-card h2{font-size:22px}.training-tabs{padding:8px 24px}}
@media(max-width:580px){.training-workbench{padding:12px}.training-prep-card header small{display:none}.training-tabs button{padding:7px}.training-prep-card footer p{font-size:10px}}
@media(max-height:520px){.training-prep-card header small,.training-prep-card header p{display:none}.training-prep-card header{padding:8px 16px}.training-prep-card h2{margin:0;font-size:20px}.training-tabs{padding:6px 16px}.training-workbench{padding:8px 16px}.training-prep-card .uw-toolbar{display:none}.training-prep-card footer{padding:6px 16px}.training-prep-card footer .primary-button{padding:8px 12px}}
@media(max-height:520px){
 .training-prep-card header{padding:4px 12px}.training-prep-card header button{padding:5px 8px;font-size:11px}
 .training-tabs{padding:5px 12px}.training-tabs button{padding:5px 8px;font-size:11px;line-height:18px}
 .training-prep-card footer{padding:5px 12px}.training-prep-card footer .primary-button{padding:6px 12px;font-size:11px}
 .training-prep-card .uw-detail{min-height:126px}
}
.training-workbench{overflow:hidden}
.training-prep-card .uw-detail{min-height:0}