/* Menu slots share the skill bar's brass frame and recessed surfaces. */
body #game .hud-menu.menu-panel {
  top:42px;right:236px;gap:4px;padding:6px;align-items:center;
  flex-wrap:nowrap;max-width:none;border:1px solid #ab8848;border-radius:6px;
  background:linear-gradient(#3d4034,#262b23);box-shadow:var(--hud-frame);
}
body #game .hud-menu.menu-panel button,
body #game .hud-menu.menu-panel #travel-btn,
body #game .hud-menu.menu-panel .hud-menu-utility {
  position:relative;display:block;width:48px;height:56px;padding:0;
  border:1px solid #b99a59;border-radius:4px;
  background:linear-gradient(#535441,#30372a);
  box-shadow:inset 0 1px #ffe7ac20,inset 0 -2px #0008;
}
body #game .hud-menu.menu-panel .hud-menu-art {
  inset:auto;top:3px;left:50%;width:36px;height:36px;
  transform:translateX(-50%);clip-path:none;filter:none;
}
body #game .hud-menu.menu-panel .hud-menu-label {
  top:auto;bottom:4px;left:0;width:100%;transform:none;padding:0;
  background:none;border-radius:0;text-align:center;
  font:700 10px/13px "Noto Sans Thai",Tahoma,system-ui,sans-serif;color:#fff0cf;
  text-shadow:0 1px 2px #000;
}
body #game .hud-menu.menu-panel kbd {
  top:2px;left:3px;right:auto;border:0;padding:0;background:none;
  font:700 8px "Noto Sans Thai",Tahoma,system-ui,sans-serif;color:#e6d4a7;
}
body #game .hud-menu.menu-panel .hud-menu-badge {
  top:-4px;right:-4px;left:auto;width:11px;height:11px;
}
body #game .hud-menu.menu-panel button:hover {
  transform:none;filter:none;border-color:#ffe2a0;
  background:linear-gradient(#66684c,#3d4631);
  box-shadow:inset 0 0 12px #e9cc7130;
}
body #game .hud-menu.menu-panel button:active {
  transform:none;filter:none;background:#262d22;box-shadow:inset 0 2px 5px #0008;
}
body #game .hud-menu.menu-panel button:focus-visible {
  outline:2px solid #ffe2a0;outline-offset:2px;
}
@media(max-width:750px),(pointer:coarse) and (max-width:1100px),(max-width:1100px) and (max-height:600px) {
  body #game .hud-menu.menu-panel {
    top:calc(var(--safe-top,0px) + 12px);
    right:calc(var(--safe-right,0px) + var(--mobile-edge,16px));
    gap:4px;padding:5px;flex-wrap:wrap;justify-content:flex-end;
    max-width:calc(100% - var(--safe-left,0px) - var(--safe-right,0px) - var(--mobile-map-size,114px) - 3 * var(--mobile-edge,16px));
  }
  body #game .hud-menu.menu-panel button,
  body #game .hud-menu.menu-panel #travel-btn,
  body #game .hud-menu.menu-panel .hud-menu-utility {width:42px;height:52px}
  body #game .hud-menu.menu-panel .hud-menu-art {top:3px;width:32px;height:32px}
  body #game .hud-menu.menu-panel .hud-menu-label {font-size:9px;bottom:3px}
  body #game .hud-menu.menu-panel #feedback-btn .hud-menu-label {font-size:8px}
}

body #game .hud-menu.menu-panel #fullscreen-btn .hud-menu-art {
  display:grid;place-items:center;background:none;
  color:#ffe2a0;font:32px/1 "Noto Sans Thai",system-ui,sans-serif;
}
body #game .hud-menu.menu-panel #fullscreen-btn[hidden] {display:none}