/* U-885 (2026-09-10, user: "meg mindig bonyolultnak talalom elso ranezesre...
   kell gondoljak az abszolut kezdokre is") -- kezdő/haladó nézet-váltó a
   karakterlapon. Alapértelmezett a "Részletes" (semmi nem változik senkinek,
   aki nem nyúl a kapcsolóhoz); "Egyszerű" módban a .mx-advanced-only jelölésű
   elemek eltűnnek (power-user eszközök, Statisztika stb.) -- a MÁR meglévő
   .mx-collapsible/.mx-collapsed szekciók viselkedését nem érinti. */
#sheetBox.mx-beginner-mode .mx-advanced-only {
  display: none !important;
}
.sheet-mode-toggle {
  justify-content: center;
  margin: .3rem 0 .6rem;
}
/* 2026-09-26 (user: „az egyszerű mód tényleg legyen egyszerű, minden
   összecsukva, szépen kategorizálva"): kategória-fejlécek (54-karakterlap-mod.js),
   a hozzájuk tartozó szakaszok CSS order-rel kerülnek alájuk. */
.sheet-cat{display:none}
#sheetBox.mx-cats > .sheet-cat{display:flex;align-items:center;gap:.6rem;width:100%;margin:.3rem 0 0;padding:.6rem .8rem;
  border:1px solid var(--border);border-radius:10px;background:var(--panel-raised);color:var(--text);font:inherit;text-align:left;cursor:pointer;
  text-transform:none;letter-spacing:normal;min-height:0;flex-shrink:0}
#sheetBox.mx-cats > .sheet-cat.is-empty{display:none}
#sheetBox.mx-cats > .sheet-cat:hover{border-color:var(--accent)}
#sheetBox.mx-cats > .sheet-cat.is-open{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--panel-raised))}
.sheet-cat .icon-img{width:1.8rem;height:1.8rem;object-fit:contain;flex-shrink:0}
.sheet-cat-t{display:flex;flex-direction:column;min-width:0;flex:1}
.sheet-cat-t b{font-family:var(--font-display);font-size:1.02rem;letter-spacing:.02em}
.sheet-cat-t small{font-size:.76rem;color:var(--dim)}
.sheet-cat-n{font-size:.75rem;color:var(--dim);white-space:nowrap}
.sheet-cat-chev{transition:transform .15s ease;opacity:.7}
.sheet-cat.is-open .sheet-cat-chev{transform:rotate(90deg)}
#sheetBox.mx-cats > .mx-simple-hidden{display:none !important}
#sheetBox.mx-cats > .sheet-section{margin-left:.6rem;padding-left:.7rem;border-left:2px solid var(--accent-dim, var(--border))}
/* egyszerű módban nincs mobil fülsáv: a kategóriák veszik át a szerepét */
body.mx-mobile-mode #sheetBox.mx-cats .sheet-tabs-mx{display:none !important}
body.mx-mobile-mode #sheetBox.mx-cats.mx-tabbed > .sheet-section[data-mx-tabgrp]{display:block}
@media (max-width:820px){
  body.mx-mobile-mode #sheetBox.mx-cats .sheet-tabs-mx{display:none !important}
  body.mx-mobile-mode #sheetBox.mx-cats.mx-tabbed > .sheet-section[data-mx-tabgrp]{display:block}
  #sheetBox.mx-cats > .sheet-section{margin-left:.2rem;padding-left:.5rem}
}
/* képzettségfák: egyszerű módban összecsukva, a fejlécre kattintva nyílnak */
#sheetBox.mx-beginner-mode .skill-tree-zoom-row,#sheetBox.mx-beginner-mode .skill-tree-reset-btn{display:none}
#sheetSkills .skill-tree-cat-head{cursor:pointer}
#sheetSkills .skill-tree-cat-head::after{content:"▸";margin-left:.5rem;opacity:.7;display:inline-block;transition:transform .15s}
#sheetSkills .skill-tree-cat.is-open .skill-tree-cat-head::after{transform:rotate(90deg)}
#sheetSkills .skill-tree-cat:not(.is-open) > :not(.skill-tree-cat-head){display:none}
#sheetBox.mx-cats > .sheet-section{box-sizing:border-box;max-width:100%;min-width:0}
@media (max-width:820px){#sheetBox.mx-cats > .sheet-section{margin-left:0;padding-left:.55rem;width:auto}}

/* 2026-09-26 (user: „maradjon hasonló ablakméret", „nem szeretem az ablak-
   ugrálást"): a karakterlap szélessége rögzített -- eddig a tartalomhoz
   igazodott (egyszerű módban összeszűkült, egy hosszú leírás kinyújtotta).
   Mobilon a korábbi 26rem-es minimum kilógott a képernyőből. */
#sheetBox{width:min(62rem, 95vw);box-sizing:border-box}
@media (max-width:820px){#sheetBox{min-width:0;width:min(62rem, 100%)}}

/* 2026-09-26: egyszerű módban csak a legszükségesebb szakaszok */
#sheetBox.mx-beginner-mode > .sheet-section.mx-simple-off{display:none !important}