/* Language names are native names, never country flags. */
.language-control select { max-width:190px; width:auto; min-width:92px; }
.language-control option { direction:inherit; }
.translation-status { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.75rem; padding:.7rem 1rem; background:#102b35; color:#e9f6f8; border-bottom:1px solid #31515c; font-size:.875rem; }
.translation-status[hidden] { display:none; }
.translation-status button { cursor:pointer; border:1px solid #58727c; border-radius:5px; padding:.3rem .6rem; background:#0b1b26; color:white; }
.translation-status[data-state="error"] { background:#352c17; border-color:#8a713d; }
.translation-help { color:var(--muted,#a9bdca); font-size:.8rem; line-height:1.6; max-width:76ch; margin:1.5rem 0 0; }
.translation-help summary { cursor:pointer; }
.translation-help p { margin:.5rem 0; }
.translation-help a { color:var(--cyan,#15d9d0); }
[data-translation="original"] .source-language { display:none; }
[data-translation="translated"] .source-language { display:block; }
html[dir="rtl"] .nav-actions { margin-left:0; margin-right:auto; }
html[dir="rtl"] .hero-copy, html[dir="rtl"] .reader, html[dir="rtl"] .game-card-copy, html[dir="rtl"] .guide-card, html[dir="rtl"] .portal-heading, html[dir="rtl"] .feature-card { text-align:right; }
html[dir="rtl"] .reader-nav, html[dir="rtl"] .explorer-sidebar { text-align:right; }
html[dir="rtl"] .reader-nav { border-right:0; padding-right:0; }
html[dir="rtl"] .prose :is(ul,ol) { padding-left:0; padding-right:1.5rem; }
html[dir="rtl"] .prose blockquote { border-left:0; border-right:3px solid #3d6974; padding-left:0; padding-right:1rem; }
html[dir="rtl"] .prose th, html[dir="rtl"] .prose td { text-align:right; }
html[dir="rtl"] .source-language { text-align:right; }
html[dir="rtl"] :is(pre,code,kbd,samp,[data-no-translate],[data-asset-info],.release-file strong) { direction:ltr; unicode-bidi:isolate; text-align:left; }
html[dir="rtl"] .release-file small { direction:ltr; unicode-bidi:isolate; }
.hero h1, .portal-heading h1, .explorer-intro h1, .reader h1, .guide-card h2 { overflow-wrap:anywhere; }
@media (max-width:1000px) { .language-control select { max-width:145px; } }
@media (max-width:640px) { .language-control select { max-width:150px; font-size:13px; } .translation-status { font-size:.8rem; } }