/* Guidance occupies the stage's top strip; confirm and END TURN remain independent. */
.tutorial-card{position:absolute;z-index:16;top:54px;left:10px;width:min(420px,calc(100% - 86px));box-sizing:border-box;background:#fff2d4;color:#091e33;border:3px solid #111;box-shadow:3px 3px 0 #111;padding:8px 10px;font:14px/1.25 system-ui,sans-serif;pointer-events:none;max-height:calc(100% - 154px);overflow:auto}
.tutorial-card strong{display:block;font-size:11px;letter-spacing:.06em}
.tutorial-card p{margin:5px 0 6px}
.tutorial-controls{display:flex;gap:8px;justify-content:space-between;align-items:center}
.tutorial-controls button,.context-tip button{font:700 12px system-ui,sans-serif;min-height:36px;padding:5px 9px;border:2px solid #111;cursor:pointer;background:#ffe539;color:#091e33}
.tutorial-controls .tutorial-skip{margin-left:auto;background:transparent;text-decoration:underline}
.tutorial-spotlight{outline:3px dashed #ffe539;outline-offset:-3px}
.context-tip{position:absolute;z-index:15;top:54px;left:10px;width:min(400px,calc(100% - 86px));box-sizing:border-box;background:#fff2d4;color:#091e33;border:2px solid #111;padding:8px;display:flex;align-items:center;gap:10px;font:14px/1.3 system-ui,sans-serif}
.help-panel{max-width:980px;margin:20px auto;padding:20px;width:calc(100% - 28px);box-sizing:border-box}
.help-content{font:16px/1.5 system-ui,sans-serif;color:inherit;min-width:0}
.help-search{width:100%;box-sizing:border-box;min-height:44px;font:inherit;padding:8px 12px;border:2px solid #111;background:#fff;color:#091e33;position:sticky;top:0;z-index:1}
.help-results{display:grid;gap:10px;margin-top:12px}
.help-entry{border:2px solid #111;background:#fff2d4;color:#091e33;padding:12px;overflow-wrap:anywhere}
.help-entry small{text-transform:uppercase;font-weight:bold;color:#4b4165}
.help-entry h3{margin:3px 0;font:800 18px system-ui,sans-serif}
.help-entry p{margin:6px 0}
.bv-card.bv-help{max-width:760px;text-align:left}
.bv-help .help-intro{padding-right:32px}
.bv-help .help-results{max-height:none}
.bv :focus-visible,.tutorial-card :focus-visible,.help-panel :focus-visible{outline:4px solid #159ed9;outline-offset:2px}
.bv-canvas:focus-visible{outline-offset:-4px}
@media(max-width:899px){.tutorial-card{font-size:12px;padding:6px 8px;top:50px}.tutorial-card p{margin:3px 0}.tutorial-controls button{min-height:44px}.help-panel{margin:8px auto;padding:12px}}
@media(max-height:480px){.tutorial-card{top:44px;left:58px;width:min(430px,calc(100% - 130px));font-size:11px;padding:4px 6px}.tutorial-card strong{font-size:10px}.tutorial-controls button{min-height:32px;padding:3px 7px}}

.bv-desktop .tutorial-card,.bv-desktop .context-tip{left:68px;width:min(420px,calc(100% - 142px))}
.bv-confirm.show{z-index:17}

.help-screen{overflow:auto;align-content:start}.help-panel{align-self:start;height:auto}

/* Guidance text never intercepts a battlefield tap; only its own controls do. */
.context-tip{pointer-events:none}
.tutorial-controls button,.context-tip button{pointer-events:auto}

/* Debrief guidance participates in its scrollable panel, keeping the result banner visible. */
.context-tip.context-tip-inline{position:static;left:auto;top:auto;width:100%;max-width:none;margin:0 0 10px}
.context-tip button{min-width:36px;flex-shrink:0}
@media(pointer:coarse),(max-width:899px){
  .tutorial-controls button,.context-tip button{min-width:44px;min-height:44px}
}