/* ---------- the quest box's own handles (2026-10-18, js/questmove.js): drag it anywhere, pull any side or corner (the frame of
   js/hudbox.js, css/hudbox.css), − / + / ⟲ chips over it while the pointer is on it. Obsidian Gold like the HUD; sized in
   HUD units (--u). ---------- */
#questbox { touch-action: none; }   /* (a finger drags the box instead of panning the page) */
#questbox.hb-busy { cursor: grabbing; filter: brightness(1.12) drop-shadow(0 calc(6px * var(--u)) calc(10px * var(--u)) rgba(0, 0, 0, 0.5)); }
#questbox { scrollbar-width: thin; scrollbar-color: rgba(214, 178, 96, 0.55) transparent; overscroll-behavior: contain; }   /* (a box made shorter than its quests scrolls) */
#qm-tools {
  position: fixed; z-index: 881; display: flex; align-items: center; gap: calc(4px * var(--u));
  padding: calc(3px * var(--u)) calc(4px * var(--u)); border-radius: 999px;
  background: rgba(14, 15, 24, 0.9); border: 1px solid rgba(214, 178, 96, 0.7); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
}
#qm-tools[hidden] { display: none; }
#qm-tools .qm-tip { padding: 0 calc(4px * var(--u)); color: #c9bfa6; font: 600 calc(10.5px * var(--u)) Mali, Fredoka, sans-serif; white-space: nowrap; }
#qm-tools button {
  width: calc(22px * var(--u)); height: calc(22px * var(--u)); display: grid; place-items: center; padding: 0; cursor: pointer;
  border: 1px solid rgba(214, 178, 96, 0.6); border-radius: 50%; background: rgba(255, 217, 119, 0.1);
  color: #ffd977; font: 700 calc(13px * var(--u)) / 1 Fredoka, 'Segoe UI', Arial, sans-serif;
}
#qm-tools button:hover { background: rgba(255, 217, 119, 0.28); color: #fff; }
@media (pointer: coarse) { #qm-tools button { width: 30px; height: 30px; font-size: 16px; } }