/* Phone landscape HUD: quiet silver chrome leaves the game world visible.
   Native handlers, feature gates and saved touch translations remain authoritative. */
body.hud-navy.hud-mobile {
  --hm-scale: clamp(.82, calc(100dvh / 430px), 1.1);
  --hm-safe-left: max(8px, env(safe-area-inset-left, 0px));
  --hm-safe-right: max(8px, env(safe-area-inset-right, 0px));
  --hm-safe-top: max(8px, env(safe-area-inset-top, 0px));
  --hm-safe-bottom: max(6px, env(safe-area-inset-bottom, 0px));
  --hm-light: #f3f5f7;
  --hm-gold: #d8b85f;
  --hm-line: #cbd3d68c;
  --hm-surface: #14202bcc;
  --hm-attack-size: calc(96px * var(--hm-scale));
  --hm-slot: calc(56px * var(--hm-scale));
  --hm-attack-right: calc(var(--hm-safe-right) + 10px);
  --hm-attack-bottom: calc(var(--hm-safe-bottom) + 14px);
  --hm-center-right: calc(var(--hm-attack-right) + var(--hm-attack-size) / 2);
  --hm-center-bottom: calc(var(--hm-attack-bottom) + var(--hm-attack-size) / 2);
  --hm-map-size: calc(100px * var(--hm-scale));
  font-variant-numeric: tabular-nums;
}
body.hud-navy.hud-mobile #game { min-height: 0; }
/* Hidden native controls never become visible just because they have a position. */
body.hud-navy.hud-mobile #game#game [hidden] { display: none !important; }
body.hud-navy.hud-mobile #game :is(.hud-v2-brand,.hud-v2-commands,#game-tool-open,#burden-badge,#game-version-badge,#online-status,.adventure-resource-hint,.adventure-control-hint,.movement-hud,#hud-mute,#daily-checkin-open,#profession-select-reminder,#auto-hunt-hud,#channel-open,#hud-mobile-bottom) { display: none !important; }
body.hud-navy.hud-mobile :is(#hud-mobile-left,#hud-mobile-currency,#hud-mobile-status,#hud-mobile-ticker,#hud-mobile-potion,#hud-mobile-skill-page,#hud-mobile-fullscreen) { box-sizing: border-box; font-family: 'Noto Sans Thai',Tahoma,sans-serif; color: var(--hm-light); }

/* Character: identity on one line, health/mana below, quiet stamina/experience. */
body.hud-navy.hud-mobile #game > .character.panel { left: var(--hm-safe-left); top: var(--hm-safe-top); right: auto; bottom: auto; width: 226px; height: 64px; padding: 0; gap: 5px; align-items: flex-start; border: 0; background: none; box-shadow: none; transform: none; }
body.hud-navy.hud-mobile #game > .character.panel::before,
body.hud-navy.hud-mobile #game > .character.panel::after { display: none; }
body.hud-navy.hud-mobile #game > .character .portrait { position: relative; width: 60px; height: 60px; flex: 0 0 60px; align-self: flex-start; border: 2px solid #d8dede; border-radius: 50%; outline: 1px solid #202832; background: #18232c; overflow: hidden; box-shadow: 0 2px 5px #0009; }
body.hud-navy.hud-mobile #game > .character .portrait img { width: 360px; left: -24px; top: 2px; }
body.hud-navy.hud-mobile #game > .character .portrait::after { content: none; background: none; }
body.hud-navy.hud-mobile #game > .character .character-info { position: relative; flex: 1; width: 161px; height: 64px; min-width: 0; padding: 21px 0 0; gap: 3px; justify-content: flex-start; }
body.hud-navy.hud-mobile #game > .character .name-row { position: absolute; inset: 0 0 auto; display: flex; align-items: center; gap: 5px; height: 19px; padding: 0; border: 0; background: none; color: #fff; text-shadow: 0 1px 3px #000; }
body.hud-navy.hud-mobile #game > .character .name-row strong { font: 700 12px/19px 'Noto Sans Thai',Tahoma,sans-serif; max-width: 112px; }
body.hud-navy.hud-mobile #game > .character .name-row > span { position: static; order: -1; width: auto; height: auto; padding: 0; border: 0; border-radius: 0; background: none; color: #f7f6ec; font: 700 11px/19px Tahoma,sans-serif; white-space: nowrap; }
body.hud-navy.hud-mobile #game > .character .stat-row { display: block; position: relative; height: 14px; width: 100%; margin: 0; }
body.hud-navy.hud-mobile #game > .character .stat-row .health { height: 14px; padding: 1px; border: 1px solid #dae3e08c; border-radius: 0; clip-path: polygon(4px 0,calc(100% - 5px) 0,100% 50%,calc(100% - 5px) 100%,0 100%); background: #1a1d22e8; }
body.hud-navy.hud-mobile #game > .character .stat-row .health i { height: 100%; border-radius: 0; background: linear-gradient(#d94f50,#ab262d); }
body.hud-navy.hud-mobile #game > .character .stat-row > span:first-child { display: none; }
body.hud-navy.hud-mobile #game > .character .stat-row > span:last-child { position: absolute; inset: 0; width: auto; min-width: 0; height: auto; clip-path: none; text-align: center; color: #fff; text-shadow: 0 1px 2px #2a1722; font: 600 10px/14px Tahoma,sans-serif; }
body.hud-navy.hud-mobile #game > .character .stat-row.mana .health i { background: linear-gradient(#54bde3,#2474a6); }
body.hud-navy.hud-mobile #game > .character .stat-row.stamina { height: 3px; }
body.hud-navy.hud-mobile #game > .character .stat-row.stamina .health { height: 3px; padding: 0; border: 0; }
body.hud-navy.hud-mobile #game > .character .stat-row.stamina .health i { background: #9fc3a3; }
body.hud-navy.hud-mobile #game > .character .stat-row.stamina > span:last-child { width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
body.hud-navy.hud-mobile #game > .character .stat-row.experience { display: block !important; height: 2px; }
body.hud-navy.hud-mobile #game > .character .stat-row.experience .health { height: 2px; padding: 0; border: 0; }
body.hud-navy.hud-mobile #game > .character .stat-row.experience .health i { background: #d6bd71; }
body.hud-navy.hud-mobile #game > .character :is(.stat-row.experience > span,.navy-xp-percent,.stat-row.hunger,.stat-row.life,.character-info > p,.navy-profession,.navy-meta,.navy-weight) { display: none !important; }

/* The optional quest list is the only left-side panel. */
body.hud-navy.hud-mobile #hud-mobile-left { position: absolute; left: var(--hm-safe-left); top: 82px; width: 226px; z-index: 4; pointer-events: none; }
body.hud-navy.hud-mobile #hud-mobile-left .hm-side-actions { display: flex; flex-direction: column; width: 44px; pointer-events: auto; }
body.hud-navy.hud-mobile #hud-mobile-left .hm-side-actions button { display: grid; place-items: center; width: 44px; height: 44px; padding: 5px; border: 0; border-left: 2px solid #dfc67c; border-radius: 0; background: #14202bb3; color: #edf1f3; font-size: 0; }
body.hud-navy.hud-mobile #hud-mobile-left .hm-side-actions :is([data-hm-action='party'],[data-hm-action='friends']) { display: none !important; }
body.hud-navy.hud-mobile #hud-mobile-left :is(.hm-side-icon,.adventure-icon,svg) { display: block; width: 22px; height: 22px; filter: grayscale(1) brightness(2); }
body.hud-navy.hud-mobile #hud-mobile-left .hm-quest-tabs { position: absolute; top: 0; left: 47px; display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; width: 191px; pointer-events: auto; }
body.hud-navy.hud-mobile #hud-mobile-left .hm-quest-tabs button { min-width: 0; min-height: 44px; padding: 2px; border: 0; border-bottom: 1px solid #dce5ed99; border-radius: 3px 3px 0 0; background: #18232eb3; color: #f1f4f7; text-shadow: 0 1px 2px #000; font: 600 10px/15px 'Noto Sans Thai',Tahoma,sans-serif; }
body.hud-navy.hud-mobile #hud-mobile-left .hm-quest-tabs button[aria-selected='true'] { background: #e4c475; border-color: #fbeab1; color: #2b2416; text-shadow: none; }
body.hud-navy.hud-mobile #game > #quest-tracker,
body.hud-navy.hud-mobile #game > #quest-tracker.collapsed { left: calc(var(--hm-safe-left) + 47px) !important; top: 128px !important; right: auto !important; bottom: auto !important; width: 191px !important; max-height: max(40px,calc(100dvh - var(--hm-safe-bottom) - 185px - clamp(112px,31dvh,138px))); min-width: 0; padding: 0; border: 0; border-radius: 0 0 4px 4px; background: #14202bb3; backdrop-filter: none; overflow: auto; scrollbar-width: thin; scrollbar-color: #aab7c4 #14202b; }
body.hud-navy.hud-mobile #quest-tracker :is(.quest-tracker-head,.quest-tracker-more) { display: none; }
body.hud-navy.hud-mobile #quest-tracker .quest-tracker-list { margin: 0; gap: 0; }
body.hud-navy.hud-mobile[data-hm-quest-folded='false'] #game #quest-tracker .quest-tracker-list[hidden] { display: flex !important; }
body.hud-navy.hud-mobile #quest-tracker .quest-track-row { min-height: 37px; padding: 5px 7px; border: 0; border-bottom: 1px solid #cbd3d624; border-radius: 0; background: none; color: #f4d279; font-size: 11px; }
body.hud-navy.hud-mobile #quest-tracker .quest-track-hint { font-size: 10px; color: #edf0f2; }
body.hud-navy.hud-mobile[data-hm-quest-tab='story'] #quest-tracker .quest-track-row:not([data-quest-kind='story']),
body.hud-navy.hud-mobile[data-hm-quest-tab='guild'] #quest-tracker .quest-track-row:not([data-quest-kind='guild']),
body.hud-navy.hud-mobile[data-hm-quest-tab='event'] #quest-tracker .quest-track-row:not([data-quest-kind='event']),
body.hud-navy.hud-mobile:not([data-hm-quest-tab='event']) #map-event-tracker,
body.hud-navy.hud-mobile[data-hm-quest-folded='true'] #quest-tracker,
body.hud-navy.hud-mobile[data-hm-quest-folded='true'] #map-event-tracker,
body.hud-navy.hud-mobile[data-hm-quest-folded='true'] #hud-mobile-left .hm-quest-tabs,
body.hud-navy.hud-mobile[data-hm-has-quests='false'] #hud-mobile-left .hm-quest-tabs { display: none !important; }
body.hud-navy.hud-mobile #map-event-tracker { left: calc(var(--hm-safe-left) + 47px) !important; top: 128px !important; right: auto !important; width: 191px; min-width: 0; max-height: max(40px,calc(100dvh - var(--hm-safe-bottom) - 185px - clamp(112px,31dvh,138px))); transform: none; overflow: auto; pointer-events: auto; }
body.hud-navy.hud-mobile #party-dock :is(.party-pills,.party-solo),
body.hud-navy.hud-mobile #party-dock > #party-invite-open { display: none !important; }
body.hud-navy.hud-mobile #party-touch-sheet { left: 244px !important; top: 80px !important; max-height: calc(100dvh - 96px); overflow: auto; z-index: 25; }

/* Coins are real. Extra currencies from the concept are deliberately absent. */
body.hud-navy.hud-mobile #hud-mobile-currency { position: absolute; z-index: 4; left: 48%; top: var(--hm-safe-top); transform: translateX(-50%); display: flex; align-items: center; gap: 7px; min-height: 44px; max-width: 124px; padding: 3px 10px 3px 5px; border: 0; border-radius: 18px; background: #152533aa; font-size: 13px; font-weight: 600; text-shadow: 0 1px 2px #000; }
body.hud-navy.hud-mobile #hud-mobile-currency .hm-currency-icon { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid #f1d789; border-radius: 50%; color: #f8df87; background: #a2732b; font-size: 18px; }
body.hud-navy.hud-mobile #hud-mobile-currency .hm-currency-count { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.hud-navy.hud-mobile #target-frame { top: 57px !important; width: min(180px,calc(100vw - 490px)); min-width: 130px; padding: 4px; font-size: 11px; }
body.hud-navy.hud-mobile #target-frame-clear { width: 32px; height: 32px; }
body.hud-navy.hud-mobile #game > #burden-warning { left: 50% !important; right: auto !important; top: 109px !important; bottom: auto !important; width: 148px; min-height: 0; transform: translateX(-50%); padding: 3px 6px; font-size: 10px; }
body.hud-navy.hud-mobile:not([data-hm-overburden='true']) #burden-warning { display: none !important; }
body.hud-navy.hud-mobile #game > #adventure-navigation,
body.hud-navy.hud-mobile #game > #adventure-navigation[data-layout='right'] { position: absolute; left: auto !important; right: var(--hm-safe-right) !important; top: var(--hm-safe-top) !important; bottom: auto; display: grid; grid-template-columns: repeat(5,44px); grid-template-rows: 47px; gap: 3px !important; width: 232px !important; max-width: none; justify-content: end; transform: none !important; }
body.hud-navy.hud-mobile #adventure-navigation > .adventure-nav-button { display: none !important; }
body.hud-navy.hud-mobile #game > #adventure-navigation > :is([data-section='shop'],[data-section='bag'],[data-section='character'],[data-section='skills'],#hud-nav-more):not([hidden]) { position: relative; display: flex !important; flex-direction: column; align-items: center; justify-content: flex-start; width: 44px; min-width: 44px; max-width: none; height: 47px; min-height: 47px; padding: 0; gap: 1px; border: 0; border-radius: 0; background: none; color: #fff; font: 600 10px/14px 'Noto Sans Thai',Tahoma,sans-serif; text-shadow: 0 1px 3px #000,0 1px 1px #000; box-shadow: none; }
body.hud-navy.hud-mobile #adventure-navigation > [data-section='shop'] { grid-column: 1; grid-row: 1; }
body.hud-navy.hud-mobile #adventure-navigation > [data-section='bag'] { grid-column: 2; grid-row: 1; }
body.hud-navy.hud-mobile #adventure-navigation > [data-section='character'] { grid-column: 3; grid-row: 1; }
body.hud-navy.hud-mobile #adventure-navigation > [data-section='skills'] { grid-column: 4; grid-row: 1; }
body.hud-navy.hud-mobile #adventure-navigation > #hud-nav-more { grid-column: 5; grid-row: 1; }
body.hud-navy.hud-mobile #game #adventure-navigation > .adventure-nav-button > .adventure-icon { width: 31px; height: 31px; filter: grayscale(1) brightness(2.8); }
body.hud-navy.hud-mobile #game #adventure-navigation > .adventure-nav-button > span:not(.adventure-icon):not(.hud-more-badge) { display: block; max-width: 44px; overflow: hidden; text-overflow: ellipsis; }
body.hud-navy.hud-mobile #hud-nav-more > svg { width: 31px; height: 31px; stroke: #fff; }

/* A round map with one unobtrusive location strip. */
body.hud-navy.hud-mobile:not(.adventure-map-open) #game > .map-panel { left: auto; right: var(--hm-safe-right); top: 65px; bottom: auto; width: var(--hm-map-size); min-height: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #fff; }
body.hud-navy.hud-mobile:not(.adventure-map-open) #game > .map-panel .minimap { width: var(--hm-map-size); height: var(--hm-map-size); border: 2px solid #2b3540; outline: 1px solid #d1d8db88; border-radius: 50%; clip-path: circle(50%); box-shadow: 0 2px 6px #0008; }
body.hud-navy.hud-mobile:not(.adventure-map-open) #game > .map-panel .map-heading { display: flex; position: absolute; top: calc(var(--hm-map-size) - 2px); left: -5px; right: -5px; height: 15px; margin: 0; padding: 0 3px; border: 0; background: #152533b3; color: #fff; font-size: 9px; line-height: 15px; z-index: 4; }
body.hud-navy.hud-mobile:not(.adventure-map-open) #game > .map-panel .coordinates { display: block; margin: 15px 0 0; height: 12px; text-align: center; font-size: 8px; line-height: 12px; color: #e2e9ee; text-shadow: 0 1px 2px #000; }
body.hud-navy.hud-mobile.adventure-map-open #game > .map-panel { top: 62px; right: var(--hm-safe-right); left: auto; width: min(420px,calc(100vw - 32px)); min-height: 0; max-height: calc(100dvh - 78px); overflow: auto; z-index: 9; }
body.hud-navy.hud-mobile.adventure-map-open #game > .map-panel .minimap { width: 100%; height: auto; clip-path: none; border-radius: 8px; }
body.hud-navy.hud-mobile.adventure-map-open :is(#hud-mobile-left,#quest-tracker,#map-event-tracker) { visibility: hidden; }

/* Four native slots surround one attack. The bound mouse skill is redundant here. */
body.hud-navy.hud-mobile #game > #adventure-hotbar,
body.hud-navy.hud-mobile #game > .hud-utilities { display: contents !important; transform: none; opacity: 1; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > :is(.adventure-xp,.hud-bind-config,#hud-mouse-skill),
body.hud-navy.hud-mobile #adventure-hotbar :is(.hud-mouse,.hud-orb-label,.hud-action-name),
body.hud-navy.hud-mobile .hud-utilities > .hud-utility { display: none !important; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > :is(.adventure-skill,.hud-orb) { position: absolute; inset: auto; left: auto; top: auto; margin: 0; max-width: none; width: var(--hm-slot); height: var(--hm-slot); display: grid; place-items: center; padding: 0; border: 2px solid #859cae; border-radius: 50%; background: #152332d9; box-shadow: inset 0 0 0 2px #0c1621,0 2px 6px #0009; overflow: hidden; pointer-events: auto; z-index: 4; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > .adventure-skill { background-size: cover; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > .skill-empty { background-image: none; opacity: .68; border-color: #a5b2bc80; background-color: #16202b88; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > .adventure-skill > .adventure-icon { visibility: visible; width: 82%; height: 82%; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > .skill-empty > .adventure-icon { visibility: hidden; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > button kbd { inset: auto 0 1px; width: 100%; min-width: 0; height: 11px; padding: 0; transform: none; border: 0; border-radius: 0; background: #0c162185; color: #f5f8fa; font-size: 8px; line-height: 11px; box-shadow: none; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > button::after { content: none !important; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > #hud-mouse-left { right: var(--hm-attack-right); bottom: var(--hm-attack-bottom); width: var(--hm-attack-size); height: var(--hm-attack-size); border: 2px solid #d3d9d6; background: #1b2426b8; box-shadow: inset 0 0 0 3px #121a26,0 2px 6px #0009; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > #hud-mouse-left::before { content: ''; position: absolute; inset: 17%; background: #eef1ec; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M5 3 18 7 48 39 44 44 12 15Z M40 40 45 35 54 44 49 49Z M48 47 52 43 61 52 57 56Z M59 3 46 7 16 39 20 44 52 15Z M24 40 19 35 10 44 15 49Z M16 47 12 43 3 52 7 56Z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M5 3 18 7 48 39 44 44 12 15Z M40 40 45 35 54 44 49 49Z M48 47 52 43 61 52 57 56Z M59 3 46 7 16 39 20 44 52 15Z M24 40 19 35 10 44 15 49Z M16 47 12 43 3 52 7 56Z'/%3E%3C/svg%3E") center/contain no-repeat; pointer-events: none; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > #hud-mouse-left .hud-orb-art { display: none; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > :is([data-skill-slot='0'],[data-skill-slot='4']) { --hm-dx: 72px; --hm-dy: 105px; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > :is([data-skill-slot='1'],[data-skill-slot='5']) { --hm-dx: -7px; --hm-dy: 77px; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > :is([data-skill-slot='2'],[data-skill-slot='6']) { --hm-dx: 125px; --hm-dy: 40px; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > :is([data-skill-slot='3'],[data-skill-slot='7']) { --hm-dx: 101px; --hm-dy: -28px; }
body.hud-navy.hud-mobile #game > #adventure-hotbar > [data-skill-slot] { right: calc(var(--hm-center-right) + var(--hm-dx) * var(--hm-scale) - var(--hm-slot) / 2); bottom: calc(var(--hm-center-bottom) + var(--hm-dy) * var(--hm-scale) - var(--hm-slot) / 2); }
body.hud-navy.hud-mobile:not([data-hm-skill-page='2']) #adventure-hotbar > :is([data-skill-slot='4'],[data-skill-slot='5'],[data-skill-slot='6'],[data-skill-slot='7']),
body.hud-navy.hud-mobile[data-hm-skill-page='2'] #adventure-hotbar > :is([data-skill-slot='0'],[data-skill-slot='1'],[data-skill-slot='2'],[data-skill-slot='3']) { display: none !important; }
body.hud-navy.hud-mobile #game :is(#hud-mobile-potion,#hud-mobile-skill-page,#hud-mobile-fullscreen,.hud-utilities > .hud-utility:not([hidden])) { position: absolute; width: 44px; height: 44px; min-height: 44px; padding: 6px; border: 1px solid #b5c2cc99; border-radius: 50%; background: #17222db3; color: #f1f4f5; z-index: 4; pointer-events: auto; }
body.hud-navy.hud-mobile #hud-mobile-potion { right: calc(var(--hm-center-right) + 166px * var(--hm-scale) - 22px); bottom: calc(var(--hm-center-bottom) - 25px * var(--hm-scale) - 22px); display: grid; place-items: center; }
body.hud-navy.hud-mobile #hud-mobile-potion img { width: 29px; height: 29px; object-fit: contain; }
body.hud-navy.hud-mobile #hud-mobile-potion .hm-potion-count { position: absolute; right: 1px; bottom: 0; min-width: 14px; height: 14px; padding: 0 2px; border-radius: 3px; background: #101821c9; color: #fff; font-size: 9px; line-height: 14px; }
body.hud-navy.hud-mobile #hud-mobile-skill-page { right: calc(var(--hm-center-right) + 180px * var(--hm-scale) - 22px); bottom: calc(var(--hm-center-bottom) + 37px * var(--hm-scale) - 22px); border: 0; background: #14202b80; font: 500 20px/1 Tahoma,sans-serif; }
body.hud-navy.hud-mobile #game > .hud-utilities > [data-target='jump'].touch-jump-ok:not([hidden]) { right: calc(var(--hm-center-right) + 69px * var(--hm-scale) - 22px); top: auto; bottom: calc(var(--hm-center-bottom) + 168px * var(--hm-scale) - 22px); display: grid !important; }
body.hud-navy.hud-mobile #game > .hud-utilities > .hud-run:not([hidden]) { display: grid !important; right: calc(var(--hm-center-right) - 4px * var(--hm-scale) - 22px); top: auto; bottom: calc(var(--hm-center-bottom) + 132px * var(--hm-scale) - 22px); }
body.hud-navy.hud-mobile #game > .hud-utilities > .hud-run[aria-pressed='true'] { background: #526f7ccc; border-color: #edf5fa; }
body.hud-navy.hud-mobile #game .hud-utilities kbd { display: none; }
body.hud-navy.hud-mobile #game .hud-utilities :is(.adventure-icon,svg) { width: 26px; height: 26px; }
body.hud-navy.hud-mobile #game > .hud-utilities > .hud-loot:not([hidden]) { display: grid !important; right: calc(var(--hm-center-right) + 180px * var(--hm-scale) - 22px); bottom: calc(var(--hm-center-bottom) + 91px * var(--hm-scale) - 22px); }
body.hud-navy.hud-mobile #game #hud-mobile-fullscreen { left: calc(48% - 118px); right: auto; top: var(--hm-safe-top); bottom: auto; width: 44px; height: 44px; min-height: 44px; border: 0; background: none; font-size: 20px; }

/* Movement and chat occupy the bottom left; the world stays clear in the middle. */
body.hud-navy.hud-mobile #joystick { left: calc(var(--hm-safe-left) + 52px); top: auto; right: auto; bottom: calc(var(--hm-safe-bottom) + 49px); width: clamp(112px,31dvh,138px); height: clamp(112px,31dvh,138px); border: 2px solid #c2c8c18c; border-radius: 50%; background: #17202940; box-shadow: inset 0 0 0 5px #16212b30; }
body.hud-navy.hud-mobile #stick { left: calc(50% - 23px); top: calc(50% - 23px); width: 46px; height: 46px; border: 1px solid #d8ddd599; background: #d3d8d370; box-shadow: 0 2px 5px #0003; }
body.hud-navy.hud-mobile #hud-mobile-status { position: absolute; left: var(--hm-safe-left); bottom: var(--hm-safe-bottom); display: flex; align-items: center; gap: 7px; height: 19px; max-width: 210px; padding: 1px 5px; border: 0; border-radius: 0; background: #101923a6; font-size: 9px; line-height: 16px; pointer-events: none; }
body.hud-navy.hud-mobile #hud-mobile-status span { display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; }
body.hud-navy.hud-mobile #hud-mobile-status svg { width: 12px; height: 12px; }
body.hud-navy.hud-mobile #game > .hud-utilities > .chat-touch-button:not([hidden]) { display: grid !important; left: var(--hm-safe-left); right: auto; bottom: calc(var(--hm-safe-bottom) + 22px); width: 44px; height: 44px; min-height: 44px; border: 0; }
body.hud-navy.hud-mobile #hud-mobile-ticker { position: absolute; left: 28%; right: calc(var(--hm-safe-right) + 250px * var(--hm-scale)); bottom: var(--hm-safe-bottom); display: flex; align-items: center; gap: 5px; min-height: 28px; padding: 2px 0 2px 8px; border: 0; border-radius: 4px; background: #121c27ba; z-index: 4; }
body.hud-navy.hud-mobile #hud-mobile-ticker .hm-ticker-text { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #f1f4f6; font-size: 10px; line-height: 16px; }
body.hud-navy.hud-mobile #hud-mobile-ticker .hm-ticker-chat { display: grid; place-items: center; flex: 0 0 32px; width: 32px; min-height: 28px; padding: 3px; border-radius: 0; background: none; color: var(--hm-light); }
body.hud-navy.hud-mobile #chat-box { left: 25%; right: auto; bottom: 44px; width: min(370px,60vw); margin-left: 0; max-height: min(230px,calc(100dvh - 72px)); z-index: 12; background: #14202bef; border: 1px solid #aebcc585; font-size: 12px; }
body.hud-navy.hud-mobile #chat-box:not(.chat-open) { display: none; }
body.hud-navy.hud-mobile #chat-box.chat-open:not([hidden]) { display: flex; }
body.hud-navy.hud-mobile #chat-box .chat-head { margin-top: 0; height: auto; min-height: 44px; }
body.hud-navy.hud-mobile #chat-box :is(.chat-tab,.chat-fold,.chat-close,.chat-send,.chat-emoji-button) { min-height: 44px; min-width: 44px; }
body.hud-navy.hud-mobile #chat-box .chat-tabs { overflow-x: auto; scrollbar-width: thin; }
body.hud-navy.hud-mobile #chat-box .chat-log { height: 88px; min-height: 0; font-size: 12px; }
body.hud-navy.hud-mobile #chat-box .chat-input { min-height: 44px; font-size: 16px; }
body.hud-navy.hud-mobile #notify-stack { left: 28%; right: auto; bottom: 44px; width: min(260px,30vw); align-items: flex-start; }
body.hud-navy.hud-mobile #notify-stack .notify-row:nth-last-child(n+3) { display: none; }
body.hud-navy.hud-mobile #toast { bottom: 130px; max-width: min(360px,50vw); font-size: 12px; white-space: normal; }

/* Every secondary route is in the native More drawer, not another HUD row. */
body.hud-navy.hud-mobile #hud-nav-more-dialog[data-hm-drawer='true'] { position: fixed; inset: 0 0 0 auto !important; margin: 0; width: min(380px,60vw); height: 100dvh; max-height: 100dvh; max-width: 100vw; padding: max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) 12px; border: 0; border-left: 1px solid #aab9c67a; border-radius: 0; background: #14202bf5; color: var(--hm-light); scrollbar-color: #94a6b5 #14202b; }
body.hud-navy.hud-mobile #hud-nav-more-dialog::backdrop { background: #060d1680; }
body.hud-navy.hud-mobile #hud-nav-more-dialog .hud-nav-overflow-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
body.hud-navy.hud-mobile #hud-nav-more-dialog .hud-overflow-button { min-height: 54px; padding: 6px; background: #273847; color: #f2f5f7; border: 1px solid #aab9c637; border-radius: 4px; font-size: 12px; }
body.hud-navy.hud-mobile #hud-nav-more-dialog header button { min-width: 44px; min-height: 44px; border-color: #aab9c67a; background: #263643; }
body.hud-navy.hud-mobile #hud-mobile-fullscreen-help { position: fixed; inset: 0; margin: auto; width: min(440px,calc(100vw - 32px)); max-height: calc(100dvh - 24px); padding: 18px; border: 1px solid #9fadb8; border-radius: 8px; background: #152330; color: #f3f5f7; font: 13px/1.65 'Noto Sans Thai',Tahoma,sans-serif; }
body.hud-navy.hud-mobile #hud-mobile-fullscreen-help:not([open]) { display: none; }
body.hud-navy.hud-mobile #hud-mobile-fullscreen-help::backdrop { background: #060d1680; }
body.hud-navy.hud-mobile .hm-fullscreen-help-close { min-width: 44px; min-height: 44px; padding: 6px 12px; border: 1px solid #cbd3d680; border-radius: 4px; background: #304858; color: #fff; }
body.hud-navy.hud-mobile #game :is(.hm-side-actions button,.hm-quest-tabs button,#hud-mobile-currency,#hud-mobile-potion,#hud-mobile-skill-page,#hud-mobile-fullscreen,.hud-utility,.hm-ticker-chat):focus-visible,
body.hud-navy.hud-mobile :is(#hud-nav-more-dialog,#hud-mobile-fullscreen-help) button:focus-visible { outline: 2px solid #fff2b7; outline-offset: 2px; }
body.hud-navy.hud-mobile #game :is(.hm-side-actions button,.hm-quest-tabs button,#hud-mobile-potion):disabled { filter: saturate(.4) brightness(.72); }
body.hud-navy.hud-mobile #game :is(.hm-side-actions button,#hud-mobile-potion,#hud-mobile-skill-page,#hud-mobile-fullscreen):active:enabled { background-color: #4b6579; }
body.hud-navy.hud-mobile #game ::selection { background: #bcd6e9; color: #14202b; }

/* The original keyboard/photo gates also cover contents-layout children. */
body.hud-navy.hud-mobile.touch-typing #game :is(#joystick,#adventure-hotbar > *,.hud-utilities > *,#hud-mobile-potion,#hud-mobile-skill-page,#hud-mobile-fullscreen) { visibility: hidden !important; pointer-events: none !important; }
body.hud-navy.hud-mobile.touch-typing #chat-box.chat-open { position: fixed; top: calc(var(--vv-top,0px) + 4px); bottom: auto; left: 8px; right: 8px; width: auto; margin-left: 0; max-height: calc(var(--vv-height,100dvh) - 8px); z-index: 40; }
body.hud-navy.hud-mobile.touch-typing #chat-box .chat-log { height: auto; max-height: max(24px,calc(var(--vv-height,100dvh) - 150px)); }
body.hud-navy.hud-mobile.photo-mode #game :is(#adventure-hotbar > *,.hud-utilities > *,#hud-mobile-fullscreen) { visibility: hidden !important; pointer-events: none !important; }
@media (max-width: 740px) {
  body.hud-navy.hud-mobile #game > .character.panel { width: 208px; }
  body.hud-navy.hud-mobile #hud-mobile-currency { left: 48%; max-width: 104px; font-size: 12px; }
  body.hud-navy.hud-mobile #game > #adventure-navigation,
  body.hud-navy.hud-mobile #game > #adventure-navigation[data-layout='right'] { grid-template-columns: repeat(5,44px); gap: 3px !important; width: 232px !important; }
  body.hud-navy.hud-mobile #game > #adventure-navigation > :is([data-section='shop'],[data-section='bag'],[data-section='character'],[data-section='skills'],#hud-nav-more):not([hidden]) { width: 44px; min-width: 44px; }
  body.hud-navy.hud-mobile #joystick { left: calc(var(--hm-safe-left) + 52px); }
  body.hud-navy.hud-mobile #game #hud-mobile-fullscreen { left: calc(48% - 100px); }
}
@media (prefers-reduced-motion: reduce) {
  body.hud-navy.hud-mobile #game :is(.quest-track-row,.map-quest-target,.notify-row) { animation: none; transition: none; }
}

/* These native surfaces live outside #game or contain their own popup. */
body.hud-navy.hud-mobile #game-version-badge { display: none !important; }
body.hud-navy.hud-mobile #auto-hunt-dock > .ah-label { display: none !important; }
body.hud-navy.hud-mobile #game #auto-hunt-dock { position: fixed; inset: 66px var(--hm-safe-right) auto auto; width: min(360px,calc(100vw - 32px)); height: 0; z-index: 24; pointer-events: none; }
body.hud-navy.hud-mobile #game #auto-hunt-menu:not([hidden]) { position: absolute; inset: 0 0 auto auto; box-sizing: border-box; width: 100%; max-height: calc(100dvh - 80px); padding: 12px; border: 1px solid #aab9c680; border-radius: 7px; background: #152330f5; color: #f1f5f7; pointer-events: auto; }
body.hud-navy.hud-mobile #auto-hunt-menu .ah-foot { background: #152330; border-color: #aab9c637; }
body.hud-navy.hud-mobile #adventure-navigation > #hud-nav-more { --hm-nav-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%22M3%205h26v4H3zM3%2014h26v4H3zM3%2023h26v4H3z%22%2F%3E%3C%2Fsvg%3E"); }
body.hud-navy.hud-mobile #adventure-navigation > [data-section='skills'] { --hm-nav-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%22m16%200%205%2010%2011%206-11%205-5%2011-5-11L0%2016l11-6zm0%208-3%206-6%202%206%203%203%206%203-6%206-3-6-2z%22%2F%3E%3C%2Fsvg%3E"); }
body.hud-navy.hud-mobile #adventure-navigation > [data-section='bag'] { --hm-nav-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%22M10%208V5c0-6%2012-6%2012%200v3h6l2%2021H2L4%208zm3%200h6V5c0-2-6-2-6%200zM6%2012l-1%2014h22l-1-14h-4v4h-3v-4h-6v4h-3v-4z%22%2F%3E%3C%2Fsvg%3E"); }
body.hud-navy.hud-mobile #adventure-navigation > [data-section='character'] { --hm-nav-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%22M16%201%2023%206%2028%2017%2024%2028%2018%2031V19l6-3-3-1-5%203-5-3-3%201%206%203v12L8%2028%204%2017%209%206zm0%203-2%209h4z%22%2F%3E%3C%2Fsvg%3E"); }
body.hud-navy.hud-mobile #adventure-navigation > [data-section='shop'] { --hm-nav-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%22M5%204h22l3%2010c0%203-5%204-7%201-2%203-6%203-8%200-2%203-6%203-8%200-2%203-6%202-6-1zM4%2018h4v10h6v-8h6v8h6V18h3v13H4z%22%2F%3E%3C%2Fsvg%3E"); }
/* Small purpose-drawn symbols keep the five destinations legible at phone size. */
body.hud-navy.hud-mobile #game #adventure-navigation > :is([data-section='shop'],[data-section='bag'],[data-section='character'],[data-section='skills'],#hud-nav-more) > .adventure-icon { visibility: hidden; filter: none; }
body.hud-navy.hud-mobile #game #adventure-navigation > :is([data-section='shop'],[data-section='bag'],[data-section='character'],[data-section='skills'],#hud-nav-more)::before { content: ''; position: absolute; top: 1px; left: calc(50% - 14px); width: 28px; height: 28px; border: 0; border-radius: 0; background: #f5f7f9; -webkit-mask: var(--hm-nav-art) center/contain no-repeat; mask: var(--hm-nav-art) center/contain no-repeat; filter: drop-shadow(0 1px 1px #182431); pointer-events: none; }
body.hud-navy.hud-mobile #hud-mobile-left [data-hm-action='quests'] { position: relative; }
body.hud-navy.hud-mobile #hud-mobile-left [data-hm-action='quests'] > .adventure-icon { visibility: hidden; filter: none; }
body.hud-navy.hud-mobile #hud-mobile-left [data-hm-action='quests']::before { content: ''; position: absolute; inset: 11px; background: #f4ecdc; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h14v3h-1v3l-4 4 4 4v3h1v3H5v-3h1v-3l4-4-4-4V5H5zm4 3v2l3 3 3-3V5zm3 9-3 3v2h6v-2z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h14v3h-1v3l-4 4 4 4v3h1v3H5v-3h1v-3l4-4-4-4V5H5zm4 3v2l3 3 3-3V5zm3 9-3 3v2h6v-2z'/%3E%3C/svg%3E") center/contain no-repeat; pointer-events: none; }