/* Keep the desktop frame stable; mirror reading flow within its windows. */
.language-switcher{position:fixed;right:16px;bottom:15px;z-index:2001;display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #4c6240;border-radius:22px;background:#101a12f5;box-shadow:0 4px 22px #0006;backdrop-filter:blur(12px);color:#c7dab9;font:12px/1.5 Tahoma,Arial,sans-serif;direction:ltr}
.language-switcher button,.language-switcher select{font:inherit;color:inherit;background:transparent;border:0;border-radius:18px;padding:6px 11px;min-height:31px;cursor:pointer;white-space:nowrap}
.language-switcher button:hover{background:#283c23}
.language-switcher button.active,.language-switcher button[aria-pressed="true"],.language-switcher button[aria-current="true"]{background:#b8ed89;color:#17230f}
.language-switcher label{padding:0 8px;font-size:11px;color:#a7ba9b}
.language-switcher select{border:1px solid #4c6240;background:#15220f;color:#ddedcf}
.language-switcher button:focus-visible,.language-switcher select:focus-visible{outline:2px solid #b8ed89;outline-offset:3px}
html[lang="ar"]{--sans:Tahoma,Arial,"Noto Sans Arabic",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",Tahoma,Arial,monospace}
html[lang="ar"] body{font-family:var(--sans)}
html[lang="ar"] .app-shell,html[lang="ar"] .desktop,html[lang="ar"] .topbar,html[lang="ar"] .operations-grid,html[lang="ar"] .stats-row,html[lang="ar"] .desktop-shortcuts,html[lang="ar"] .window-titlebar,html[lang="ar"] .chassis-label,html[lang="ar"] .keyboard-strip{direction:ltr}
html[lang="ar"] :is(h1,h2,h3,p,button,label,summary,.eyebrow,.stat-label,.stat-caption,.panel-heading,.tiny-tag,.chapter-label,.tutorial-top,.tutorial-badge,.system-status .small-label,.icon-button span,.terminal-footer,.desktop-footer,.command-kind,.file-count,.host-state,.network-legend,.event-text,.toast){letter-spacing:0;text-transform:none}
html[lang="ar"] :is(.wordmark small,.system-status .small-label,.icon-button span,.eyebrow,.stat-label,.stat-caption,.panel-heading,.tiny-tag,.tutorial-top,.tutorial-badge,.app-tabs button,.terminal-footer,.network-legend,.host-state,.file-count,.desktop-footer,.command-kind){font-family:var(--sans);line-height:1.65}
html[lang="ar"] :is(.operation-heading,.left-column,.right-column,.mission-intro,.mission-detail,.tutorial-card,.section-heading,.subtext,.boot-callout,.boot-meta,.boot-status,.browser-home,.browser-results,.market-detail,.market-description,.market-actions,.lesson-card summary,.lesson-body,.event-text,.upgrade-button,.workspace-note,.toast,.practice-banner,dialog,.online-panel,.online-card,.online-gate-card,.online-gate,.missionhub,.missionhub-panel){direction:rtl;text-align:right}
html[lang="ar"] :is(.operation-heading p,.mission-intro .text-button,.mission-item,.mission-item>div:last-child,.lesson-card summary strong,.market-description,.event-text){direction:rtl;text-align:right}
html[lang="ar"] .operation-heading h1{line-height:1.5;letter-spacing:0;font-size:clamp(25px,2.5vw,39px)}
html[lang="ar"] .operation-heading p{line-height:1.95}
html[lang="ar"] .operation-heading .eyebrow{flex-wrap:wrap;gap:10px;font-size:10px}
html[lang="ar"] .topbar .wordmark{direction:ltr}
html[lang="ar"] .wordmark small{direction:rtl;font-size:9px;letter-spacing:0;line-height:1.4}
html[lang="ar"] .system-status .small-label{font-size:10px}
html[lang="ar"] .top-actions .icon-button span{font-size:9px}
html[lang="ar"] .countdown{min-width:170px;text-align:center}
html[lang="ar"] .countdown-label{direction:rtl;justify-content:center;font:10px/1.8 var(--sans);letter-spacing:0}
html[lang="ar"] .clock{direction:ltr;unicode-bidi:isolate}
html[lang="ar"] .stat-label{direction:rtl;font-size:10px}
html[lang="ar"] .stat-caption{display:block;direction:rtl;font-size:9px}
html[lang="ar"] .stat-value{direction:ltr}
html[lang="ar"] .desktop-shortcuts button{direction:rtl;text-align:right}
html[lang="ar"] .desktop-shortcuts strong{font-size:12px}
html[lang="ar"] .desktop-shortcuts small{font:10px/1.7 var(--sans)}
html[lang="ar"] .panel-heading{font-size:11px}
html[lang="ar"] .tiny-tag{font-size:9px}
html[lang="ar"] .mission-intro h2{font-size:16px;line-height:1.8}
html[lang="ar"] .mission-intro p{font-size:12px;line-height:1.9}
html[lang="ar"] .mission-item{flex-direction:row}
html[lang="ar"] .mission-item:not(:last-child):before{left:auto;right:9px}
html[lang="ar"] .mission-item strong{font-size:12px;line-height:1.9}
html[lang="ar"] .mission-item small{font-size:11px;line-height:1.9}
html[lang="ar"] .mission-detail{font-size:12px;line-height:1.9}
html[lang="ar"] .tutorial-card h3{font-size:17px;line-height:1.8}
html[lang="ar"] .tutorial-card p{line-height:1.95}
html[lang="ar"] .tutorial-top{font-size:10px}
html[lang="ar"] .tutorial-badge{font-size:9px}
html[lang="ar"] .guide-actions button{font-family:var(--sans);font-size:11px;white-space:normal}
html[lang="ar"] .tutorial-card .guide-caption{font-size:10px;line-height:1.8}
html[lang="ar"] .text-button{font-size:11px}
html[lang="ar"] .app-tabs{direction:rtl;overflow-x:auto;overflow-y:hidden;flex-shrink:0}
html[lang="ar"] .app-tabs button{font-size:11px;white-space:nowrap;flex-shrink:0;padding-inline:10px}
html[lang="ar"] .chassis-label b{font:9px/1.6 var(--sans);letter-spacing:0;direction:rtl}
html[lang="ar"] .terminal-output{direction:ltr;text-align:left}
html[lang="ar"] .log-line:not(.command){font-family:var(--mono);font-size:12px;line-height:1.95;unicode-bidi:plaintext}
html[lang="ar"] .log-line.command{direction:ltr;text-align:left;unicode-bidi:isolate;font-family:var(--mono)}
html[lang="ar"] .boot-logo{direction:ltr;text-align:left;font-family:var(--mono)}
html[lang="ar"] .boot-meta{font-size:11px;line-height:1.8}
html[lang="ar"] .boot-status{font:12px/2 var(--sans)}
html[lang="ar"] .boot-callout{font-size:13px;line-height:2;border-left-width:1px;border-right:2px solid var(--green)}
html[lang="ar"] .boot-callout strong{font-size:13px}
html[lang="ar"] .boot-actions button{font-size:12px}
html[lang="ar"] .terminal-suggestions{direction:ltr}
html[lang="ar"] .terminal-suggestions>span{font:9px/1.6 var(--sans);direction:rtl;white-space:normal}
html[lang="ar"] .terminal-input,html[lang="ar"] #command-input,html[lang="ar"] #prompt{direction:ltr;text-align:left;unicode-bidi:isolate;font-family:var(--mono)}
html[lang="ar"] #command-input::placeholder{font-family:var(--sans)}
html[lang="ar"] .terminal-footer{font-size:9px;direction:rtl;flex-wrap:wrap}
html[lang="ar"] .folder-toolbar,html[lang="ar"] #folder-breadcrumbs,html[lang="ar"] #file-path,html[lang="ar"] #storage-host,html[lang="ar"] .file-item{direction:ltr;text-align:left;unicode-bidi:isolate}
html[lang="ar"] .file-item small{font-family:var(--sans);font-size:9px}
html[lang="ar"] #file-content{font-family:var(--sans);unicode-bidi:plaintext;line-height:2;font-size:12px}
html[lang="ar"] .file-count{font-size:10px;direction:rtl;text-align:right}
html[lang="ar"] .file-preview>div{font-family:var(--sans);font-size:10px}
html[lang="ar"] .folder-empty{direction:rtl;text-align:right}
html[lang="ar"] .browser-toolbar{direction:ltr}
html[lang="ar"] #browser-input{direction:ltr;text-align:left}
html[lang="ar"] #browser-input::placeholder{direction:rtl;text-align:right}
html[lang="ar"] .market-description{line-height:1.95}
html[lang="ar"] .market-actions{flex-wrap:wrap}
html[lang="ar"] .market-actions button{white-space:normal}
html[lang="ar"] .browser-home{ text-align:center }
html[lang="ar"] .browser-home h3{font-size:26px;line-height:1.7}
html[lang="ar"] .browser-home p{line-height:1.95}
html[lang="ar"] #browser-content :is(p,h2,h3,small)[dir="ltr"]{direction:rtl;text-align:right}
html[lang="ar"] #browser-content .browser-home :is(p,h3,small){text-align:center}
html[lang="ar"] .lesson-card summary{direction:rtl}
html[lang="ar"] .lesson-card summary strong{font-size:14px;line-height:1.8}
html[lang="ar"] .lesson-card summary small{font-size:10px}
html[lang="ar"] .lesson-body{line-height:2;font-size:13px}
html[lang="ar"] .command-example{direction:rtl;text-align:right}
html[lang="ar"] .lesson-body .takeaway{border-left:0;border-right:2px solid #799e53}
html[lang="ar"] .host-card{direction:ltr}
html[lang="ar"] .host-info{direction:ltr;text-align:left}
html[lang="ar"] .host-state{font-size:9px;direction:rtl}
html[lang="ar"] .network-legend{font-size:9px;gap:6px;flex-wrap:wrap}
html[lang="ar"] .event-item{direction:rtl}
html[lang="ar"] .event-text{font-size:11px;line-height:1.9}
html[lang="ar"] .event-time{direction:ltr;unicode-bidi:isolate;font-size:9px}
html[lang="ar"] .upgrade-button strong{font-size:12px}
html[lang="ar"] .upgrade-button small{font-size:10px;line-height:1.8}
html[lang="ar"] .upgrade-cost{direction:ltr;unicode-bidi:isolate}
html[lang="ar"] .workspace-note{align-items:flex-start;font-size:10px}
html[lang="ar"] .workspace-note button{margin-left:0;margin-right:auto;font:10px/1.8 var(--sans)}
html[lang="ar"] .desktop-footer{direction:rtl;font-size:9px;padding-bottom:38px;flex-wrap:wrap;gap:10px}
html[lang="ar"] .practice-banner{font-size:12px;line-height:1.8}
html[lang="ar"] .practice-banner strong{font:11px/1.8 var(--sans);margin-right:0;margin-left:10px}
html[lang="ar"] .practice-banner button{font-size:11px}
html[lang="ar"] .toast{font:13px/1.9 var(--sans)}
html[lang="ar"] dialog p{line-height:1.9}
/* Panels mounted by the lessons and multiplayer clients contain English dir attributes. */
html[lang="ar"] :is(#tab-online,#tab-missions,#academy-content,.online-gate,.online-gate-card,.online-card,.online-panel,.missionhub-shell,.missionhub-main,.missionhub-card,.missionhub-detail,.missionhub-step,.missionhub-lesson,.training-panel){direction:rtl;text-align:right}
html[lang="ar"] :is(#tab-online,#tab-missions,.online-gate,.online-gate-card) :is(h1,h2,h3,h4,p,summary,label,button,small,li){font-family:var(--sans);letter-spacing:0;text-transform:none;line-height:1.85}
html[lang="ar"] :is(#tab-online,#tab-missions,.online-gate,.online-gate-card) [dir="ltr"]:not(code):not(pre):not(input){direction:rtl;text-align:right}
html[lang="ar"] :is(#tab-online,#tab-missions) :is(p,li){font-size:13px}
html[lang="ar"] :is(#tab-online,#tab-missions,.online-gate) button{white-space:normal}
html[lang="ar"] :is(.online-kicker,.online-version,.online-gate-footer,.online-gate-brand small,.online-account-stats,.online-panel-footer,.online-company-mode,.online-company-meters>div>span,.online-battle-top>span,.online-battle-module,.online-ranking-heading>span,.online-rank-score small,.online-first-play>span,.online-directory-toolbar>span,.online-identity-text>span,.online-company-card-bottom>span,.missionhub-badge,.missionhub-section-title>span,.missionhub-lesson-status,.missionhub-active-top>span:last-child,.missionhub-command>span,.missionhub-expected>span,.missionhub-result>span){font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:10px;line-height:1.8}
html[lang="ar"] .online-gate-story h1{font-family:var(--sans);font-size:clamp(43px,4.7vw,66px);line-height:1.35;letter-spacing:0}
html[lang="ar"] .online-gate-story>p,html[lang="ar"] .online-gate-features span,html[lang="ar"] .online-gate-card>p{text-align:right}
html[lang="ar"] .online-gate-brand{direction:ltr}
html[lang="ar"] .online-gate-brand small{direction:rtl;font-size:9px}
html[lang="ar"] .online-gate-terminal{direction:ltr;text-align:left}
html[lang="ar"] .online-switch{direction:ltr}
html[lang="ar"] .online-directory-toolbar input{direction:rtl;text-align:right;font-family:var(--sans)}
html[lang="ar"] .online-direct-target input{direction:ltr;text-align:left}
html[lang="ar"] #online-company-form input::placeholder{font-family:var(--sans)}
html[lang="ar"] .online-guide-insert{direction:rtl;text-align:right}
html[lang="ar"] .missionhub-heading h2{line-height:1.5;letter-spacing:0}
html[lang="ar"] .missionhub-friends ol{padding-left:0;padding-right:20px}
html[lang="ar"] .missionhub-friends li{padding-left:0;padding-right:4px}
html[lang="ar"] .missionhub-command{direction:rtl;text-align:right}
html[lang="ar"] .missionhub-result pre{unicode-bidi:plaintext;font:12px/2 var(--mono)}
html[lang="ar"] :is(code,.command-example code,.tutorial-card>code,.training-command,.online-command,.online-ip,.market-ip,#session-ip,#network-ip,#window-title){direction:ltr!important;text-align:left;unicode-bidi:isolate;font-family:var(--mono)!important}
html[lang="ar"] code{display:inline-block;max-width:100%;overflow-wrap:anywhere}
html[lang="ar"] pre code{display:inline}
html[lang="ar"] :is(input[type="email"],input[type="url"],input[type="password"],input[name="code"],input[name="roomCode"]){direction:ltr;text-align:left;unicode-bidi:isolate}
@media(max-width:1250px){html[lang="ar"] .guide-actions button{font-size:11px}html[lang="ar"] .app-tabs button{padding-inline:8px;font-size:10px}html[lang="ar"] .host-state{font-size:8px}}
@media(max-width:760px){.language-switcher{right:10px;bottom:63px;padding:3px}.language-switcher button,.language-switcher select{padding:5px 9px;min-height:29px;font-size:11px}html[lang="ar"] .operation-heading{gap:12px}html[lang="ar"] .operation-heading h1{font-size:25px}html[lang="ar"] .operation-heading .eyebrow{font-size:8px;gap:7px}html[lang="ar"] .operation-heading p{font-size:11px}html[lang="ar"] .countdown{min-width:112px}html[lang="ar"] .countdown-label{font-size:9px}html[lang="ar"] .desktop-shortcuts button{text-align:center}html[lang="ar"] .desktop-shortcuts strong{font-size:11px}html[lang="ar"] .desktop-shortcuts small{font-size:9px}html[lang="ar"] .stat-label{font-size:9px}html[lang="ar"] .stat-caption{font-size:8px}html[lang="ar"] .system-status .small-label{font-size:8px}html[lang="ar"] .top-actions .icon-button span{font-size:8px}html[lang="ar"] .app-tabs button{font-size:10px;padding-inline:8px}html[lang="ar"] .terminal-output .log-line{font-size:11px}html[lang="ar"] .terminal-footer{font-size:8px}html[lang="ar"] .panel-heading{font-size:10px}html[lang="ar"] .network-legend{font-size:8px}html[lang="ar"] .chassis-label b{font-size:8px}html[lang="ar"] .desktop-footer{font-size:8px;padding-bottom:42px}html[lang="ar"] .boot-callout{font-size:12px}html[lang="ar"] .boot-callout strong{font-size:12px}}
@media(max-width:480px){html[lang="ar"] .operation-heading h1{font-size:20px}html[lang="ar"] .operation-heading p{font-size:10px}html[lang="ar"] .operation-heading .eyebrow{font-size:7px}html[lang="ar"] .countdown{min-width:94px}html[lang="ar"] .countdown-label{font-size:8px}html[lang="ar"] .top-actions{gap:6px}html[lang="ar"] .top-actions .icon-button span{font-size:7px}html[lang="ar"] .wordmark small{font-size:7px}html[lang="ar"] .desktop-shortcuts strong{font-size:10px}html[lang="ar"] .desktop-shortcuts small{font-size:8px}html[lang="ar"] .app-tabs button{font-size:9px;padding-inline:6px;gap:4px}html[lang="ar"] .terminal-footer{font-size:7px}html[lang="ar"] .network-legend{font-size:7px}html[lang="ar"] .host-state{font-size:8px}html[lang="ar"] .file-preview pre{font-size:11px}html[lang="ar"] .chassis-label b{font-size:7px}html[lang="ar"] .practice-banner{font-size:10px}html[lang="ar"] .workspace-note{font-size:9px}html[lang="ar"] .workspace-note button{font-size:9px}}