/* v3.60: шрифт панели выбирается в «Настройки → Шрифт» (html[data-font]).
   По умолчанию — игровой MADHOUSE (OLD_bezpredmet_old). Глифы, которых нет в шрифте, берутся из запасного. */
@font-face{font-family:'OLD_bezpredmet_old';src:url('./OLD_bezpredmet_old.woff?v=239') format('woff');font-display:swap}
@font-face{font-family:'MP Tsap-Tsarap';src:url('./fonts/Tsap-Tsarap.woff2') format('woff2'),url('./fonts/Tsap-Tsarap.ttf') format('truetype');font-display:swap}
@font-face{font-family:'MP Pinzelan';src:url('./fonts/pinzelan-cyrillic.woff2') format('woff2'),url('./fonts/pinzelan-cyrillic.otf') format('opentype');font-display:swap}
@font-face{font-family:'MP Sol Kol';src:url('./fonts/Sol-Kol.woff2') format('woff2'),url('./fonts/Sol-Kol.ttf') format('truetype');font-display:swap}
:root{--mp-font:'OLD_bezpredmet_old','Courier New',serif}
html[data-font="standard"]{--mp-font:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
html[data-font="madhouse"]{--mp-font:'OLD_bezpredmet_old','Courier New',serif}
html[data-font="tsap"]{--mp-font:'MP Tsap-Tsarap','OLD_bezpredmet_old','Courier New',serif}
html[data-font="pinzelan"]{--mp-font:'MP Pinzelan','OLD_bezpredmet_old','Courier New',serif}
html[data-font="solkol"]{--mp-font:'MP Sol Kol','OLD_bezpredmet_old','Courier New',serif}
:root,html[data-font]{--font:var(--mp-font);--mp-game-font:var(--mp-font)}
html body,html body *,html body *::before,html body *::after,html body button,html body input,html body select,html body textarea,html body option,html body optgroup{font-family:var(--mp-font)!important}
/* карточки выбора шрифта показывают образец своим шрифтом */
html body .mp-font-card[data-font-sample="standard"] .mp-font-sample{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif!important}
html body .mp-font-card[data-font-sample="madhouse"] .mp-font-sample{font-family:'OLD_bezpredmet_old',serif!important}
html body .mp-font-card[data-font-sample="tsap"] .mp-font-sample{font-family:'MP Tsap-Tsarap',serif!important}
html body .mp-font-card[data-font-sample="pinzelan"] .mp-font-sample{font-family:'MP Pinzelan',serif!important}
html body .mp-font-card[data-font-sample="solkol"] .mp-font-sample{font-family:'MP Sol Kol',serif!important}
.mp-font-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.mp-font-card{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:16px;background:var(--h-metal,rgba(255,255,255,.04));border:1px solid var(--h-line-soft,rgba(255,255,255,.1));color:var(--h-ink,#f3ece7);transition:.15s;min-width:0}
.mp-font-card:hover{border-color:var(--h-line,rgba(206,39,52,.4))}
.mp-font-card.active{border-color:var(--h-accent,#d61924);box-shadow:0 0 0 3px var(--h-glow,rgba(214,25,36,.22)),0 10px 24px rgba(0,0,0,.35)}
.mp-font-card small{font-size:11px;letter-spacing:.12em;color:var(--h-accent3,#ff5b63);font-weight:700}
.mp-font-card b{font-size:16px;color:var(--h-title,#fff)}
.mp-font-sample{font-size:21px;line-height:1.25;color:var(--h-ink,#f3ece7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-font-sample + .mp-font-sample{font-size:14px;color:var(--h-muted,#a79a99)}
.mp-font-card i{font-style:normal;align-self:flex-start;font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.08);color:var(--h-muted,#a79a99)}
.mp-font-card.active i{background:var(--h-accent,#d61924);color:#fff}
.mp-font-sample + .mp-font-sample{white-space:normal;line-height:1.3}