/* Ocean Memory V72 R64 — unified Chinese font assignment
   This stylesheet is intentionally loaded LAST on every active page.
   Chinese UI: ThenKhung (OceanChinese)
   English / Indonesian / Vietnamese helper text: existing non-Chinese stack
*/
@font-face {
  font-family: "OceanChinese";
  src: url("../assets/fonts/UoqMunThenKhung-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --font-zh: "OceanChinese", "UoqMunThenKhung-Regular", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --font-other: "Dreaming Outloud Sans", "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;
  --starsea-font-zh: var(--font-zh);
  --starsea-font-other: var(--font-other);
}

/* Default all interface text to the project Chinese font. This catches
   dynamically generated buttons, dialogs, activity cards and Star Sea labels. */
html,
body,
button,
input,
select,
textarea,
option,
h1,h2,h3,h4,h5,h6,
p,span,label,legend,summary,
div,a,strong,em,small,
.zh,
.chinese,
[lang="zh"],
[lang="zh-TW"],
[lang="zh-Hant"] {
  font-family: var(--font-zh) !important;
}

/* Keep explicitly marked companion translations in the non-Chinese stack. */
.lang,
.en,
.id,
.vi,
[lang="en"],
[lang="en-US"],
[lang="id"],
[lang="vi"],
.motion-stage-language-v14,
.motion-stage-english,
.motion-posture-translation-copy,
.motion-posture-translation-copy *,
.posture-sub,
.posture-trans,
.posture-trans *,
.activity-subtitle,
.starsea-memory-translation,
.start-lang {
  font-family: var(--font-other) !important;
}

/* Reassert Chinese font for key dynamically rendered regions. */
#app button,
#app .brush-btn,
#app .motion-preparation-r51,
#app .motion-preparation-r51 *,
#app .touch-stage,
#app .touch-stage *,
#app .sea-breeze-r35-screen,
#app .sea-breeze-r35-screen *,
#starSeaHome h1,
#starSeaHome h2,
#starSeaHome button,
#starSeaScreen .starsea-memory-dialog,
#starSeaScreen .starsea-memory-dialog *,
#starSeaScreen .starsea-memory-title,
#starSeaScreen .starsea-memory-meta,
#starSeaScreen .starsea-memory-summary,
#starSeaScreen .starsea-memory-location,
.group-screen button,
.group-screen .group-card,
.group-screen .group-card * {
  font-family: var(--font-zh) !important;
}

/* Translation exceptions inside dynamic regions. */
#app [lang="en"], #app [lang="id"], #app [lang="vi"],
#app .lang, #app .en, #app .id, #app .vi,
#starSeaHome [lang="en"], #starSeaHome [lang="id"], #starSeaHome [lang="vi"],
#starSeaScreen [lang="en"], #starSeaScreen [lang="id"], #starSeaScreen [lang="vi"],
.group-screen [lang="en"], .group-screen [lang="id"], .group-screen [lang="vi"] {
  font-family: var(--font-other) !important;
}