.language-picker{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:2px 8px;border:1px solid #e0cdb6;border-radius:16px;background:#fff9ef;color:#574638}
.language-picker select{font:inherit;max-width:115px;min-height:40px;border:0;background:transparent;color:inherit;cursor:pointer}
.language-picker:focus-within{outline:3px solid #a998c5;outline-offset:3px}
button,strong,label,.hotspot-label{overflow-wrap:anywhere}
html[lang=ar] body{font-family:Tahoma,Arial,sans-serif}
html[dir=rtl] #scene,html[dir=rtl] .world-map,html[dir=rtl] .trail-board,html[dir=rtl] canvas,html[dir=rtl] .dress-preview svg{direction:ltr}
html[dir=rtl] .speech,html[dir=rtl] .hotspot-label,html[dir=rtl] .character-name{direction:rtl}
html[dir=rtl] #modal-content,html[dir=rtl] .care-panel,html[dir=rtl] .mode-note{text-align:start}
html[dir=rtl] .close{right:auto;left:12px}
html[dir=rtl] .eyebrow{letter-spacing:0}
html[dir=rtl] .wallet{direction:ltr;unicode-bidi:isolate}
.film-frame{position:relative}.film-captions{position:absolute;inset:auto 0 55px;padding:12px 20px;background:#40352dbd;color:#fff7e9;pointer-events:none;text-align:start}.film-captions strong{display:block;font-size:clamp(15px,3vw,26px)}.film-captions span{font-size:clamp(11px,2vw,16px)}
@media(max-width:700px){.language-picker{padding:0 5px}.language-picker select{max-width:92px;font-size:13px}.film-captions{bottom:45px;padding:7px 12px}header{flex-wrap:wrap;gap:8px}}
.top-controls{flex-wrap:wrap;justify-content:flex-end}header .brand{flex-shrink:0}
@media(max-width:700px){header .top-controls{width:100%;justify-content:center;gap:6px}.language-picker{flex-shrink:0}}