/* Language changes text flow, never the board's physical coordinates. */
.language-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:4px 10px;border:1px solid #8daa7455;border-radius:8px;background:#153d30;color:#f3e2ae;font:700 13px Roboto,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.language-toggle:hover{background:#26533b}.language-toggle:focus-visible{outline:2px solid #edd083;outline-offset:3px}
.topbar-right{gap:8px}
html[lang=en] body,html[lang=en] body *{font-family:Roboto,Arial,sans-serif!important}
html[lang=en] :is(#app,.game-shell,.topbar,.sidebar,.actionbar,.bottom-nav,.modal,.trade-notices,.button,.nav-button,.icon-button,.room-header,.room-header>button,.room-header>span,.brand,.feature-pills,.feature-pills>span,.welcome-footer,.resume-link,.join-input,.join-input button,.section-heading,.property-title,.property-owner,.property-detail,.player,.trade-list-heading,.modal-heading,.modal-actions,.building-preview,.deed-rent,.portfolio-summary,.turn-status,.trade-title,.event,.action-dock,.payment-details,.payment-person>div,.property-numbers,.deed-facts,#toast,.portrait-tip,#debt-notice,#reward-dock .game-reward,#transaction-notifications .game-reward){direction:ltr}
html[lang=en] :is(.welcome-panel,.sidebar,.modal,.property-numbers,.player-info,.turn-status>div:nth-child(2),.event p,.trade-side,.deed,.trade-summary,.setting-row){text-align:start}
html[lang=en] .welcome-panel input[name=name]{text-align:start}
html[lang=en] .welcome-panel .join-input input::placeholder{direction:ltr;text-align:start}
html[lang=en] .modal .setting-row input[type=range]{direction:ltr}
html[lang=en] .player-info{padding-left:0;padding-right:56px}
html[lang=en] .property-count,html[lang=en] .turn-tag,html[lang=en] .remove-bot{left:auto;right:7px}
html[lang=en] .button>.icon{order:0}
html[lang=en] .welcome-panel h2{line-height:1.15;font-size:45px}
html[lang=en] .welcome-panel>p{line-height:1.6}
html[lang=en] .turn-status strong{font-size:24px;line-height:1.25}
html[lang=en] .turn-status>div>span{line-height:1.45}
html[lang=en] .card-heading{direction:ltr;text-align:start;padding-inline-end:42px}
html[lang=en] .card-heading .card-emblem{flex-shrink:0}
html[lang=en] .card-copy{direction:ltr;line-height:1.6}
html[lang=en] .property-title h3{font-size:21px}
html[lang=en] .brand{font-size:24px}
html[lang=en] .action-dock .button{font-size:20px}
html[lang=en] .rent-comparison{direction:ltr}
html[lang=en] .payment-arrow{transform:none}
html[lang=en] .cash-field input{direction:ltr;text-align:start}
@media(max-width:1000px){
 .language-toggle{min-height:30px;padding:3px 8px;font-size:12px}
 html[lang=en] .brand{font-size:16px}
 html[lang=en] .turn-status strong{font-size:16px}
 html[lang=en] .action-dock .button{font-size:16px}
 html[lang=en] .welcome-panel h2{font-size:34px}
 html[lang=en] .player-info{padding-right:0}
 html[lang=en] .property-title h3{font-size:17px}
}
html[lang=en] :is(.turn-status>div:nth-child(2),.topbar-right,.mobile-board-tools,.welcome-guide,.lobby-options,.debt-banner,.game-reward,.payment-person,.payment-person>div,#modal-root .compact-deed .deed-facts){direction:ltr!important}
html[lang=en] [lang=ar]{font-family:'Noto Arabic',Arial,sans-serif!important}
html[lang=en] .chance-hit::after,html[lang=en] .community-hit::after{display:block;position:absolute;left:8%;right:8%;top:6%;padding:3px 4px;border-radius:4px;color:#fff8dd;font:bold 15px Roboto,Arial,sans-serif;line-height:1.1;text-shadow:0 1px 2px #0008;pointer-events:none}
html[lang=en] .chance-hit::after{content:'CHANCE';background:#b72f29}
html[lang=en] .community-hit::after{content:'COMMUNITY CHEST';background:#1688b2;font-size:12px}
@media(max-width:1000px){
 html[lang=en] .bottom-nav .nav-button{min-width:0;padding:6px 4px;gap:4px;font-size:11px;line-height:1.15;white-space:normal}
 html[lang=en] .bottom-nav .nav-button>span{min-width:0;white-space:normal;overflow-wrap:normal}
 html[lang=en] .bottom-nav .nav-button>.icon{width:16px;height:16px;flex:0 0 16px}
}
@media(max-width:1000px){html[lang=en] .bottom-nav .nav-button{flex-direction:column!important;gap:2px;font-size:10px}}
html[lang=en] .icon-arrow{transform:scaleX(-1)}