.adventure-stage { position: relative; width: 100%; height: 100%; min-height: 280px; overflow: hidden; isolation: isolate; background: #214e47; touch-action: none; }
.adventure-canvas { display: block; object-fit: fill; }
.adventure-engine-hud { position: absolute; top: max(10px, env(safe-area-inset-top)); left: 12px; right: 12px; display: flex; gap: 8px; align-items: flex-start; pointer-events: none; color: #fff8dd; font: 700 14px/1.45 system-ui, sans-serif; text-shadow: 0 1px 3px #152e24; }
.adventure-engine-stats { padding: 7px 11px; border: 1px solid #fff3b64d; border-radius: 14px; background: #17332b92; max-width: calc(100% - 54px); }
.adventure-pause { margin-left: auto; pointer-events: auto; width: 44px; height: 44px; border: 1px solid #fff3b670; border-radius: 50%; background: #17332b80; color: #fff8dd; font: 800 19px system-ui; cursor: pointer; }
.adventure-engine-caption { position: absolute; bottom: max(114px, calc(env(safe-area-inset-bottom) + 104px)); left: 50%; transform: translateX(-50%); width: min(640px, calc(100% - 32px)); padding: 8px 12px; color: #fff8dd; border-radius: 12px; background: #162b29b8; font: 600 14px/1.4 system-ui, sans-serif; text-align: center; pointer-events: none; }
.adventure-engine-caption[hidden], .adventure-engine-notice[hidden] { display: none !important; }
.adventure-touch-controls { position: absolute; left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); display: flex; justify-content: space-between; align-items: end; gap: 15px; pointer-events: none; }
.adventure-touch-move, .adventure-touch-actions { display: flex; align-items: end; flex-wrap: wrap; gap: 8px; }
.adventure-touch-actions { max-width: 330px; justify-content: flex-end; }
.adventure-touch-companions { position:absolute; right:0; bottom:92px; display:flex; gap:7px; }
.adventure-touch-companions .adventure-touch-button { width:44px; height:44px; font-size:18px; border-color:#e5bd57b0; }
@media (max-width:600px) { .adventure-touch-companions { bottom:106px; gap:5px; } .adventure-touch-companions .adventure-touch-button { width:40px; height:40px; font-size:16px; } .adventure-engine-caption { bottom:165px; } }
@media (max-height:460px) { .adventure-touch-companions { bottom:62px; } .adventure-engine-caption { bottom:114px; } }
.adventure-touch-button { pointer-events: auto; width: 54px; height: 54px; border: 1px solid #fff7c087; border-radius: 50%; color: #fff8dd; background: #17332b65; box-shadow: 0 2px 5px #071e2422; font: 800 25px/1 system-ui, sans-serif; cursor: pointer; touch-action: none; user-select: none; -webkit-user-select: none; }
.adventure-touch-jump { width: 66px; height: 66px; border-color: #efc956b0; background: #67402070; }
.adventure-touch-lantern, .adventure-touch-interact, .adventure-touch-glide { width: 44px; height: 44px; font-size: 20px; }
.adventure-touch-button:active, .adventure-pause:active { background: #c9923370; }
.adventure-stage button:focus-visible { outline: 3px solid #ffde66; outline-offset: 3px; }
.adventure-engine-notice { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; background: #102820b8; color: #fff8dd; padding: 22px; text-align: center; font-family: system-ui, sans-serif; }
.adventure-engine-notice h3 { margin: 0; font-size: clamp(22px, 4vw, 36px); }
.adventure-engine-notice p { margin: 0; max-width: 500px; line-height: 1.5; }
.adventure-engine-notice button { min-width: 180px; min-height: 46px; border: 1px solid #e6c059; border-radius: 10px; background: #e5bd57; color: #143b31; font: 800 16px system-ui; padding: 10px 18px; cursor: pointer; }
.adventure-high-contrast .adventure-engine-stats, .adventure-high-contrast .adventure-engine-caption, .adventure-high-contrast .adventure-touch-button { background: #081812ed; border-color: #fff; color: #fff; text-shadow: none; }
@media (max-width: 600px) {
  .adventure-engine-hud { font-size: 11px; gap: 5px; left: 8px; right: 8px; }
  .adventure-engine-stats { padding: 5px 8px; }
  .adventure-touch-controls { left: 8px; right: 8px; gap: 8px; }
  .adventure-touch-move, .adventure-touch-actions { gap: 5px; }
  .adventure-touch-button { width: 46px; height: 46px; font-size: 22px; }
  .adventure-touch-lantern, .adventure-touch-interact, .adventure-touch-glide { width: 38px; height: 38px; font-size: 17px; }
  .adventure-touch-jump { width: 55px; height: 55px; }
  .adventure-touch-actions { max-width: 210px; }
  .adventure-engine-caption { font-size: 12px; bottom: max(116px, calc(env(safe-area-inset-bottom) + 108px)); }
}
@media (max-height: 460px) { .adventure-engine-caption { bottom: 84px; font-size: 11px; padding: 5px 8px; } .adventure-touch-button { height: 43px; width: 43px; } .adventure-touch-jump { height: 52px; width: 52px; } }

@media(max-width:600px){.adventure-engine-caption{bottom:165px;}}
@media(max-height:460px){.adventure-engine-caption{bottom:114px;}}