/* Mobile session always presents a landscape surface, with fixed-size controls. */
#game.mobile-adventure-session{inset:auto;left:0;top:0;width:var(--mobile-view-width);height:var(--mobile-view-height);padding:0;overflow:clip!important}
#game.mobile-adventure-session.mobile-portrait{left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg)}
#game.mobile-adventure-session canvas{position:absolute;left:50%;top:calc(50% + 24px);width:var(--mobile-dialog-width)!important;height:var(--mobile-dialog-height)!important;max-width:none;max-height:none;aspect-ratio:auto;transform:translate(-50%,-50%)!important}
#game.mobile-adventure-active canvas{left:0;top:0;width:var(--mobile-render-width)!important;height:var(--mobile-render-height)!important;transform:none!important}
#game.mobile-adventure-session .touch-tools,#game.mobile-adventure-session>#back,#game.mobile-adventure-session>#fullscreen,#game.mobile-adventure-session .orientation-note{display:none!important}
.mobile-adventure-shell [hidden]{display:none!important}
.mobile-adventure-shell nav{position:absolute;left:0;right:0;display:flex;align-items:center;gap:6px;background:#191b20;border-color:#6b5d41;padding:2px max(8px,env(safe-area-inset-right)) 2px max(8px,env(safe-area-inset-left));z-index:6}
.mobile-adventure-top{top:0;height:48px;border-bottom:1px solid}
.mobile-adventure-bottom{bottom:0;height:64px;border-top:1px solid}
.mobile-adventure-shell button{min-height:44px;min-width:44px;border:1px solid #675b43;border-radius:7px;background:#292b30;color:#eee5d3;font:600 13px system-ui;padding:6px 10px;touch-action:manipulation}
.mobile-adventure-shell button:active{background:#6b5a37}
.mobile-adventure-shell button:disabled{opacity:.35}
.mobile-adventure-bottom button{flex:1;padding:5px}
.mobile-adventure-shell [data-action="5"]{background:#ad9057;color:#111}
.mobile-adventure-top button:last-child{margin-left:auto}
.mobile-display-help{position:absolute;inset:52px 12px 12px;z-index:9;background:#202227;border:1px solid #b89b65;border-radius:10px;padding:18px;max-width:560px;margin:auto;color:#eee;font:16px/1.5 system-ui;overflow:auto}
.mobile-display-help p{margin:0 0 14px}
.mobile-hero-hud{flex:1;min-width:100px;max-width:400px;color:#eee5d3;font:600 12px/16px system-ui;padding:0 4px;overflow:hidden}
.mobile-hero-hud>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-hero-hud progress{display:block;width:100%;height:5px;appearance:none;border:0;background:#393c40;accent-color:#9ec88c;margin:2px 0}
.mobile-hero-hud progress::-webkit-progress-bar{background:#393c40;border-radius:3px}
.mobile-hero-hud progress::-webkit-progress-value{background:#9ec88c;border-radius:3px}
.mobile-hero-hud.movement-empty{color:#efb179}
.mobile-hero-hud .mobile-movement-hint{font-size:10px;line-height:12px;font-weight:400}
.mobile-pause-panel{position:absolute;inset:0;z-index:10;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:12px;padding:24px max(24px,env(safe-area-inset-right));background:#15171bf7;overflow:auto}
.mobile-pause-panel h2{grid-column:1/-1;font:600 22px system-ui;color:#e8dcc4;margin:0 0 8px}
.mobile-pause-panel button{min-height:56px;font-size:17px;text-align:left;padding:12px 18px}
.mobile-pause-panel button:first-of-type{background:#b89b65;color:#15171b}

.mobile-adventure-top [data-action="11"]{display:none}

.mobile-hero-line{display:flex;gap:8px;align-items:center}
.mobile-hero-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.mobile-hero-points{flex:none;font-variant-numeric:tabular-nums}

#game.mobile-adventure-session{background-position:0 48px;background-repeat:no-repeat}
