/* Battle guidance. Story layout: story-reader.css; selection: campaign-selection.css. */
.campaign-prep-note{color:#493322;font-size:14px;line-height:1.9;padding:12px}
.story-mode.in-battle #targetInfo{display:block;flex:none;min-height:25px;max-height:40px;overflow:auto;font-size:11px;line-height:1.5;padding:4px 8px;margin:0;background:#14201bc9;color:#ffefcb}
.story-mode.in-battle #preview{position:relative;display:flex;flex-direction:column;justify-content:center;flex:none;height:82px;min-height:82px;max-height:82px;overflow:auto;padding:6px 61px 6px 10px;margin:0;border-radius:0;background:#24212af2;border:1px solid #958061;text-align:left;color:#fff2d8}
.story-mode.in-battle #preview strong{font-size:12px;line-height:1.5;white-space:normal}.story-mode.in-battle #preview>span{font-size:11px;line-height:1.5;color:#e1d4bf;white-space:normal}
.lesson-help{position:absolute;right:6px;top:17px;min-height:44px;min-width:48px;padding:6px;font-size:11px;background:#493b38;border-color:#b9a06e}
.story-mode.in-battle .board .tile.tutorial-cell{outline:2px solid #ffde83;outline-offset:-2px;box-shadow:0 0 8px #ffe4a6}
.story-mode.in-battle .board .tile.tutorial-blocked{opacity:1;filter:brightness(.23) saturate(.3);outline:none!important;box-shadow:none!important;cursor:default}
.story-mode.in-battle .enemy.tutorial-target{outline:2px solid #ffde83;outline-offset:2px;box-shadow:0 0 8px #ffe4a6}
.story-mode.in-battle .enemy.tutorial-blocked{filter:brightness(.55) saturate(.5);cursor:default}
.story-mode.in-battle .battle-action.tutorial-action{outline:2px solid #ffde83;outline-offset:3px;border-radius:50%}
.story-mode.in-battle .board .tile .count{display:block;font-size:12px;pointer-events:none}
.story-mode.in-battle .enemy{padding-bottom:18px}
.story-mode #infoDialog button[data-campaign]{display:block;margin:10px 0;width:100%}
.story-mode .hud-context #stageName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.story-mode .hud-context #waveBadge{flex:none;white-space:nowrap}
.story-mode .result-card{max-height:90dvh;overflow:auto}
@media(max-width:360px){.campaign-screen{padding-inline:12px}.stage-card{gap:8px;padding:15px 10px}}
@media(max-height:500px){.story-mode.in-battle{overflow:auto}.story-mode.in-battle .wrap{width:min(100%,320px)}.story-mode.in-battle .game{height:720px}.story-mode.in-battle .result-card{max-height:80dvh}}