.language-control { display:flex; align-items:center; gap:5px; flex-shrink:0; padding:8px 5px; color:#c4eaff; font-size:13px; }
.language-control .icon { width:19px; height:19px; }
.language-picker { width:100%; padding:13px; color:#f2f7ff; background:#031a2c; border:1px solid #28627e; border-radius:7px; font:inherit; }
.language-picker:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
.search-results small { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.site-header { gap:18px; }
.desktop-nav { gap:20px; }
.header-search { margin-left:0; min-width:40px; flex-shrink:1; }
html:not([lang="en"]) .site-header { gap:12px; padding-inline-start:24px; }
html:not([lang="en"]) .desktop-nav { gap:13px; font-size:15px; }
html:not([lang="en"]) .header-search { width:48px; padding:10px; justify-content:center; }
html:not([lang="en"]) .header-search>span { display:none; }
html:not([lang="en"]) h1 { font-size:clamp(35px,3.8vw,55px); line-height:1.05; letter-spacing:-1.4px; }
html:not([lang="en"]) .hero-copy { width:66%; }
html:not([lang="en"]) .hero-description { max-width:450px; }
html:not([lang="en"]) .hero-description br { display:none; }
html:not([lang="en"]) .hero-actions { flex-wrap:wrap; }
html:not([lang="en"]) .hero-button { min-width:0; padding-inline:17px; }
html:not([lang="en"]) .hero-benefits>a { white-space:normal; }
html:not([lang="en"]) .hero-main { padding-bottom:90px; }
html:not([lang="en"]) .feature-card strong { white-space:normal; }
html:not([lang="en"]) .feature-card { min-width:0; }
html:not([lang="en"]) .road-intro h2 { white-space:normal; font-size:38px; }
html:not([lang="en"]) .glory-card h2 { font-size:28px; }
html:not([lang="en"]) .community-heading h2 { font-size:30px; }
html:not([lang="en"]) .download-copy h2 { font-size:32px; }
html:not([lang="en"]) .mini-hero>strong { font-size:18px; }
html[lang="ar"],html[lang="he"],html[lang="hi"],html[lang="th"],html[lang="ja"],html[lang="ko"],html[lang^="zh"] { --body:system-ui,sans-serif; --heading:system-ui,sans-serif; }
html[lang="ar"] body,html[lang="he"] body,html[lang="hi"] body,html[lang="th"] body,html[lang="ja"] body,html[lang="ko"] body,html[lang^="zh"] body { font-size:14px; line-height:1.55; }
[dir="rtl"] .hero-main { padding-left:0; padding-right:52px; }
[dir="rtl"] .hero-players { right:auto; left:-2%; }
[dir="rtl"] .hero-copy { text-align:right; }
[dir="rtl"] .hero-benefits { right:53px; left:15px; }
[dir="rtl"] .header-search,[dir="rtl"] .store-button,[dir="rtl"] .dialog-link,[dir="rtl"] .team-button,[dir="rtl"] .news-item { text-align:right; }
[dir="rtl"] .mini-hero>img { right:auto; left:0; }
[dir="rtl"] .mini-button { left:auto; right:10px; }
[dir="rtl"] .info-button { right:auto; left:-3px; }
[dir="rtl"] .all-milestones { float:left; }
[dir="rtl"] .progress-labels>span:last-child { text-align:left; }
[dir="rtl"] .text-link>.icon { transform:scaleX(-1); }
.road-map,.probability-chart,.play-chart,.laptop,.game-time { direction:ltr; }
[dir="rtl"] .laptop-screen { direction:rtl; }
@media(max-width:1100px) {
 .site-header { gap:11px; }
 .desktop-nav { gap:13px; }
 .header-search { width:44px; padding:8px; }
 .header-search>span { display:none; }
 html:not([lang="en"]) .desktop-nav { font-size:13px; gap:10px; }
 html:not([lang="en"]) .glory-card h2 { font-size:23px; }
 html:not([lang="en"]) .mini-hero>strong { font-size:14px; }
 [dir="rtl"] .hero-main { padding-right:34px; }
 [dir="rtl"] .hero-benefits { right:35px; }
}
@media(max-width:900px) {
 html:not([lang="en"]) .desktop-nav,html:not([lang="en"]) .header-download { display:none; }
 html:not([lang="en"]) .mobile-menu { display:block; }
 html:not([lang="en"]) .header-search { margin-inline-start:auto; }
}
@media(max-width:740px) {
 .site-header,html:not([lang="en"]) .site-header { padding-inline:18px; gap:11px; }
 .language-control { font-size:12px; gap:4px; }
 .language-control .icon { width:17px; }
 html:not([lang="en"]) .hero-copy { width:100%; }
 html:not([lang="en"]) h1 { font-size:clamp(38px,8.5vw,54px); }
 html:not([lang="en"]) .hero-button { padding-inline:11px; font-size:14px; }
 html:not([lang="en"]) .hero-benefits { grid-template-columns:repeat(2,1fr); gap:10px; }
 html:not([lang="en"]) .hero-main { padding-bottom:115px; }
 [dir="rtl"] .hero-main { padding-inline:22px; }
 [dir="rtl"] .hero-players { left:-18%; }
 [dir="rtl"] .hero-benefits { inset-inline:22px; }
 [dir="rtl"] .hero-main::before { background:linear-gradient(270deg,#00101c55 30%,transparent); }
}