/* Floralia · the quest guide's pointer (js/questcoach.js): a pulsing gold ring on the one thing to press, a bobbing hand and a
   one-line bubble. No dimming: the game goes on under it. */
#qc-ring { position: fixed; z-index: 55; border-radius: 10px; pointer-events: none; border: 3px solid #ffd76a;
  box-shadow: 0 0 16px 3px rgba(255, 215, 106, .7); animation: qc-pulse 1.1s ease-in-out infinite; transition: left .15s, top .15s, width .15s, height .15s; }
#qc-ring.round { border-radius: 50%; }
@keyframes qc-pulse { 0%, 100% { border-color: #ffd76a; opacity: .85; } 50% { border-color: #fff3c0; opacity: 1; box-shadow: 0 0 28px 7px rgba(255, 215, 106, .9); } }
#qc-hand { position: fixed; z-index: 56; font-size: 30px; pointer-events: none; filter: drop-shadow(0 2px 3px #000); animation: qc-bob .9s ease-in-out infinite; }
#qc-hand.up { transform: rotate(180deg); animation-name: qc-bob-up; }
#qc-hand.side { transform: rotate(90deg); animation-name: qc-bob-side; }
@keyframes qc-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }
@keyframes qc-bob-up { 0%, 100% { translate: 0 0; } 50% { translate: 0 8px; } }
@keyframes qc-bob-side { 0%, 100% { translate: 0 0; } 50% { translate: 8px 0; } }
#qc-ring[hidden], #qc-hand[hidden], #qc-tip[hidden] { display: none; }
#qc-tip { position: fixed; z-index: 57; max-width: min(300px, calc(100vw - 16px)); padding: 9px 34px 9px 13px; border-radius: 8px; font: 400 13.5px/1.4 Prompt, Mali, sans-serif; color: #e8e2d4;
  background: linear-gradient(180deg, rgba(24, 20, 30, .96), rgba(12, 10, 16, .97)); border: 1px solid rgba(201, 162, 74, .75); box-shadow: 0 10px 26px rgba(0, 0, 0, .55); }
#qc-tip b { display: block; font-size: 15px; font-weight: 600; color: #ffe3a0; }
#qc-tip span { display: block; color: #bdb5a4; font-size: 12.5px; }
#qc-tip button { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; padding: 0; border-radius: 5px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .05); color: #a9a294; font: 600 12px Prompt, sans-serif; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { #qc-ring, #qc-hand { animation: none; } }