body.trainingMode header .controls,body.trainingMode #matchStatus,body.trainingMode #battleReport,body.trainingMode #progress,body.trainingMode #oppSkills,body.trainingMode #legend,body.trainingMode #intrusionForecast{display:none!important}
body.trainingMode #lesson{padding:18px 24px}body.trainingMode #lesson p{font-size:16px;line-height:1.8}body.trainingMode #lesson h2{margin-top:10px}body.trainingMode #lesson button{min-height:44px}body.trainingMode #skillPanel{margin-bottom:24px}body.trainingMode #shoutBar{z-index:100}
@media(max-width:620px){body.trainingMode #lesson{padding:14px 16px}body.trainingMode #lesson h2{font-size:20px}body.trainingMode #lesson p{font-size:14px}body.trainingMode header h1{font-size:24px}body.trainingMode #boardCol{min-width:0}}
/* Persistent instruction dock: visible while the board is being operated. */
body.trainingMode>header{display:none!important}
body.trainingMode main{padding-top:72px!important;padding-bottom:240px!important}
body.trainingMode #lesson{position:fixed!important;left:50%!important;bottom:max(16px,env(safe-area-inset-bottom))!important;top:auto!important;transform:translateX(-50%)!important;width:min(900px,calc(100vw - 32px))!important;margin:0!important;padding:16px 22px!important;max-height:34dvh;overflow-y:auto;overscroll-behavior:contain;z-index:1050!important;border:2px solid #e6943a;box-shadow:0 8px 32px #100b1877}
body.trainingMode #lesson .tutorialProgress{font-size:12px;line-height:1.5;padding:0 0 8px;margin:0;color:#9b642a}
body.trainingMode #lesson h2{font-size:21px;margin:8px 0 6px;line-height:1.4}
body.trainingMode #lesson p{font-size:15px;line-height:1.7;margin:0 0 10px;max-width:none}
body.trainingMode #boardWrap{max-width:min(100%,calc((100dvh - 300px)*1.77778))!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:620px){body.trainingMode main{padding-top:68px!important;padding-bottom:260px!important}body.trainingMode #lesson{width:calc(100vw - 20px)!important;bottom:max(8px,env(safe-area-inset-bottom))!important;padding:12px 14px!important;max-height:38dvh}body.trainingMode #lesson h2{font-size:18px;margin:6px 0}body.trainingMode #lesson p{font-size:14px;line-height:1.6}body.trainingMode #lesson button{width:100%;margin:4px 0 0;min-height:44px}body.trainingMode #boardWrap{max-width:100%!important}}
body.trainingMode #trainingDock{display:grid;grid-template-columns:minmax(0,1fr);position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(1150px,calc(100vw - 32px));max-height:43dvh;overflow:auto;z-index:1050;gap:0;background:#fff1cd;border:2px solid #d99038;border-radius:14px;box-shadow:0 8px 30px #100b1877;box-sizing:border-box}
body.trainingMode #trainingDock.withTrainingSkills{grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr)}
body.trainingMode #trainingDock #lesson{position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border:0!important;border-radius:0;margin:0!important;padding:16px 22px!important;min-width:0}
body.trainingMode #trainingDock #skillPanel{display:none!important;margin:0!important;padding:16px!important;width:auto!important;min-width:0!important;box-sizing:border-box;border:0;border-left:1px solid #d5b77e;border-radius:0;box-shadow:none;background:#f5e2b8}
body.trainingMode #trainingDock.withTrainingSkills #skillPanel{display:block!important}
body.trainingMode #trainingDock #skillList{display:grid!important;grid-template-columns:1fr!important;gap:10px}
body.trainingMode #trainingDock #skillList .skill{margin:0!important;min-width:0;min-height:60px}
body.trainingMode main{padding-bottom:calc(var(--training-dock-height,250px) + 40px)!important}
body.trainingMode #boardWrap{max-width:min(100%,calc((100dvh - var(--training-dock-height,250px) - 110px)*1.77778))!important}
@media(max-width:700px){body.trainingMode #trainingDock,body.trainingMode #trainingDock.withTrainingSkills{grid-template-columns:1fr;width:calc(100vw - 20px);max-height:46dvh;bottom:max(8px,env(safe-area-inset-bottom))}body.trainingMode #trainingDock #lesson{padding:12px 14px!important}body.trainingMode #trainingDock #skillPanel{border-left:0;border-top:1px solid #d5b77e;padding:10px 14px!important}body.trainingMode #trainingDock #skillTitle{font-size:14px;margin:0 0 8px}body.trainingMode #boardWrap{max-width:100%!important}}
/* Replace floating UI with a single in-flow board + teaching layout. */
body.trainingMode{padding:12px!important}
body.trainingMode main{padding:62px 0 12px!important;max-width:none!important;width:100%!important;margin:0!important}
body.trainingMode #boardCol{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:18px!important;align-items:start;width:100%!important;min-width:0}
body.trainingMode #boardWrap{grid-column:1;grid-row:1;max-width:100%!important;width:100%!important;margin:0!important;align-self:start}
body.trainingMode #trainingDock,body.trainingMode #trainingDock.withTrainingSkills{position:static!important;inset:auto!important;transform:none!important;grid-column:2;grid-row:1;display:flex!important;flex-direction:column;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;z-index:auto!important;gap:0;box-shadow:0 4px 0 #b48b5444;border-radius:14px;box-sizing:border-box;min-width:0}
body.trainingMode #trainingDock #lesson{padding:20px!important}
body.trainingMode #trainingDock #lesson h2{font-size:23px;margin:10px 0 12px}
body.trainingMode #trainingDock #lesson p{font-size:16px;line-height:1.85;margin-bottom:16px}
body.trainingMode #trainingDock #lesson button{width:100%;margin:8px 0 0;box-sizing:border-box}
body.trainingMode #trainingDock #skillPanel{border-left:0!important;border-top:1px solid #d5b77e;padding:18px!important}
body.trainingMode #trainingDock #skillTitle{margin:0 0 12px;font-size:17px}
@media(min-width:1700px){body.trainingMode #boardCol{grid-template-columns:minmax(0,1fr) 400px;gap:24px!important}}
@media(max-width:1000px){body.trainingMode #boardCol{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}body.trainingMode #trainingDock,body.trainingMode #trainingDock.withTrainingSkills{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important}body.trainingMode #trainingDock.withTrainingSkills{grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr)!important}body.trainingMode #trainingDock.withTrainingSkills #skillPanel{border-top:0;border-left:1px solid #d5b77e!important}}
@media(max-width:620px){body.trainingMode{padding:8px!important}body.trainingMode main{padding-top:60px!important}body.trainingMode #boardCol{gap:10px!important}body.trainingMode #trainingDock,body.trainingMode #trainingDock.withTrainingSkills{grid-template-columns:1fr!important}body.trainingMode #trainingDock #lesson{padding:14px 16px!important}body.trainingMode #trainingDock #lesson h2{font-size:20px;margin:6px 0 8px}body.trainingMode #trainingDock #lesson p{font-size:14px;line-height:1.7;margin-bottom:10px}body.trainingMode #trainingDock.withTrainingSkills #skillPanel{border-left:0!important;border-top:1px solid #d5b77e!important;padding:12px 16px!important}}