/* XIRCLE PLAYABLE — typography.css
   Blueprint §38: Display/Body Thai = IBM Plex Sans Thai, UI/English = Manrope.
   Self-hosted only — no external font hosts. */

@font-face{
  font-family:"IBM Plex Sans Thai";
  font-style:normal;font-weight:400;font-display:swap;
  src:url("/xircle/assets/fonts/ibm-plex-sans-thai-thai-400.woff2") format("woff2");
  unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC;
}
@font-face{
  font-family:"IBM Plex Sans Thai";
  font-style:normal;font-weight:600;font-display:swap;
  src:url("/xircle/assets/fonts/ibm-plex-sans-thai-thai-600.woff2") format("woff2");
  unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC;
}
@font-face{
  font-family:"IBM Plex Sans Thai";
  font-style:normal;font-weight:700;font-display:swap;
  src:url("/xircle/assets/fonts/ibm-plex-sans-thai-thai-700.woff2") format("woff2");
  unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC;
}
@font-face{
  font-family:"IBM Plex Sans Thai";
  font-style:normal;font-weight:400;font-display:swap;
  src:url("/xircle/assets/fonts/ibm-plex-sans-thai-latin-400.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+2013-2014,U+2018-201D,U+2026;
}
@font-face{
  font-family:"IBM Plex Sans Thai";
  font-style:normal;font-weight:600;font-display:swap;
  src:url("/xircle/assets/fonts/ibm-plex-sans-thai-latin-600.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+2013-2014,U+2018-201D,U+2026;
}
@font-face{
  font-family:"IBM Plex Sans Thai";
  font-style:normal;font-weight:700;font-display:swap;
  src:url("/xircle/assets/fonts/ibm-plex-sans-thai-latin-700.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+2013-2014,U+2018-201D,U+2026;
}
@font-face{
  font-family:"Manrope";
  font-style:normal;font-weight:600;font-display:swap;
  src:url("/xircle/assets/fonts/manrope-latin-600.woff2") format("woff2");
}
@font-face{
  font-family:"Manrope";
  font-style:normal;font-weight:700;font-display:swap;
  src:url("/xircle/assets/fonts/manrope-latin-700.woff2") format("woff2");
}
@font-face{
  font-family:"Manrope";
  font-style:normal;font-weight:800;font-display:swap;
  src:url("/xircle/assets/fonts/manrope-latin-800.woff2") format("woff2");
}

:root{
  --font-thai:"IBM Plex Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Thai",sans-serif;
  --font-ui:"Manrope","IBM Plex Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* FAIL-SAFE: product copy must never depend on animation JavaScript to be visible.
   This intentionally wins over v4/v5 base [data-beat] hidden states. Animation is
   enhancement only; a partial deploy, stale JS, blocked script or runtime error
   must still render the complete first screen and its CTA. */
html body [data-beat]{opacity:1!important;transform:none!important;filter:none!important}