/* Floralia · the world map's quest guide (js/questguide.js): a red arrow bobbing over what to press next, the target
   region's glow pulsing red, a parchment strip with the step (2026-10-12) */
#worldmap .qg-arrow { position: absolute; left: 50%; bottom: calc(100% + 4px); width: 42px; height: auto; z-index: 8; pointer-events: none;
  transform: translateX(-50%); filter: drop-shadow(0 3px 3px rgba(60, 20, 10, 0.5)); animation: qgBob 0.75s ease-in-out infinite; }
@keyframes qgBob { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, -11px); } }
@keyframes qgPulse { 0%, 100% { box-shadow: 0 0 0 3px rgba(214, 48, 32, 0.95), 0 0 14px rgba(255, 90, 50, 0.55); } 50% { box-shadow: 0 0 0 5px rgba(214, 48, 32, 0.55), 0 0 30px rgba(255, 90, 50, 0.85); } }
/* the region to press */
#worldmap .wm-reg.qg-target { z-index: 5; }
#worldmap .wm-reg.qg-target .wm-rglow { opacity: 1; animation: qgPulse 1.1s ease-in-out infinite;
  background: radial-gradient(closest-side, rgba(255, 120, 80, 0.32), rgba(255, 120, 80, 0.1) 65%, rgba(255, 120, 80, 0) 100%); }
#worldmap .wm-reg.qg-target .wm-rplate { z-index: 2; }
/* a button to press (the card's warp, the region page's warp / back) and the region page's tab */
#worldmap .qg-btn { position: relative; overflow: visible; animation: qgPulse 1.1s ease-in-out infinite; }
#worldmap .wm-tab.qg-target { box-shadow: 0 0 0 3px rgba(214, 48, 32, 0.9), 0 0 16px rgba(255, 90, 50, 0.6); }
/* the step strip: at the top of the atlas, or above the region page's buttons */
#worldmap .qg-tip { position: absolute; left: 50%; top: 10px; transform: translateX(-50%); z-index: 9; pointer-events: none;
  display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 12px 44px 10px; white-space: nowrap;
  border: 0 solid transparent; border-image: url(../assets/ui_book/atlas_label.png) 27 62 19 62 fill / 13px 30px 10px 30px stretch;
  filter: drop-shadow(0 3px 4px rgba(40, 24, 10, 0.55)); color: #3b2410; font: 600 16px/1.35 'Mali', sans-serif; text-align: center;
  animation: qgIn 0.25s ease-out; }
#worldmap .qg-tip .qg-q { font-style: normal; font-size: 12.5px; color: #7a5228; }
#worldmap .qg-tip b { color: #a1281c; margin: 0 3px; }
#worldmap .qg-tip small { font-size: 12.5px; color: #6b4a2a; }
#worldmap .qg-tip.flow { position: relative; left: auto; top: auto; transform: none; margin: 6px 0 4px; white-space: normal; padding: 12px 34px 10px; animation: none; }
@keyframes qgIn { from { opacity: 0; transform: translate(-50%, -6px); } to { opacity: 1; transform: translate(-50%, 0); } }
@media (prefers-reduced-motion: reduce) { #worldmap .qg-arrow, #worldmap .qg-btn, #worldmap .wm-reg.qg-target .wm-rglow, #worldmap .qg-tip { animation: none; } }