.guided-lesson{position:fixed;right:25px;bottom:145px;z-index:18;width:340px;padding:19px 20px;color:#dbdfc3;background:#112521f5;border:12px solid transparent;border-image:url('/build/018bcb10e6cc60e6/assets/ui-panel.png') 16 fill stretch;box-shadow:0 15px 60px #0009}.guide-mentor{display:flex;align-items:center;gap:10px;margin-bottom:8px}.guide-mentor img{width:44px;height:44px;image-rendering:pixelated}.guide-mentor span{font:9px Georgia;color:#cca66d;letter-spacing:1px}.guide-mentor button{margin-left:auto;border:0;background:transparent;color:#9eb19a;font:10px Georgia;text-decoration:underline;cursor:pointer}.guided-lesson h2{font:normal 23px Georgia;color:#f0d9a7;line-height:1.15;margin:7px 0 14px}.guided-lesson p{font:13px/1.65 Georgia;color:#cad4b9}.guide-actions{display:flex;flex-direction:column;gap:8px;margin-top:18px}.guide-actions .btn{font-size:13px;padding:7px 10px;min-height:40px}.guide-actions>button:not(.btn){background:transparent;border:0;color:#dac095;font:12px Georgia;cursor:pointer;text-decoration:underline}.guide-paused{display:block;font:10px Georgia;color:#edbf83;margin-top:12px}.scene-home .guided-lesson{bottom:30px}.scene-expedition:has(.lesson-formation) .party-hud{filter:drop-shadow(0 0 12px #c9b56b50)}.scene-expedition:has(.lesson-route) .world-choice{filter:drop-shadow(0 0 12px #c9b56b40)}.scene-expedition:has(.lesson-battle) .tactical-hud{filter:drop-shadow(0 0 14px #dfaf7540)}.scene-expedition:has(.guided-lesson) .world-hint{display:none}.scene-expedition:has(.lesson-route) .world-choice{right:38%;width:340px}.scene-expedition:has(.lesson-reward) .world-loot{right:40%;width:285px}
@media(max-width:700px){.guided-lesson{right:12px;left:12px;bottom:155px;width:auto;max-width:390px;margin:auto;padding:13px;border-width:9px}.guided-lesson h2{font-size:20px;margin:6px 0 10px}.guided-lesson p{font-size:12px;line-height:1.5}.guide-mentor img{width:35px;height:35px}.guide-actions{margin-top:12px}.scene-expedition:has(.lesson-route) .world-choice,.scene-expedition:has(.lesson-reward) .world-loot{right:auto;opacity:.35;pointer-events:none}.scene-home .guided-lesson{bottom:22px}.scene-expedition:has(.lesson-formation) .world-choice{opacity:.35;pointer-events:none}}

.training .sidebar{visibility:hidden}.training .title-actions,.training .title-links,.training .title-forge{opacity:.2;pointer-events:none}.training[data-lesson=welcome] .guided-lesson,.training[data-lesson=battle] .guided-lesson,.training[data-lesson=progress] .guided-lesson{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 30px));box-shadow:0 0 0 100vmax #071410ba,0 15px 60px #0009}.training[data-lesson=team] .guided-lesson{bottom:25px;right:25px}.training[data-lesson=team] .departure{visibility:hidden}.training[data-lesson=team] .recruitment{padding-bottom:12px}.training[data-lesson=team] main{padding-bottom:300px}.training[data-lesson=route] .world-choice,.training[data-lesson=reward] .world-loot{opacity:.25;pointer-events:none}.training[data-lesson=formation] .party-hud{outline:1px solid #f5d199}.training .guide-actions .btn:disabled{opacity:.3}.training[data-lesson=team] .recruit-line{padding-bottom:0}@media(max-width:700px){.training[data-lesson=team] .guided-lesson{left:15px;right:15px;bottom:15px;width:auto}.training[data-lesson=team] main{padding-bottom:370px}}
.training[data-lesson=team] main>.page-intro,.training[data-lesson=team] main>.region-grid,.training[data-lesson=team] main>.panel{display:none}

.training .expedition-tools [data-act="nav"],.training .expedition-tools [data-act="help"],.training .expedition-tools [data-act="retire-confirm"]{display:none}.training:not([data-lesson="formation"]) .formation-link{visibility:hidden}
.training.scene-expedition .guided-lesson{left:25px;right:auto;top:170px;bottom:auto;transform:none;width:340px;max-height:calc(100dvh - 310px);overflow:auto;box-shadow:0 12px 35px #0008}.guided-lesson.guide-practice h2{font-size:21px}.guide-action-hint{color:#ffe1a0;font:12px/1.4 Georgia}.training .guide-practice{border-color:transparent}.training[data-lesson=equipment] .party-hud{outline:none}.training[data-lesson=bossBattle] .guided-lesson{box-shadow:0 12px 35px #0008}
@media(max-width:700px){.training.scene-expedition .guided-lesson{left:12px;right:12px;top:150px;bottom:auto;width:auto;max-width:none;max-height:230px;padding:10px 12px;border-width:7px}.training.scene-expedition .guide-practice{max-height:180px}.training.scene-expedition .guided-lesson h2{font-size:18px;margin:5px 0 8px}.training.scene-expedition .guided-lesson p{font:13px/1.45 Georgia}.training.scene-expedition .guide-mentor img{width:28px;height:28px}.training.scene-expedition .guide-actions{margin-top:8px}.training[data-lesson=forgePractice] .world-loot,.training[data-lesson=preservePractice] .world-loot,.training[data-lesson=slots] .world-loot{top:345px;bottom:175px;max-height:calc(100dvh - 520px);overflow:auto;width:calc(100% - 38px);opacity:1;pointer-events:auto}.training[data-lesson=forgePractice] .world-loot>p,.training[data-lesson=preservePractice] .world-loot>p{display:none}.training[data-lesson=forgePractice] .loot-rune,.training[data-lesson=preservePractice] .loot-rune{display:none}}

@media(max-width:700px){.training.scene-expedition .guided-lesson.lesson-formation{max-height:calc(100dvh - 330px)}}

@media(max-width:700px){.training[data-lesson=fusionEquip] .world-loot{top:345px;bottom:175px;max-height:calc(100dvh - 520px);overflow:auto;width:calc(100% - 38px)}.training[data-lesson=fusionEquip] .loot-rune{display:none}}

@media(max-width:700px){.training[data-lesson=rewardPick] .world-loot{top:345px;bottom:175px;max-height:calc(100dvh - 520px);overflow:auto;width:calc(100% - 38px)}.training[data-lesson=rewardPick] .loot-rune{display:none}}

/* Keep interactive choices below the actual mentor card, including wrapped text. */
@media(max-width:700px){
 .training[data-lesson=routePick] .world-choice,
 .training[data-lesson=forgePractice] .world-loot,
 .training[data-lesson=preservePractice] .world-loot,
 .training[data-lesson=fusionEquip] .world-loot,
 .training[data-lesson=rewardPick] .world-loot{
  position:fixed;left:12px;right:12px;top:var(--guide-choice-top,345px);bottom:var(--guide-choice-bottom,175px);
  width:auto;max-height:none;transform:none;overflow:auto;overscroll-behavior:contain;
 }
 .training[data-lesson=routePick] .choice-heading{display:none}
 .training[data-lesson=routePick] .world-route{min-height:250px}
}