/* Játékbeli idő-sáv: a napszak + Pyarroni dátum a MESÉLŐ (AI) narrációjához igazodik. */
#todIndicator{ display:none!important; }
.mx-tod-bar{ display:inline-flex; align-items:center; gap:8px; margin-left:14px; padding:2px 6px; vertical-align:middle; border-radius:6px; }
.mx-tod-bar .mx-tod-track{ width:60px; height:9px; border-radius:5px; border:1px solid var(--border,#c9b892);
  overflow:hidden; box-shadow:inset 0 0 3px rgba(0,0,0,.25); flex-shrink:0; }
.mx-tod-bar .mx-tod-track i{ display:block; width:100%; height:100%; }
.mx-tod-bar .mx-tod-label{ font-size:.75rem; opacity:.9; white-space:nowrap; letter-spacing:.02em; }
.mx-tod-bar .mx-tod-date{ font-size:.72rem; opacity:.7; white-space:nowrap; }
/* U-875 (2026-09-09): festett évszak/holdfázis/hőfok ikonok a korábbi
   emojik helyén, a .mx-tod-date szövegméretéhez igazítva (em-alapú). */
/* U-876 (2026-09-09, user: "legyenek azonos meretuek mint az elejen, novel
   oket oda") -- csak a magasság rögzített (arány megtartva), lásd ugyanezt
   a döntést a .vital-icon-nál (00-alap.css); a méret is nagyobb lett. */
/* 2026-09-27 (user: „meg tedd ezeket az ikonokat nagyobbra, nem is látszanak") -- 1.6em -> 2.6em,
   a vertical-align arányosan igazítva, hogy a szöveg alapvonalán maradjanak. */
.mx-tod-bar .mx-tod-icon{ height:2.6em; width:auto; vertical-align:-.62em; margin:0 3px; opacity:.95; }
/* 2026-09-27 (user: „a holdállás se egyértelmű, a sávot rendezd") -- a holdfázis eddig
   névtelen ikon volt (a season/temp mindkettő kap szöveget); most a felirat is megjelenik,
   kicsit visszafogottabb színnel, hogy a három adat (évszak/hold/hőfok) elváljon egymástól. */
.mx-tod-bar .mx-tod-moon-t{ font-size:.72rem; opacity:.75; font-style:italic; margin-right:1px; }
/* U-elcsuszas-fix (2026-09-12, user kérés: "van egy kis elcsuszas az
   aplikacioban") -- a .mx-tod-date (nap/hónap/évszak/hold/hőfok szöveg)
   `white-space:nowrap` miatt keskeny mobilon (pl. 412px) kb. 340px
   szélességű EGY sorba kényszerült, ami az EGÉSZ #vitals sávot (és vele a
   teljes oldalt) 511px szélesre tágította -- ez okozta a vízszintes
   túlcsordulást, amit a képernyő "elcsúszásnak" látott (a bal szél
   levágva, mert az oldal automatikusan a túlcsordult tartalom felé
   görgetett). Keskeny nézetben a dátum-sáv tördelhető, nem tolja szét az
   oldalt. */
@media (max-width:600px) {
  .mx-tod-bar{ flex-wrap:wrap; margin-left:6px; max-width:100%; }
  .mx-tod-bar .mx-tod-date{ white-space:normal; }
}