.mx-lm-ov{position:fixed;inset:0;z-index:11000;background:#0e0d12;display:none;flex-direction:column}
.mx-lm-ov.show{display:flex}
/* U-941: a z-index korábban 5 volt -- ez a saven stacking-kontextuson
   (.mx-lm-ov) belül GYENGÉBB, mint a térkép-panelek (.mx-lm-ctl/legend/
   context/citylist/pinpanel/travelpanel mind z-index:600), tehát a sávból
   lenyíló új ☰ menü (l. lejjebb, .mx-lm-btngrp.open) a térkép-vezérlők
   ALATT tűnt volna el, hiába volt neki magasabb (de csak a SÁVON BELÜL
   érvényes) saját z-index-e. A sáv most 700 -- mindig a térkép-panelek
   FÖLÖTT marad, ahogy egy eszköztárnak illik. */
.mx-lm-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--panel,#241f18);color:var(--text,#e8dfce);border-bottom:1px solid var(--border,#4a4030);position:relative;z-index:700;flex-wrap:wrap}
.mx-lm-title{font-family:var(--font-display,serif);font-size:1.1rem;white-space:nowrap}
.mx-lm-search{flex:0 1 300px;max-width:44vw;padding:8px 12px;border:1px solid var(--border,#4a4030);border-radius:8px;background:rgba(255,255,255,.08);color:inherit;font-size:.95rem}
.mx-lm-search:focus{outline:none;background:rgba(255,255,255,.14)}
.mx-lm-results{position:absolute;top:48px;left:118px;width:330px;max-width:60vw;max-height:52vh;overflow:auto;background:var(--panel,#241f18);border:1px solid var(--border,#4a4030);border-radius:8px;box-shadow:0 12px 34px rgba(0,0,0,.6);display:none;z-index:20}
.mx-lm-results.show{display:block}
.mx-lm-results .mx-lm-item{padding:9px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06);font-size:.95rem}
.mx-lm-results .mx-lm-item:hover,.mx-lm-results .mx-lm-item.active{background:rgba(217,138,58,.22)}
.mx-lm-results .mx-lm-city{color:#f0b46a}
.mx-lm-spacer{flex:1}
.mx-lm-bar button{padding:8px 12px;border:1px solid var(--border,#4a4030);border-radius:8px;background:rgba(255,255,255,.06);color:inherit;cursor:pointer;white-space:nowrap;font-size:.9rem}
.mx-lm-bar button:hover{background:rgba(255,255,255,.14)}
.mx-lm-bar button[hidden]{display:none!important}
/* U-941 (2026-09-14, user: "a terkepnel is tegyel hamburger menut mobilon")
   -- a 9 eszköztár-gomb mobilon flex-wrap miatt 5 sorba tördelődött, ~373px-
   et elvéve a térkép elől (mérve, 390x844). Asztalon `.mx-lm-btngrp{display:
   contents}` -- a wrapper LÁTHATATLAN a layout számára, a gombok pont úgy
   ülnek egy sorban a sávban, mint a wrapper bevezetése előtt (0 vizuális
   változás). Mobilon a ☰ gomb nyitja/zárja lenyíló listaként. */
.mx-lm-menu-toggle{display:none}
body.mx-mobile-mode .mx-lm-menu-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:2.3rem;height:2.3rem;padding:0;font-size:1.15rem;flex-shrink:0;
  /* U-952 (2026-09-16, user: "a terkepnel meg barna kitoltest kap") --
     a `.mx-lm-bar button` altalanos szabalya minden gombnak ad egy
     halvany feher-atlatszo hatteret + szegelyt -- ez a fest ett, sajat
     korkeretet mar hordozo medalion-ikonnal egy "dupla keret" hatast
     adott (egy negyzet a kor mogott), amit a user "barna kitoltesnek"
     latott. Atlatszo hatter/szegely, hogy az ikon sajat maga uszik. */
  background:transparent!important;border-color:transparent!important;
}
/* U-949 (2026-09-15): a nyers "☰" karaktert egy valodi festett ikon
   (ikon_ui_menu.png) valtotta fel. U-952 (2026-09-16, user: "kicsi nem
   latszanak a pergamenek") -- 1.4rem tul kicsi volt a reszletes rajzhoz,
   1.9rem-re novelve (a 2.3rem-es gomb-dobozon belul meg belefer). */
.mx-lm-menu-toggle .icon-img{width:1.9rem;height:1.9rem}
.mx-lm-btngrp{display:contents}
body.mx-mobile-mode .mx-lm-btngrp{
  display:none;position:absolute;top:100%;left:0;right:0;
  flex-direction:column;gap:6px;padding:10px 12px;
  background:var(--panel,#241f18);border-bottom:1px solid var(--border,#4a4030);
  box-shadow:0 12px 30px rgba(0,0,0,.5);max-height:70vh;overflow-y:auto;z-index:20;
}
body.mx-mobile-mode .mx-lm-btngrp.open{display:flex}
body.mx-mobile-mode .mx-lm-btngrp button{width:100%;justify-content:flex-start;text-align:left}
body.mx-mobile-mode .mx-lm-btngrp button:not([hidden]){display:flex;align-items:center;gap:.5rem}
/* U-terkep-visszagomb (2026-09-11, user kérés: "a varos megnyitasa utan
   legyen valamelyik sarokban egy visza nyil is") -- a felső sávban lévő
   ⌂ Világtérkép gomb könnyen elveszett a sok gomb között; ez egy jól
   látható, lebegő gomb a térkép jobb-felső sarkában, csak városnézetben. */
.mx-lm-backfloat{position:absolute;top:12px;right:12px;z-index:650;padding:9px 14px;border:1px solid var(--border,#4a4030);border-radius:10px;background:var(--panel,#241f18);color:var(--text,#e8dfce);box-shadow:0 8px 26px rgba(0,0,0,.5);cursor:pointer;font-size:.9rem;white-space:nowrap}
.mx-lm-backfloat:hover{background:rgba(255,255,255,.14)}
.mx-lm-backfloat[hidden]{display:none!important}
.mx-lm-map{flex:1;background:#d7e3e9;position:relative}
.mx-lm-cityname{color:#f0b46a;font-size:.92rem;white-space:nowrap}
.leaflet-container{background:#d7e3e9}
.mx-lm-pop b{font-size:1.02rem}
.mx-lm-pop button{margin-top:8px;padding:7px 12px;border:1px solid var(--border,#c9b892);border-radius:6px;background:#d98a3a;color:#fff;cursor:pointer;font-size:.92rem}
/* C-073 (2026-08-17): varos-popup hangulatkep a nev felett */
.mx-lm-pop-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;margin-bottom:6px;cursor:zoom-in}
/* D-300: helyszín mini-napló a jelölő buborékjában */
.mx-lm-journal{margin-top:8px;max-height:220px;overflow-y:auto;font-size:.84rem;line-height:1.42}
.mx-lm-j-h{margin:7px 0 3px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:.72rem;opacity:.65}
.mx-lm-j-row{padding:4px 0;border-bottom:1px solid rgba(0,0,0,.08)}
.mx-lm-j-row:last-of-type{border-bottom:none}
.mx-lm-j-foot{margin-top:7px;padding-top:6px;border-top:1px solid rgba(0,0,0,.12);font-size:.74rem;opacity:.6;font-style:italic}
/* ── réteg-választó (nézet + korszak) ── */
.mx-lm-ctl{position:absolute;top:12px;right:12px;z-index:600;background:var(--panel,#241f18);color:var(--text,#e8dfce);border:1px solid var(--border,#4a4030);border-radius:10px;box-shadow:0 8px 26px rgba(0,0,0,.5);padding:10px 12px;font-size:.85rem;min-width:172px}
.mx-lm-ctl .mx-lm-ctl-lbl{opacity:.65;text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;margin:0 0 5px}
.mx-lm-ctl .mx-lm-seg{display:flex;gap:0;margin-bottom:12px;border:1px solid var(--border,#4a4030);border-radius:8px;overflow:hidden}
.mx-lm-ctl .mx-lm-seg:last-child{margin-bottom:0}
.mx-lm-ctl .mx-lm-seg button{flex:1;padding:8px 6px;border:none;background:transparent;color:inherit;cursor:pointer;font-size:.85rem;transition:background .12s}
.mx-lm-ctl .mx-lm-seg button+button{border-left:1px solid var(--border,#4a4030)}
.mx-lm-ctl .mx-lm-seg button.on{background:#d98a3a;color:#1a140c;font-weight:700}
.mx-lm-ctl .mx-lm-seg button:hover:not(.on){background:rgba(255,255,255,.08)}
/* zoom-vezérlő a jobb-alsó sarokba, ne legyen útban */
.mx-lm-map .leaflet-control-zoom{margin-bottom:16px;margin-right:14px}
/* U-terkep-panel-fejlec (2026-09-17, user kérés: "a nyomok menü kerete
   legyen hasonló, mint a többi menüé" + "mozgathatóvá lehet tenni mindegyik
   menüt") -- MINDEN térkép-panel (Jelmagyarázat/Nyomok/Városlista/Jelölők/
   Utazás) egységes fejléc-sávot kapott: cím balra, ✕ jobbra, az egész sáv
   húzható fogantyú (l. makeDraggable() a JS-ben). Ez váltja fel a korábbi,
   panelenként eltérő "lebegő kör-X + külön h4" mintát. */
.mx-lm-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:move;user-select:none;padding-bottom:6px;margin-bottom:8px;border-bottom:1px solid rgba(0,0,0,.15)}
.mx-lm-panel-title{font-family:var(--font-display,serif);font-size:1.02rem;color:#7a3b2e;display:flex;align-items:center;gap:6px}
.mx-lm-panel-title .icon-img{width:1.3em;height:1.3em}
.mx-lm-panel-x{flex:0 0 auto;background:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;line-height:1}
.mx-lm-panel-x:hover{background:rgba(0,0,0,.7)}
/* a sötét-fa témájú paneleknél (Jelölők/Utazás) a fejléc-elválasztó és a
   cím-szín a világos szöveghez igazodik, nem a pergamen-témájú barnához. */
.mx-lm-pinpanel .mx-lm-panel-head,.mx-lm-travelpanel .mx-lm-panel-head{border-bottom-color:var(--border,#4a4030)}
.mx-lm-pinpanel .mx-lm-panel-title,.mx-lm-travelpanel .mx-lm-panel-title{color:var(--text,#e8dfce);font-family:inherit;font-size:.95rem;font-weight:700}
.mx-lm-pinpanel .mx-lm-panel-x,.mx-lm-travelpanel .mx-lm-panel-x{background:rgba(255,255,255,.12);color:inherit}
.mx-lm-pinpanel .mx-lm-panel-x:hover,.mx-lm-travelpanel .mx-lm-panel-x:hover{background:rgba(255,255,255,.24)}
/* húzás közben enyhe kiemelés, hogy a user lássa melyiket mozgatja */
.mx-lm-dragging{opacity:.88;box-shadow:0 14px 40px rgba(0,0,0,.7)!important}
/* ── jelmagyarázat: KESKENY, FÜGGŐLEGES sáv balról (rejtve, gombra jön elő) ── */
/* U-terkep-legend-teljes (2026-09-17-b, user kérés: "a jelmagyarázat
   megjelenhet teljes méretben, ha lehetséges, elsőre, ha csak a felhasználó
   máskép nem dönt" -- vissza teljes magasságra (top:10;bottom:10); a
   korábbi (2026-09-17-a) korlátozás a Nyomok-átfedés miatt kellett, de a
   Nyomok panel default-pozíciója idekötve MÁR NEM erre a sávra esik (l.
   `.mx-lm-context` lejjebb), így a teljes magasság megint biztonságos.
   Innentől a MÉRET is a user kezében van (l. `.mx-lm-resize-handle` lent) --
   ha összehúzza/áthelyezi, a `makeDraggable()` elmenti, és onnantól azt
   tartja meg, nem a teljes méretet. U-terkep-meretezes-sajat-fogantyu
   (2026-09-18, user kérés: "megint nem tudom lehúzni" -- a natív böngésző
   `resize:both` sarok-fogantyúja UGYANABBAN a sarokban ült, mint a hosszú
   lista miatt szinte mindig megjelenő gördítősáv, ez a két elem versengett
   ugyanazokért a képpontokért, valós egérrel gyakorlatilag nem lehetett
   eltalálni) -- innentől SAJÁT, jól látható fogantyú (`resize:none` a
   dobozon, a fogantyút a JS adja hozzá `makeDraggable()`-ban). */
.mx-lm-legend{position:absolute;left:10px;top:10px;bottom:10px;z-index:600;background:#fbf7ee;color:#2a2320;border:1px solid #c9b892;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);padding:8px 12px 12px;width:250px;min-width:200px;min-height:140px;resize:none;overflow:auto;display:none}
/* 2026-09-19 (user: a Jelmagyarázat + Jelölők panel átfedi egymást mobilon
   -- mindkettő szándékosan nyitva van térkép-nyitáskor, l. fent az
   "U-terkep-alap-nyitva" megjegyzést, de a left/right-alapú, egymás melletti
   elrendezés csak akkor fér el átfedés nélkül, ha a viewport elég széles
   mindkettőhöz (250px + ~214-252px + margók). Keskeny nézeten (ugyanaz a
   768px töréspont, mint a többi "isMobile" ellenőrzésnél a projektben)
   egymás alá kerülnek: Jelmagyarázat felül, Jelölők alul, mindkettő teljes
   szélességben, saját belső görgetéssel. */
@media (max-width:768px){
  /* FONTOS: %-ban, NEM vh-ban -- a panel a térkép-konténerhez van
     abszolút-pozicionálva, ami maga NEM a teljes viewport (a fejléc/eszköztár
     elveszi a magasság egy részét), 42vh a konténer tényleges magasságához
     képest sokkal TÖBB mint 42% volt, ezért az első próbálkozás (vh-alapú)
     még mindig átfedte a két panelt -- élőben mérve derült ki. */
  .mx-lm-legend{left:6px;right:6px;top:6px;bottom:auto;width:auto;max-width:none;height:44%;max-height:44%}
}
.mx-lm-legend.show{display:block}
.mx-lm-lg-grp{margin:9px 0 3px;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6;border-bottom:1px solid rgba(0,0,0,.14);padding-bottom:2px}
.mx-lm-lg-row{display:flex;align-items:center;gap:8px;font-size:.77rem;padding:2px 0;line-height:1.15}
.mx-lm-lg-sw{width:22px;height:13px;border:1px solid rgba(0,0,0,.35);border-radius:2px;flex:0 0 auto}
.mx-lm-lg-line{width:22px;height:0;flex:0 0 auto;border-top-width:3px}
.mx-lm-lg-gly{width:22px;text-align:center;flex:0 0 auto;font-size:.92rem;line-height:1;color:#7a1f1f}
/* U-kontextus-panel (2026-09-12): ugyanaz a "referencia-kártya" minta, mint
   a Jelmagyarázat/Városlista panelnél (világos pergamen). U-terkep-atfedes
   (2026-09-17-a, user kérés: "az ablakok ne nyíljanak meg egymás hegyén
   hátán") -- korábban jobb-felül, teljes magasságban, közvetlenül a
   (szintén jobb oldali) Jelölők panel alatt/mögött -- valódi átfedés.
   U-terkep-legend-teljes (2026-09-17-b): mivel a Jelmagyarázat visszakapta a
   teljes magasságot, a bal-alsó sarok megint foglalt lenne -- a tényleges
   alap-pozíciót ezért a JS (a `travelBtn`-mintájú felül-középre igazítás,
   l. 23-terkep.js) állítja be induláskor; ez a CSS-beli left/bottom csak
   ártalmatlan tartalék, amíg a panel még sosem nyílt meg. */
.mx-lm-context{position:absolute;left:10px;bottom:10px;z-index:600;background:#fbf7ee;color:#2a2320;border:1px solid #c9b892;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);padding:8px 12px 12px;width:290px;min-width:200px;min-height:140px;max-width:88vw;resize:none;overflow:auto;display:none}
.mx-lm-context.show{display:block}
.mx-lm-ctx-scene{font-size:.78rem;opacity:.75;text-align:center;padding:2px 0 8px;border-bottom:1px solid rgba(0,0,0,.12);margin-bottom:2px}
.mx-lm-ctx-sec{margin-top:10px}
.mx-lm-ctx-sec h5{margin:0 0 6px;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;opacity:.6;border-bottom:1px solid rgba(0,0,0,.14);padding-bottom:2px}
.mx-lm-ctx-row{display:flex;align-items:flex-start;gap:8px;padding:6px 7px;border-radius:7px;background:rgba(0,0,0,.035);margin-bottom:5px}
.mx-lm-ctx-main{flex:1;min-width:0}
.mx-lm-ctx-name{font-weight:600;font-size:.86rem}
.mx-lm-ctx-when{font-weight:400;opacity:.6;font-size:.78rem}
.mx-lm-ctx-sub{font-size:.76rem;opacity:.75;margin-top:1px}
.mx-lm-ctx-sub b{color:#7a3b2e}
.mx-lm-ctx-quote{font-style:italic;font-size:.8rem;opacity:.8;margin-top:3px;line-height:1.35}
.mx-lm-ctx-pin{flex:0 0 auto;border:1px solid #c9b892;border-radius:999px;background:#fff;cursor:pointer;font-size:.78rem;padding:2px 7px;line-height:1.4}
.mx-lm-ctx-pin:hover{background:#f0e6d0}
.mx-lm-ctx-empty{font-size:.78rem;opacity:.6;font-style:italic;padding:4px 1px}
.mx-lm-ctx-foot{margin-top:11px;padding-top:8px;border-top:1px solid rgba(0,0,0,.12);font-size:.72rem;opacity:.6;font-style:italic;line-height:1.4}
/* ── várostérkép helyszín-lista (jobb oldalt, megnyitáskor) ── */
.mx-lm-citylist{position:absolute;right:10px;top:10px;bottom:10px;z-index:600;background:#fbf7ee;color:#2a2320;border:1px solid #c9b892;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);padding:8px 12px 12px;width:300px;min-width:220px;min-height:160px;max-width:46vw;resize:none;overflow:auto;display:none}
.mx-lm-citylist.show{display:block}
/* C-076 (2026-08-17, user: "a varosterkephez is berakod, bal felere, ahol
   nem zavarja a terkepet"): a varos hangulatkepe egy kis kartyan a
   bal-felso sarokban, csak varos-nezetben, csak ha van hozza kep. */
.mx-lm-cityhero{position:absolute;left:10px;top:10px;z-index:600;background:#fbf7ee;border:1px solid #c9b892;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);width:230px;max-width:40vw;overflow:hidden;display:none;cursor:zoom-in}
.mx-lm-cityhero.show{display:block}
.mx-lm-cityhero .mx-lm-chx{position:absolute;top:6px;right:6px;z-index:2;background:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;line-height:1}
.mx-lm-chero-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.mx-lm-chero-cap{padding:.4rem .6rem;font-family:var(--font-display,serif);font-size:.95rem;color:#7a3b2e;background:#fbf7ee}
.mx-lm-cl-sub{font-size:.72rem;opacity:.6;margin-bottom:7px}
.mx-lm-cl-search{width:100%;box-sizing:border-box;margin:0 0 7px;padding:5px 8px;border:1px solid #c9b892;border-radius:7px;font-size:.8rem}
.mx-lm-cl-grp{margin:9px 0 3px;font-weight:700;font-size:.85rem;color:#5a2a12;border-bottom:1px solid rgba(0,0,0,.14);padding-bottom:2px}
.mx-lm-cl-row{display:flex;gap:7px;font-size:.8rem;padding:1px 0;line-height:1.25}
.mx-lm-cl-row.hide{display:none}
.mx-lm-cl-n{flex:0 0 auto;min-width:22px;text-align:right;font-weight:700;color:#7a3b2e}
.mx-lm-cl-empty{opacity:.6;font-size:.8rem;padding:6px 0}
.mx-lm-cl-grp.jump{cursor:pointer}
.mx-lm-cl-grp.jump:hover{color:#d98a3a}
.mx-lm-cl-row.jump{cursor:pointer;border-radius:5px}
.mx-lm-cl-row.jump:hover{background:rgba(217,138,58,.2)}
/* ── saját pin-rendszer: ZÁSZLÓ-ikonok ── */
.mx-lm-map.mx-lm-arm .leaflet-container{cursor:crosshair!important}
.mx-lm-flagicon{background:none!important;border:none!important;position:relative}
/* U-937: festett terkep-tu + kategoria-szin potty (az SVG-zaszlo helyett) */
.mx-lm-flagicon .mx-pin-img{display:block;filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}
.mx-lm-flagicon .mx-pin-dot{position:absolute;top:14%;left:50%;transform:translate(-50%,-50%);
  width:7px;height:7px;border-radius:50%;border:1.5px solid rgba(255,255,255,.92);
  box-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none}
.mx-lm-flagicon.self .mx-pin-img{filter:drop-shadow(0 0 5px rgba(255,255,255,.9)) drop-shadow(0 2px 2px rgba(0,0,0,.5))}
.mx-lm-flagicon.self .mx-pin-dot{width:8px;height:8px}
.mx-lm-flagicon svg{display:block;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}
.mx-lm-flagicon.self svg{filter:drop-shadow(0 0 5px rgba(255,255,255,.9)) drop-shadow(0 2px 2px rgba(0,0,0,.5))}
/* U-terkep-jelolok-athely (2026-09-12, user kérés: "a jeloloket helyezd a
   domborzat ala, igy tobb dolog is nyitva maradhat ha kell") -- a Jelölők
   panel a bal-felső sarokból a jobb-felső sarokba költözött, a réteg-
   választó doboz (.mx-lm-ctl, "Térkép: Domborzati/Politikai") ALÁ. Így a
   bal oldali kizárólagos panelek (Jelmagyarázat/Utazás/Helyszín-lista) és
   a mindig nyitva tartható Jelölők egyszerre, átfedés nélkül elférnek. */
.mx-lm-pinpanel{position:absolute;right:12px;top:190px;z-index:600;background:var(--panel,#241f18);color:var(--text,#e8dfce);border:1px solid var(--border,#4a4030);border-radius:10px;box-shadow:0 8px 26px rgba(0,0,0,.5);padding:10px 12px;font-size:.85rem;min-width:214px;min-height:140px;max-width:252px;max-height:calc(100% - 202px);resize:none;overflow:auto;display:none}
.mx-lm-pinpanel.show{display:block}
@media (max-width:768px){
  .mx-lm-pinpanel{left:6px;right:6px;top:auto;bottom:6px;width:auto;min-width:0;max-width:none;max-height:44%}
}
/* U-terkep-atkoltoztetes (2026-09-11): Utazás-panel, ugyanaz a doboz-minta, mint a pinpanel-é. */
.mx-lm-travelpanel{position:absolute;left:12px;top:12px;z-index:600;background:var(--panel,#241f18);color:var(--text,#e8dfce);border:1px solid var(--border,#4a4030);border-radius:10px;box-shadow:0 8px 26px rgba(0,0,0,.5);padding:10px 12px;font-size:.85rem;min-width:260px;min-height:160px;max-width:320px;max-height:calc(100% - 24px);resize:none;overflow:auto;display:none}
.mx-lm-travelpanel.show{display:block}
/* U-terkep-x-gombok (2026-09-11, user kérés: "mindegyik ablakon legyen egy
   kis x is, nem mindig egyertelmu hogy ujra ra kell katintani" -- a
   pin- és utazás-panel eddig CSAK a nyitó-gombjukra való újrakattintással
   voltak becsukhatók). A kör-x gomb mostantól az egységes `.mx-lm-panel-x`
   osztályból jön (l. feljebb), a `.mx-lm-pp-x`/`.mx-lm-tp-x` csak a
   JS-kapcsoláshoz (id-szerű szelektorként) maradt meg. */
.mx-lm-pp-sec+.mx-lm-pp-sec{margin-top:11px;border-top:1px solid var(--border,#4a4030);padding-top:9px}
.mx-lm-pp-h{opacity:.65;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;margin:0 0 7px;display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.mx-lm-pp-hint{text-transform:none;letter-spacing:0;opacity:.85;font-size:.7rem;color:#f0b46a}
.mx-lm-pp-kinds,.mx-lm-pp-filter,.mx-lm-pp-base{display:flex;flex-direction:column;gap:5px}
/* U-terkep-szurok-osszecsuk (2026-09-17, user kérés: "lehet összehúzható és
   kinyithatóak a szűrők? kevesebb helyet foglaljon") -- a két szűrő-szekció
   fejléce kattintható, összecsukott állapotban a chip-lista rejtve marad. */
.mx-lm-pp-collapsible .mx-lm-pp-h{cursor:pointer}
.mx-lm-pp-collapsible .mx-lm-pp-h:hover{opacity:.9}
.mx-lm-pp-caret{opacity:.8;font-size:.75rem}
.mx-lm-pp-sec.collapsed .mx-lm-pp-filter,.mx-lm-pp-sec.collapsed .mx-lm-pp-base{display:none}
.mx-lm-kbtn{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border,#4a4030);border-radius:8px;background:rgba(255,255,255,.04);color:inherit;cursor:pointer;font-size:.83rem;text-align:left}
.mx-lm-kbtn:hover{background:rgba(255,255,255,.1)}
.mx-lm-kbtn.on{background:#d98a3a;color:#1a140c;border-color:#d98a3a;font-weight:600}
/* D-574 (2026-09-11): veszélyzóna-köd gomb -- ugyanaz az "on" konvenció, mint a többi kapcsológomb. */
.mx-lm-danger-btn.on{background:#c0392b;color:#fff;border-color:#c0392b;font-weight:600}
.mx-lm-admin-btn.on{background:#eab308;color:#1a140c;border-color:#eab308;font-weight:600}
.mx-lm-kdot{width:13px;height:13px;border-radius:50%;flex:0 0 auto;border:1px solid rgba(0,0,0,.35)}
.mx-lm-fchip{display:flex;align-items:center;gap:8px;padding:4px 7px;border-radius:7px;cursor:pointer;user-select:none;font-size:.83rem}
.mx-lm-fchip:hover{background:rgba(255,255,255,.07)}
.mx-lm-fchip.off{opacity:.4}
.mx-lm-fchip .mx-lm-fcount{margin-left:auto;opacity:.6;font-size:.75rem}
/* D-574 folyt. (2026-09-12, user kérés: "a jeleket csak a magyarazathoz
   tedd alul, es a zonak maradjanak szinesek") -- a régi 52px-es térkép-
   jelvények törölve; MOST a zóna-poligonok maguk interaktívak (hover-
   tooltip + kattintás a Régiókhoz), az ikon pedig csak itt, a mindig
   látható szín-kulcsban jelenik meg. */
.mx-lm-danger-legend{position:absolute;left:12px;bottom:12px;z-index:600;display:flex;flex-wrap:wrap;gap:6px;max-width:min(90%,420px)}
.mx-lm-dl-chip{display:flex;align-items:center;gap:8px;padding:5px 14px 5px 4px;border-radius:999px;background:var(--panel,#241f18);color:var(--text,#e8dfce);border:1px solid var(--border,#4a4030);font-size:.75rem;box-shadow:0 4px 14px rgba(0,0,0,.4);cursor:pointer}
.mx-lm-dl-chip:hover{filter:brightness(1.25)}
.mx-lm-dl-chip.on{outline:2px solid currentColor;outline-offset:1px}
/* U-veszelyzona-pulzalas (2026-09-12, user kérés véglegesítve, majd
   2026-09-13: "csak a kontur pulzaljon... a kontur legyen eles szinnel, a
   maga szinjen csak sokkal elesebb, rikitobb szinnel, peldaul a zold
   kodnel neon legyen") -- a JS `neonify()` a zóna saját (jitterelt, tompa)
   színét max. telítettségű, élénk "neon" változatra tolja (ua. árnyalat/
   hue), ÉS ezt a path `style.color`-jába teszi -- a `stroke:currentColor`
   itt lent MOST magát a KONTÚR-VONALAT is erre a neon színre állítja
   (nem csak a köré rakott glow-t), ez adja a "rikítóbb, éles színű
   kontúr" hatást. A ciklus VÉGTELEN, csak a JS (ismételt chip-kattintás)
   állítja le. */
@keyframes mxZonePulse{
  0%,100%{stroke-width:3px;filter:drop-shadow(0 0 0 currentColor)}
  50%{stroke-width:6px;filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 7px currentColor)}
}
.mx-lm-pulse{animation:mxZonePulse 1.7s ease-in-out infinite;stroke:currentColor!important}
/* U-veszelyzona-jelveny-meret (2026-09-12, user kérés: "a jelvenyeket
   noveld duplajara") -- a legenda-chip ikonja 22px→44px. */
.mx-lm-dl-chip img{width:44px;height:44px;border-radius:50%;display:block;flex:0 0 auto}
/* U-veszelyzona-semleges (2026-09-18): a "Besorolatlan/semleges" tier nem
   klikkelhető (nincs saját vektor-zóna-lista a pulzáláshoz) és nincs festett
   ikonja -- sima szín-pötty jelöli, alap kurzorral. */
.mx-lm-dl-chip[data-tier="semleges"]{cursor:default}
.mx-lm-dl-dot{width:20px;height:20px;border-radius:50%;flex:0 0 auto;border:1px solid rgba(255,255,255,.4)}
/* U-regio-felirat (2026-09-12, user kérés: "a régiókra ráerősítenél...
   amúgy is halvány ha olvasom de ha rákerül a zónák kód akkor szinte nem
   is látszik") -- mindig látható, erős-kontrasztú régió-név cimke a térkép
   saját (halvány) feliratai FÖLÖTT, minden háttéren (tenger/hegy/köd-
   overlay) olvasható marad. Nem skálázódik zoommal (Leaflet marker
   alapból fix pixel-méretű), hogy közelről/távolról egyaránt olvasható. */
.mx-lm-region-lbl{background:transparent;border:none;transform:translate(-50%,-50%);
  font-weight:800;font-size:.8rem;letter-spacing:.02em;white-space:nowrap;color:#fff;
  text-shadow:0 0 4px #000,0 0 7px #000,1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000;
  pointer-events:auto;cursor:pointer;user-select:none;}
.mx-lm-region-lbl:hover{color:#ffd97a}
/* U-veszelyzona-elesites (2026-09-12, user kérés: "a konturon a csikon
   elesithetsel kerlek") -- a kontúr-réteg (mxDangerOutlinePane) SVG path-
   jaira shape-rendering:crispEdges, hogy a böngésző NE simítsa/elmossa
   antialiasinggal a vonalat (a JS-oldali fix már: teljes weight+opacity,
   smoothFactor:0 -- ez a CSS-oldali kiegészítés a végső élesség). */
.leaflet-mxDangerOutlinePane-pane path{shape-rendering:crispEdges}
/* U-baratok (2026-09-12): barát-lista a Jelölők panelben. */
.mx-lm-fr-toggle{float:right;font-size:.7rem;font-weight:normal;text-transform:none;letter-spacing:0;display:flex;align-items:center;gap:4px;cursor:pointer}
.mx-lm-fr-list{display:flex;flex-direction:column;gap:4px;margin-top:6px;max-height:9rem;overflow-y:auto}
.mx-lm-fr-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.04);font-size:.82rem}
.mx-lm-fr-row .btn-ghost{padding:3px 8px;font-size:.75rem}
/* U-terkep-meretezes-sajat-fogantyu (2026-09-18): a JS (`ensureScrollWrap` a
   `makeDraggable()`-ban) a fejléc UTÁNI tartalmat egy `.mx-lm-panel-scroll`
   dobozba költözteti -- ez lesz a görgethető rész, a KÜLSŐ panel-doboz
   (`.mx-lm-panel-scrollwrapped`) már nem görgethető, hogy a sajátkezű
   sarok-fogantyú sose ütközzön a lista-görgetősávval. Ez a szabály később jön
   a forrásban, mint az 5 panel saját `overflow:auto`-s alapszabálya, ezért
   (azonos specificitás mellett) FELÜLÍRJA azt. */
/* FONTOS: csak `.show`-val együtt kapcsol be flex-et -- enélkül ez a szabály
   (mivel a fájlban később van, mint az egyes panelek `display:none` alap-
   szabálya, és azonos specificitású) LÁTHATÓVÁ tenne minden panelt akkor is,
   ha nincs nyitva (élesben elkapva: a Nyomok panel emiatt a Jelmagyarázat
   sarka FÖLÉ rendereődött, és lenyelte az átméretező fogantyú kattintásait). */
.mx-lm-panel-scrollwrapped.show{display:flex;flex-direction:column;overflow:hidden}
.mx-lm-panel-scrollwrapped>.mx-lm-panel-head{flex:0 0 auto}
.mx-lm-panel-scroll{flex:1;min-height:0;overflow:auto}
.mx-lm-resize-handle{position:absolute;right:2px;bottom:2px;width:18px;height:18px;cursor:nwse-resize;z-index:5;border-radius:3px;
  background-image:linear-gradient(135deg, transparent 0 38%, rgba(0,0,0,.4) 38% 46%, transparent 46% 58%, rgba(0,0,0,.4) 58% 66%, transparent 66% 78%, rgba(0,0,0,.4) 78% 86%, transparent 86%)}
.mx-lm-resize-handle:hover{background-color:rgba(0,0,0,.08)}
.mx-lm-pinpanel .mx-lm-resize-handle,.mx-lm-travelpanel .mx-lm-resize-handle{
  background-image:linear-gradient(135deg, transparent 0 38%, rgba(255,255,255,.5) 38% 46%, transparent 46% 58%, rgba(255,255,255,.5) 58% 66%, transparent 66% 78%, rgba(255,255,255,.5) 78% 86%, transparent 86%)}
.mx-lm-pinpanel .mx-lm-resize-handle:hover,.mx-lm-travelpanel .mx-lm-resize-handle:hover{background-color:rgba(255,255,255,.12)}