body[data-exploring=true] #stage canvas { cursor: crosshair; touch-action: none; }
.encounter-dialog { position: fixed; z-index: 25; left: 50%; bottom: max(24px, env(safe-area-inset-bottom)); transform: translateX(-50%); width: min(530px, calc(100% - 32px)); padding: 20px; border: 1px solid #fff9; border-radius: 25px; background: #f5efdfed; color: #435449; box-shadow: 0 12px 50px #243b4033; box-sizing: border-box; max-height: 50dvh; overflow: auto; }
.encounter-dialog[hidden] { display: none; }
.encounter-name { margin: 0 0 12px; font-size: 12px; color: #657667; }
.encounter-line { margin: 0 0 16px; font-size: 18px; line-height: 1.8; }
.encounter-choices { display: flex; flex-wrap: wrap; gap: 8px; }
.encounter-dialog button { min-height: 44px; border: 1px solid #b7bdac; border-radius: 18px; padding: 9px 14px; font: inherit; font-size: 14px; color: inherit; background: #fff9ed; cursor: pointer; }
.encounter-dialog .encounter-close { margin-top: 10px; border: 0; background: transparent; }
.encounter-dialog button:focus-visible { outline: 3px solid #6d958a; outline-offset: 2px; }
body[data-encounter=true] #story-panel, body[data-encounter=true] .conversation { visibility: hidden; }
.creation-review { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 16px; }
.creation-review[hidden] { display: none; }
body[data-exploring=true] .stage-hint, body[data-exploring=true] .scene-caption { display: none; }
.exploration-hud { position: absolute; z-index: 6; top: 104px; left: max(26px, env(safe-area-inset-left)); color: var(--ink, #35434a); pointer-events: none; font-family: inherit; }
.exploration-location { display: flex; flex-direction: column; gap: 5px; }
.exploration-location > span { font-size: 11px; letter-spacing: .14em; opacity: .7; }
.exploration-location strong { font-size: 22px; font-weight: 650; }
.exploration-feedback { max-width: 185px; line-height: 1.7; font-size: 12px; }
@media (max-width: 640px) {
  .exploration-hud { top: 86px; left: 16px; right: 16px; }
  .exploration-location > span { display: none; }
  .exploration-location strong { font-size: 16px; }
  .exploration-feedback { max-width: 240px; font-size: 11px; margin-top: 7px; }
  body[data-exploring=true] .scene-caption { display: none; }
  body[data-exploring=true] .speech-text { font-size: 17px; }
}
.exploration-child-name { position: absolute; z-index: 3; top: 0; left: 0; padding: 3px 10px; border-radius: 12px; color: #435441; background: #fff7e9c9; font-size: 10px; line-height: 1.5; pointer-events: none; }
body[data-exploring=true] #debate-world canvas { cursor: crosshair; }
body[data-exploring=true] .chapter-title { display: none; }
body[data-exploring=true][data-phase] .exploration-hud { top: 100px; }
body[data-exploring=true][data-phase] .exploration-child-name { z-index: 2; }
@media (max-width: 767px) {
  body[data-exploring=true][data-phase] .exploration-hud { top: 88px; }
}