/* Magnetic Fishing Game: the spoken task banner (shared HUD styles: /fishing-games/_shared/fish2d.css) */
.mf-ask { position: absolute; left: 50%; top: 12px; transform: translateX(-50%); max-width: 60%; text-align: center; padding: 6px 18px; border-radius: 999px;
  background: #fff; color: #0f172a; font: 900 clamp(16px, 3.2cqw, 28px) system-ui, sans-serif; box-shadow: 0 4px 0 #f59e0b, 0 6px 14px rgba(0, 0, 0, .25); white-space: nowrap; }
.mf-ask:empty { display: none; }
@container (max-width: 480px) { .mf-ask { top: 52px; max-width: 92%; font-size: 17px; } }