/* Compact language utility: real native select handles keyboard and phone UI. */
.language-picker{position:relative;display:inline-flex;flex:none;align-items:center;min-width:44px;min-height:44px;max-width:180px;border:1px solid transparent;border-radius:12px;color:#d2dcda;cursor:pointer}
.language-picker-face{display:flex;align-items:center;gap:7px;min-width:0;padding:10px 9px;pointer-events:none}
.language-globe{width:19px;height:19px;flex:none}
.language-chevron{width:12px;height:12px;flex:none;color:#99a7a3}
#language-current{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;line-height:22px}
.language-picker select{position:absolute;inset:0;width:100%;height:100%;min-width:44px;min-height:44px;margin:0;padding:0;opacity:0;cursor:pointer;font:inherit;font-size:16px}
.language-picker:hover{background:#ffffff08;border-color:#35403a}
.language-picker:focus-within{outline:2px solid var(--accent,#bfe66b);outline-offset:2px}
.language-picker select:disabled{cursor:wait}
.language-picker[aria-busy="true"] .language-picker-face{opacity:.6}
.language-picker option{background:#1b2527;color:#e2ebde}
.topbar>.language-status{position:absolute;top:100%;inset-inline:0;margin:0;padding:8px 12px;border:1px solid #465337;border-radius:10px;background:#222c22;color:#edcea9;font-size:12px;line-height:1.6;overflow-wrap:anywhere;z-index:6}
@media(max-width:650px){.language-picker{max-width:126px}.language-picker-face{gap:5px;padding-inline:7px}#language-current{font-size:11px}}
@media(max-width:350px){.language-picker{max-width:104px}.language-picker-face{padding-inline:5px}}
@media(forced-colors:active){.language-picker{border-color:ButtonText}.language-picker-face{visibility:hidden}.language-picker select{opacity:1;color:ButtonText;background:ButtonFace}}
/* Text flow follows locale; joystick geometry keeps physical directions. */
html[dir="rtl"] .hero-copy,html[dir="rtl"] .card,html[dir="rtl"] .faq,html[dir="rtl"] .catalog-port,html[dir="rtl"] .catalog-launch-dialog,html[dir="rtl"] .source-note{text-align:start}
html[dir="rtl"] .hero-visual,html[dir="rtl"] .game-art,html[dir="rtl"] .key-legend,html[dir="rtl"] .layout-glyph,html[dir="rtl"] .segments,html[dir="rtl"] #game-url,html[dir="rtl"] #bookmark-code{direction:ltr}
html[dir="rtl"] .game-body,html[dir="rtl"] .author-support-copy{text-align:start}