/* pozíció/méret az egységes .mx-um-panel,.mx-scene-panel,.mx-si-panel szabályból (2026-09-06) */
.mx-si-panel[hidden]{display:none}
.mx-si-sec{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border,#c9b892)}
.mx-si-sec:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.mx-si-sec h5{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin:0 0 5px;font-weight:700}
.mx-si-panel .journey-statebar{width:100%;flex-wrap:wrap;overflow:visible}
.mx-si-panel .journey-steps{flex-wrap:wrap}
.mx-si-panel .journey-label{display:none}

/* U-873 (2026-09-08, user: "a felso menuket is rendbe tudod rakni kerlek")
   1) Jelenet-szakasz: a #sceneInfo eredetileg a FEJLÉC egysoros csíkjára
      készült (nowrap + ellipszis + max-width:24rem, egymás MELLETT), a
      360px-es legördülő panelben viszont a cím és a meta egymásra
      zsúfolódott, és mindkettő le volt vágva. A panelen BELÜL egymás alá
      kerülnek és tördelődhetnek -- a fejléc-beli megjelenést nem érinti. */
.mx-si-panel .scene-info{flex-direction:column;align-items:flex-start;gap:.15rem;max-width:100%;overflow:visible;margin-right:0}
.mx-si-panel .scene-info-title,
.mx-si-panel .scene-info-meta{white-space:normal;overflow:visible;text-overflow:clip;min-width:0;max-width:100%}
/* 2) Üres szakasz ne foglaljon helyet: az "Olvasás" eddig akkor is
      megjelent (puszta címsorként), ha nem volt folytatható olvasás-
      pozíció -- a csík ilyenkor .hidden. Ugyanaz a :has()-minta, mint a
      fenti #sceneInfo-nál. */
.mx-si-sec:has(#readingResumeBar.hidden){display:none}
  #gearOverlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:15;padding:2vh}
  /* 2026-09-19 (user kérés: "azonos meretu ablak legyen, ne valtogassa a
     meretet, ha a fuleken (pl. Penzugyek) kattintok"): fix `height`, nem
     csak `max-height` -- korábban a doboz a MINDENKORI fül tartalmának
     magasságára zsugorodott/nyúlt (l. .gear-panel.hidden fent), ezért
     fülváltáskor láthatóan ugrált a méret. Most mindig ugyanakkora, a
     rövidebb fülek alján üres hely marad, a hosszabbaké (Felszerelés)
     saját overflow-y:auto-val görgethető ezen belül. */
  #gearBox{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:min(640px,94vw);height:92vh;max-height:92vh;overflow-y:auto;padding:1rem 1.3rem}
  #campaignJournalOverlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:15;padding:2vh}
  /* 2026-09-19: ugyanaz a fix mint #gearBox-nál -- ennek is vannak fülei
     (.cj-tab-btn/.cj-panel: NJK-k/Frakciók/Fogadalmak/Történet), ugyanúgy
     ugrált a mérete fülváltáskor, mielőtt a user egyáltalán észrevette
     volna itt is. */
  #campaignJournalBox{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:min(640px,94vw);height:92vh;max-height:92vh;overflow-y:auto;padding:1rem 1.3rem}
  #campaignLibraryOverlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:15;padding:2vh}
  #campaignLibraryBox{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:min(560px,94vw);max-height:92vh;overflow-y:auto;padding:1rem 1.3rem}
  .cj-tab-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}
  .cj-panel.hidden{display:none}
  /* U-893 (2026-09-11): admin-panel -- UGYANAZ a minta, mint a
     Kampánynapló/Felszerelés dobozoké fentebb (nincs generikus [role=dialog]
     szabály, minden dobozt egyesével kell felvenni ide). */
  #adminOverlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:15;padding:2vh}
  /* 2026-09-19: ugyanaz a fix mint #gearBox-nál -- két fül (Felhasználók/
     Aktivitás-napló), ugyanaz a méret-ugrás fülváltáskor. */
  #adminBox{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:min(640px,94vw);height:92vh;max-height:92vh;overflow-y:auto;padding:1rem 1.3rem}
  #globalChatOverlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:15;padding:2vh}
  #globalChatBox{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:min(520px,94vw);max-height:92vh;overflow-y:auto;padding:1rem 1.3rem}
  .admin-tab-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}
  .admin-panel.hidden{display:none}
  /* D-428: idle-képernyővédő -- teljesen fekete háttér, egy egyszerű
     CSS-gyertya középen, magasabb z-index mint bármelyik modal (üresjárat
     esetén ezek elé is beúszik). */
  #idleScreensaver{position:fixed;inset:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;z-index:60;cursor:pointer}
  #idleScreensaver.hidden{display:none}
  .idle-candle{position:relative;width:2.6rem;height:7rem}
  .idle-wax{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:2.4rem;height:6rem;background:linear-gradient(180deg,#f2e6c9,#d8c69a);border-radius:.3rem .3rem .1rem .1rem;box-shadow:inset -.3rem 0 .6rem rgba(0,0,0,.15)}
  .idle-wick{position:absolute;top:-.5rem;left:50%;transform:translateX(-50%);width:.15rem;height:.7rem;background:#3a2f1c;border-radius:1px}
  .idle-flame{position:absolute;top:-1.9rem;left:50%;width:.9rem;height:1.6rem;margin-left:-.45rem;background:radial-gradient(ellipse at 50% 70%,#fff3c4 0%,var(--accent-bright) 45%,var(--accent) 75%,transparent 100%);border-radius:50% 50% 50% 50% / 65% 65% 35% 35%;filter:drop-shadow(0 0 .9rem var(--accent));transform-origin:50% 100%;animation:idleFlameSway 2.6s ease-in-out infinite}
  @keyframes idleFlameSway{0%,100%{transform:rotate(-4deg) scaleY(1)}25%{transform:rotate(3deg) scaleY(1.04)}50%{transform:rotate(-2deg) scaleY(.97)}75%{transform:rotate(4deg) scaleY(1.02)}}
  @media (prefers-reduced-motion: reduce){.idle-flame{animation:none}}
  .idle-hint{color:var(--accent-dim);font-family:var(--font-display);font-size:.85rem;letter-spacing:.03em}
  #teamOverlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:15;padding:2vh}
  /* 2026-09-19: ugyanaz a fix mint #gearBox/#campaignJournalBox/#adminBox-nál
     -- 5 fület találtam benne (.tm-tab-btn: Áttekintés/Szavazás/Javaslatok/
     Taktika/Titkok), amit korábban a max-height-only sweep-nél kihagytam
     (a data-tm-tab prefix nem egyezett a "team-tab-btn" találgatásommal). */
  #teamBox{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:min(640px,94vw);height:92vh;max-height:92vh;overflow-y:auto;padding:1rem 1.3rem}
  .tm-tab-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}
  .tm-panel.hidden{display:none}
  #tmNoteText{width:100%;resize:vertical}
  #cjNpcDetail{margin-top:.6rem;font-size:.85rem;line-height:1.5}
  #cjNpcDetail .cj-npc-field{margin-bottom:.4rem}
  #cjNpcDetail .cj-npc-field b{color:var(--accent)}
.mx-si-sec:has(#sceneInfo.hidden){display:none}
  #catalogPanel-istenek .lex-card img{width:96px;height:130px;object-position:top center}
  /* C-062 folyt. (2026-08-15, user kérés: "kasztoknal is igazisd a kepeket
     kerlek, fajoknal is igazisd"): a kaszt/faj portrék 687x1024 álló
     képarányú teljes alakos festmények -- a korábbi 96x96 négyzet
     object-fit:cover derékig-vágta őket, az arc lemaradt. Ugyanaz a
     fej-igazítás, mint az isteneknél. */
  #catalogPanel-kasztok .lex-card img,
  #catalogPanel-fajok .lex-card img{width:96px;height:130px;object-position:top center}