/* First Artis quest: compact, mouse-first HUD and dialogue treatment. */
.artis-quest-hud {
  position: fixed; top: 76px; left: 18px; z-index: 25;
  width: min(280px, calc(100vw - 36px)); padding: 12px 14px;
  color: #eee5d3; background: rgba(11, 13, 17, 0.9);
  border: 1px solid rgba(217, 162, 75, 0.55); border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); pointer-events: none;
}
.artis-quest-hud strong, .artis-quest-hud span { display: block; }
.artis-quest-hud strong { color: #e0ad5d; font: 700 14px/1.25 var(--serif); }
.artis-quest-hud span { margin-top: 4px; font: 600 13px/1.3 var(--sans); }
.artis-coin-hud {
  display: inline-flex; align-items: center; min-height: 34px; padding: 0 11px;
  color: #f0c467; background: rgba(11, 13, 17, 0.82);
  border: 1px solid rgba(217, 162, 75, 0.38); border-radius: 9px;
  font: 700 14px/1 var(--sans);
}
.remscape-dialogue .modal-text { font-size: clamp(1rem, 1.6vw, 1.18rem); line-height: 1.55; }
.remscape-dialogue .modal-confirm-row { flex-wrap: wrap; gap: 12px; }
.remscape-dialogue .btn { min-width: 120px; min-height: 48px; }
@media (max-height: 560px) { .artis-quest-hud { top: 68px; padding: 8px 11px; } }