/* Text may grow in translation; board coordinates stay fixed in every language. */
html:not([lang=ja]) .story-text{font-size:clamp(17px,1.6vw,21px);line-height:1.85;letter-spacing:0}
html:not([lang=ja]) .topbar{gap:10px}
html:not([lang=ja]) .nav-links{gap:10px}
html:not([lang=ja]) .brand strong{font-size:clamp(17px,2vw,23px);letter-spacing:.04em}
html:not([lang=ja]) .hero-copy h1{letter-spacing:.03em;overflow-wrap:anywhere}
html:not([lang=ja]) .eyebrow,html:not([lang=ja]) .kicker{letter-spacing:.08em}
html:not([lang=ja]) button,html:not([lang=ja]) .nav-links,html:not([lang=ja]) .chapter-card{overflow-wrap:anywhere;min-width:0}
html:not([lang=ja]) .mg-card-word,html:not([lang=ja]) .adv-card span{overflow-wrap:anywhere;hyphens:auto;line-height:1.45}
html:not([lang=ja]) .mg-game h2,html:not([lang=ja]) .adv-game h2{letter-spacing:0;overflow-wrap:anywhere}
.personal-dialog form,.personal-dialog label,.personal-dialog select,.personal-fields>*{min-width:0}
.personal-dialog p,.guide-card p{overflow-wrap:anywhere}
.personal-dialog[dir=rtl]{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;text-align:right}
.personal-dialog[dir=rtl] .eyebrow{letter-spacing:0}
.personal-dialog select[name=language]{direction:ltr;text-align:start}
html[dir=rtl] body{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif}
html[dir=rtl] .story-text,html[dir=rtl] .body-copy,html[dir=rtl] .fiction-box{line-height:2;letter-spacing:0;text-align:start}
html[dir=rtl] .mg-game,html[dir=rtl] .adv-game{text-align:start;letter-spacing:0}
html[dir=rtl] .mg-game h2,html[dir=rtl] .adv-game h2,html[dir=rtl] .reader-article h1,html[dir=rtl] .chapter-card h2,html[dir=rtl] .hero-copy h1{font-family:inherit;letter-spacing:0}
/* Do not mirror puzzles, directional keys, timelines or exploration coordinates. */
.mg-memory,.mg-circuit,.mg-map,.mg-dpad,.mg-beat-lane,.mg-seals,.mg-balance,.adv-memory,.adv-circuit,.adv-maze,.adv-pad,.adv-lane,.adv-rhythm-buttons,.adv-dials,.adv-resource-head,.adv-resources,.explore-scene{direction:ltr}
html[dir=rtl] .mg-card-word,html[dir=rtl] .adv-card span{direction:rtl}
html[dir=rtl] .mg-tools .mg-button:last-child{margin-left:0;margin-right:auto}
html[dir=rtl] .mg-choices .mg-button{text-align:start}
html[lang=th] .story-text,html[lang=th] .body-copy{line-height:2;word-break:normal;overflow-wrap:break-word}
@media(max-width:640px){html:not([lang=ja]) .topbar{align-items:center;flex-wrap:wrap}html:not([lang=ja]) .nav-links{gap:4px;flex-wrap:wrap}html:not([lang=ja]) .mode-pill{max-width:110px;font-size:10px}.personal-fields{grid-template-columns:1fr 1fr}html[dir=rtl] .personal-image span{right:auto;left:18px}}

html[dir=rtl] .adv-score,html[dir=rtl] .adv-future,html[dir=rtl] .adv-links{direction:ltr}
html[dir=rtl] .adv-score>span,html[dir=rtl] .adv-future>span{direction:rtl}

.nav-language{font-size:12px;white-space:nowrap;line-height:1.3;padding:8px;border:1px solid #d8bc8640;border-radius:20px}.nav-language span{white-space:nowrap}
@media(max-width:640px){.nav-language{font-size:11px;padding:7px}.topbar .nav-links{flex-wrap:wrap}}

.nav-language{display:inline-flex;align-items:center;gap:5px}.nav-language svg{flex-shrink:0}
@media(max-width:1000px){.home-hero{display:block}.hero-count{position:static;text-align:end;margin-top:28px}.home-hero{padding-bottom:55px}}
@media(max-width:760px){.topbar{height:auto;min-height:75px;padding-top:14px;padding-bottom:14px}.hero-count p{font-size:10px}.hero-sub{letter-spacing:.06em}html:not([lang=ja]) .hero-copy h1{font-size:clamp(37px,11.8vw,49px)}}

.adv-order{direction:ltr}html[dir=rtl] .adv-order li>span{direction:rtl;text-align:right}

.step-num,.hero-count{direction:ltr;unicode-bidi:isolate}html[dir=rtl] .hero-count p{direction:rtl}
.mg-status strong,.adv-status b{direction:ltr;unicode-bidi:isolate;display:inline-block}
