/* Scroll of Mana VI / accessibility typography.
 * Uses OS fonts with full Vietnamese combining diacritic support; no external font downloads.
 * Loaded last to override ornamental and pixel fonts that lack Vietnamese glyphs.
 */
:root {
  --som-vn-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Arial, sans-serif;
  --f-title: var(--som-vn-font);
  --f-ui: var(--som-vn-font);
  --f-num: var(--som-vn-font);
  --f-pix: var(--som-vn-font);
  --som-font-scale: 1;
}
html[lang="vi"] { font-family: var(--som-vn-font); text-rendering: optimizeLegibility; }
html[lang="vi"] body { -webkit-font-smoothing: antialiased; }
html[lang="vi"] :is(#ui, #ui button, #ui input, #ui select, #ui textarea, #loading, .som-language,
    .som-language-button, .som-language-note, #quest-nav-panel, #quest-nav-stop, #som-offline-badge) {
  font-family: var(--som-vn-font) !important;
  font-variant-ligatures: normal;
  font-synthesis: weight;
}
html[lang="vi"] :is(#ui .title, #ui .sec, #ui .boss-n, #ui .banner-n,
    #ui .death-h, #ui .pf-name, #ui .tg-or, #ui .t-lbl, #ui .tg-lbl,
    #loading .ld-title, #loading .ld-text, .som-language-label) {
  font-family: var(--som-vn-font) !important;
  letter-spacing: normal !important;
}
html[lang="vi"] :is(#ui .btn, #ui .pnl, #ui .tip, #ui .quest, #ui .quest-row,
    #ui .dialog, #ui .chat, #ui .toast, #ui .window, #ui .tg-menu, #ui .t-gate) {
  overflow-wrap: break-word;
  line-height: 1.4;
}
html[lang="vi"] :is(#ui kbd, #ui .key, #ui .sk-cdt, #ui .pot-n, #ui .sk-lv) {
  font-family: var(--som-vn-font) !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}
html[lang="vi"] #ui :is(.btn, .tg-tab, .som-language-button) {
  min-height: 34px;
}
html[lang="vi"] :is(input, textarea, select) { font-family:var(--som-vn-font) !important; }
@media (pointer: coarse) {
  html[lang="vi"] :is(#ui input, #ui textarea, #ui select) {font-size: 16px !important;}
  html[lang="vi"] :is(.som-language-button, #quest-nav-stop) {font-size: 13px !important;}
  html[lang="vi"] :is(#ui .tip, #ui .quest-row, #ui .dialog, #ui .toast) {line-height: 1.48;}
}
@media (max-width: 600px) {
  html[lang="vi"] #ui { line-height: 1.42; }
  html[lang="vi"] #ui :is(.btn, .quest-row, .tip, .pnl) {hyphens: none;}
  html[lang="vi"] .som-language-note {font-size:12px;line-height:1.45;}
}