/* ============================================================
   ARANYÚT (js/aranyut.js) – a méhecske buboréka a városban és a Hulladékudvar pulzáló névtáblája. Csak tokenek.
   A buborék alul középen ül (a város teteje a fejléc és a mérők helye); a panelek alatt marad, mert panel nyitásakor elrejtjük.
   ============================================================ */
#auBub { position:fixed; left:50%; transform:translateX(-50%); bottom:calc(16px + env(safe-area-inset-bottom));
  z-index:calc(var(--z-hud) + 1); width:min(calc(100vw - 24px), 560px); pointer-events:none; }
#auBub.hidden { display:none; }
.auSay { pointer-events:auto; align-items:flex-end; }
.auSay .ds-bubble { display:grid; gap:var(--sp-2); box-shadow:var(--soft); }
.auSay .ds-bubble p { margin:0; font-size:var(--fs-m); line-height:1.35; }
.auGombok { display:flex; flex-wrap:wrap; gap:var(--sp-2); }
.auGombok .ds-btn-sm { display:inline-flex; align-items:center; gap:4px; min-height:var(--tap); cursor:pointer; }
#auBub:not(.hidden) .auSay { animation:auBe var(--t-base) var(--ease-out) both; }
@keyframes auBe { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }

/* a Hulladékudvar névtáblája: méz-gyűrű, finoman lélegzik, amíg az aranyút oda mutat */
.mhTag.is-aranyut { background:var(--accent); box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--accent); animation:auPulzus 1.6s var(--ease-out) infinite; }
@keyframes auPulzus { 0%, 100% { box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--accent); } 50% { box-shadow:0 0 0 3px var(--surface), 0 0 0 11px var(--accent); } }

@media (prefers-reduced-motion: reduce){ #auBub:not(.hidden) .auSay, .mhTag.is-aranyut { animation:none; } }
.reduce-motion #auBub:not(.hidden) .auSay, .reduce-motion .mhTag.is-aranyut { animation:none; }
@media (max-width:480px){ .auSay .ds-avatar { display:none; } }