/* Floralia · the first-play coach (js/coach.js): the screen dimmed round one control, a pulsing gold ring, a bobbing hand, a bubble. */
#coach-ring { position: fixed; z-index: 9000; border-radius: 12px; pointer-events: none; border: 3px solid #ffd76a;
  box-shadow: 0 0 0 9999px rgba(6, 4, 10, .55), 0 0 18px 4px rgba(255, 215, 106, .75); animation: co-pulse 1.1s ease-in-out infinite; transition: left .25s, top .25s, width .25s, height .25s; }
#coach-veil { position: fixed; inset: 0; z-index: 9000; background: rgba(6, 4, 10, .55); pointer-events: none; }
@keyframes co-pulse { 0%, 100% { border-color: #ffd76a; } 50% { border-color: #fff3c0; box-shadow: 0 0 0 9999px rgba(6, 4, 10, .55), 0 0 30px 8px rgba(255, 215, 106, .95); } }
#coach-hand { position: fixed; z-index: 9002; font-size: 30px; pointer-events: none; filter: drop-shadow(0 2px 3px #000); animation: co-bob .9s ease-in-out infinite; }
#coach-hand.up { transform: rotate(180deg); animation-name: co-bob-up; }
@keyframes co-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }
@keyframes co-bob-up { 0%, 100% { translate: 0 0; } 50% { translate: 0 8px; } }
#coach-ring[hidden], #coach-hand[hidden], #coach-veil[hidden] { display: none; }
#coach-tip { position: fixed; z-index: 9003; width: min(320px, calc(100vw - 20px)); padding: 14px 16px 12px; border-radius: 8px; font: 400 14.5px/1.45 Prompt, Mali, sans-serif; color: #e8e2d4;
  background: linear-gradient(180deg, rgba(24, 20, 30, .97), rgba(12, 10, 16, .98)); border: 1px solid rgba(201, 162, 74, .7); box-shadow: 0 16px 40px rgba(0, 0, 0, .6); }
#coach-tip.mid { width: min(380px, calc(100vw - 20px)); text-align: center; padding: 22px 22px 16px; }
#coach-tip .co-n { font-size: 11px; letter-spacing: .14em; color: #b8a77a; margin-bottom: 3px; }
#coach-tip b { display: block; font-size: 18px; font-weight: 600; color: #ffe3a0; margin-bottom: 3px; }
#coach-tip.mid b { font-size: 22px; }
#coach-tip span { display: block; color: #d9d2c2; }
#coach-tip .co-b { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
#coach-tip.mid .co-b { justify-content: center; }
#coach-tip button { padding: 6px 16px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .05); color: #a9a294; font: 500 13.5px Prompt, sans-serif; cursor: pointer; }
#coach-tip button.go { color: #2c1a08; border-color: #fff0b0; background: linear-gradient(180deg, #ffe9a0, #f2b64a 55%, #c9832a); font-weight: 600; padding: 6px 20px; }
@media (prefers-reduced-motion: reduce) { #coach-ring, #coach-hand { animation: none; } }