.language-control{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;border:2px solid var(--ink,#171713);background:#eee9dd;color:#171713;padding:4px 8px;font-size:14px;line-height:1.4;max-width:180px}.language-control select{border:0!important;box-shadow:none!important;background:transparent!important;color:inherit!important;min-width:0;width:auto;max-width:135px;padding:5px!important;font-size:14px!important;font-family:var(--body-font)!important;cursor:pointer}.language-control:focus-within{outline:3px solid #f47732;outline-offset:3px}.site-header{gap:16px}.site-header .header-note{margin-right:auto}.topbar{gap:12px}.topbar>.language-control{margin-left:auto}.login-page>.language-control{position:absolute;right:24px;top:24px}.admin-community>.language-control{position:fixed;right:24px;top:18px;z-index:5}.top-tabs{overflow-x:auto}.top-tabs a{flex-shrink:0}.hero h1{font-size:clamp(44px,5.2vw,86px);overflow-wrap:anywhere}.hero-copy{min-width:0}.operation-banner h1{overflow-wrap:anywhere}.sidebar nav button{white-space:normal}.language-control option{font-family:system-ui,sans-serif}html:lang(zh-CN) h1,html:lang(ja) h1,html:lang(ko) h1{line-height:1.12;letter-spacing:-.035em}html:lang(zh-CN),html:lang(ja){word-break:normal;line-break:strict}html:lang(ko){word-break:keep-all;overflow-wrap:anywhere}@media(max-width:900px){.site-header{flex-wrap:wrap}.site-header .header-note{display:none}.site-header .wordmark{margin-right:auto}.language-control{max-width:154px}.topbar{flex-wrap:wrap;height:auto;min-height:64px}.admin-community>.language-control{position:static;margin-bottom:20px}}@media(max-width:540px){.site-header{gap:10px}.site-header #account-nav{margin-left:auto}.site-header .language-control{margin-left:auto}.hero h1{font-size:48px}.login-page>.language-control{right:16px;top:16px}.topbar>div{display:none}.topbar .language-control{margin-left:auto}.download-button strong{font-size:24px}.operation-banner h1{font-size:40px}}

html:lang(ja) .hero h1,html:lang(zh-CN) .hero h1,html:lang(ko) .hero h1{font-size:clamp(38px,4.2vw,64px);line-height:1.12}@media(max-width:540px){html:lang(ja) .hero h1,html:lang(zh-CN) .hero h1,html:lang(ko) .hero h1{font-size:38px}}
.admin-panel .language-control,.admin-panel .language-control select{color:#171713!important}.admin-panel .language-control span{color:#171713!important}
.download-button>span:nth-child(2){min-width:0;flex:1}.download-button strong{overflow-wrap:anywhere}@media(max-width:540px){.download-button{gap:10px}.download-button strong{font-size:20px;letter-spacing:0}.download-file-icon{width:44px;height:44px}.download-file-icon img{width:44px;height:44px}.download-button svg{width:20px;height:20px}}

.geo-credit{display:block;font:14px sans-serif;color:inherit;opacity:.6;margin:12px;text-align:right}

/* Readable public-site typography; keep the compact header dimensions. */
body:is(.home-page,.community-page){font-size:16px;line-height:1.5}
:is(.home-page,.community-page) .top-tabs a{font-size:16px!important;line-height:1.25}
:is(.home-page,.community-page) :is(button,.button,.small-button,input,select,textarea){font-size:16px}
:is(.home-page,.community-page) :is(.eyebrow,.tiny,.tag,.pill,.stat small,.download-sub,.install-note){font-size:14px;line-height:1.5}
:is(.home-page,.community-page) :is(.hero-description,.step p,.section-heading>p,.news-copy p){font-size:16px;line-height:1.6}
:is(.home-page,.community-page) .step h3{font-size:18px}
.community-page :is(.panel p,.event-card p,.empty p,.community-shell .muted,.privacy,summary,.achievement-detail){font-size:16px;line-height:1.6}
.community-page :is(table,td,.fixture .side,.player-name){font-size:16px}
.community-page :is(th,label,.pagination button,.fixture a,.achievement-name){font-size:14px;line-height:1.5}
.community-page .player-clan-tag{font-size:14px}
.community-page .illustrated-title .muted{font-size:15px;line-height:1.45}
.community-page .elo-value{font-size:22px}
.community-page .elo-value small{font-size:14px}
.community-page :is(.elo-stat,.personal-rank) .elo-value{font-size:28px}
.community-page .elo-rank-sprite{width:64px;height:64px}
.community-page :is(.elo-stat,.personal-rank) .elo-rank-sprite{width:88px;height:88px}
@media(max-width:740px){
 :is(.home-page,.community-page) .top-tabs a{font-size:15px!important}
 .community-page .illustrated-title .muted{font-size:14px}
 .community-page .elo-rank-sprite{width:56px;height:56px}
 .community-page :is(.elo-stat,.personal-rank) .elo-rank-sprite{width:76px;height:76px}
}

/* Readable brand tagline, including compact screens and longer translations. */
:is(.home-page,.community-page) .wordmark small{font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.45px;color:#171713;margin-top:5px;white-space:normal}
@media(max-width:740px){:is(.home-page,.community-page) .wordmark small{font-size:14px;letter-spacing:.15px}}

/* Consistent small copy, not just the brand tagline. */
:is(.home-page,.community-page) :is(.dispatch-strip,.header-note,.wordmark small,.art-caption,.news-date small,.news-timer small,.download-button small){line-height:1.45;letter-spacing:.35px}
.home-page .download-help :is(.step p,.install-note,.section-heading>p){font-size:16px;line-height:1.55}
.community-page .achievement-name{height:3em}
body>.geo-credit{opacity:1;font-size:14px}
@media(max-width:540px){.site-header .wordmark{min-width:0;white-space:normal}.site-header .wordmark>span{min-width:0}.dispatch-strip{letter-spacing:.2px}}

/* Public surfaces share the authenticated command room's olive palette.
   Keep --ink for outlines and --paper for light lettering, not surfaces. */
body:is(.home-page,.community-page){--panel:#23281c;--muted:#a5a591;--line:#454939;--paper:#f0ebdb;--olive:#a7c570;color:#f0ebdb;color-scheme:dark}
:is(.home-page,.community-page) :is(.site-header,.top-tabs,.site-footer){background:#1c1f17;color:#f0ebdb}
:is(.home-page,.community-page) .wordmark small{color:#f0ebdb}
:is(.home-page,.community-page) :is(.launch-news,.download-help-window,.art-sticker,.server-strip){background:#23281c;color:#f0ebdb}
:is(.home-page,.community-page) :is(.step p,.step b,.server-strip p,.news-date small,.news-timer small){color:#c9cabb}
:is(.home-page,.community-page) :is(.eyebrow,.news-timer strong){color:#f58a43}
.home-page .download-help .step-number{background:#2a2e22;color:#f0ebdb}
:is(.home-page,.community-page) :is(.language-control,.top-tabs a span,.download-file-icon b){background:#353c29;color:#f0ebdb}
.home-page .battle-tape{color:#171713}
.community-page :is(button,input,select,textarea){background:#2a2e22;color:#f0ebdb}
.community-page :is(button:hover,.accent){background:#f28b46;color:#17190f}
.community-page label{color:#a5a591}
.community-page .empty{background:repeating-linear-gradient(-45deg,#2a2e22 0 1px,#23281c 1px 12px);color:#a5a591}
.community-page .empty strong{color:#f0ebdb}
.community-page tbody tr:hover{background:#353c29}
.community-page .stat:first-child{background:#272d20}
.community-page :is(.tag,.pill,.player-clan-tag){background:#353c29;color:#c7dd9c}
.community-page :is(.rank,.fixture a){color:#f58a43}
.community-page .fixture .won{background:#353c29;color:#c7dd9c}
.community-page :is(.danger,.notice-error){color:#f49b85}
.community-page :is(.achievement,.achievement.unlocked,.achievement-showcase){background:#23281c}
.community-page .achievement-summary p span{color:#a5a591}
.community-page .achievement-meter{background:#353c29}
body.community-page .achievement-tile,body.community-page .achievement-tile.is-unlocked{background:#2a2e22;color:#f0ebdb;border-color:#454939}
body.community-page .achievement-tile:hover{background:#353c29;border-color:var(--award)}
.community-page .achievement-picture>b{background:#353c29;color:#f0ebdb}
.community-page .is-unlocked .achievement-picture>b{background:var(--award);color:#171713}
.community-page .is-locked .achievement-name{color:#a5a591}
.community-page .achievement-showcase[data-tier="100"]{background:linear-gradient(125deg,#353c29,#23281c 48%,#3f4125)}
.community-page .achievement-showcase[data-tier="100"] .achievement-percent>strong{color:#ffe08c}
.community-page #match-found{background:#23281c;color:#f0ebdb}
.community-page .draft-turn{background:#353c29;color:#f0ebdb}

/* Center brand title without increasing the header height. */
:is(.home-page,.community-page) .site-header .header-note{font-family:Oswald,"Arial Black",sans-serif;font-size:42px;font-weight:700;line-height:1;letter-spacing:2px;color:#f0ebdb;text-align:center}

.season-panel{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:16px 0}.season-panel p{margin:0}.season-panel select{max-width:100%}.season-badges{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.season-badge{display:flex;align-items:center;gap:14px;padding:12px 18px;background:#2a2e22;border:2px solid #454939;box-shadow:4px 4px #171713}.season-badge>b{display:grid;place-items:center;width:54px;height:62px;background:var(--medal);color:#171713;font:700 32px Oswald,sans-serif;clip-path:polygon(0 0,100% 0,100% 76%,50% 100%,0 76%)}.medal-1{--medal:#efbf55}.medal-2{--medal:#c1cbd0}.medal-3{--medal:#cb8957}.season-badge span{display:block;margin-top:5px;color:#a5a591}.season-history{margin-top:20px}.season-history summary{cursor:pointer;font-weight:700;padding:10px 0}.season-history .table-wrap{max-height:360px;overflow:auto}.season-profile{margin:20px 0}

/* Steam sign-in must remain legible on every public route. */
:is(.home-page,.community-page) a[href="/auth/steam"]{background:#353c29;color:#f0ebdb}
:is(.home-page,.community-page) a[href="/auth/steam"]:hover,:is(.home-page,.community-page) a[href="/auth/steam"]:focus-visible{background:#353c29;color:#fff}

/* Public action palette: olive controls and orange primary/selected actions. */
body:is(.home-page,.community-page){--action-olive:#353c29;--action-orange:#f28b46}
body:is(.home-page,.community-page) :is(button,.button,.small-button,.download-button,[role="button"],.top-tabs a){background:var(--action-olive)!important;color:#f0ebdb!important}
body:is(.home-page,.community-page) :is(button,.button,.small-button,.download-button,[role="button"],.top-tabs a):is(:hover,:focus-visible):not(:disabled):not([aria-disabled="true"]),
body:is(.home-page,.community-page) :is(button,.button,.small-button,[role="button"]):is(.accent,.primary,.active,[aria-pressed="true"],[aria-selected="true"]),
body:is(.home-page,.community-page) .download-button,
body:is(.home-page,.community-page) .top-tabs a:is(.active,[aria-current="page"]),
body.home-page .top-tabs a[data-section="home"]{background:var(--action-orange)!important;color:#17190f!important}
body:is(.home-page,.community-page) :is(button,.button,.small-button).danger{border-color:#f49b85}
body:is(.home-page,.community-page) :is(button,.button,.small-button):disabled{cursor:not-allowed}

.language-control{position:relative;z-index:1000;background:#353c29!important;color:#f0ebdb!important}
.language-menu{position:relative;color:#f0ebdb;min-width:112px}
.language-menu summary{cursor:pointer;list-style:none;padding:8px 10px;font:inherit;color:#f0ebdb!important;white-space:nowrap}
.language-menu summary::-webkit-details-marker{display:none}
.language-options{position:absolute;right:0;top:calc(100% + 8px);width:max-content;min-width:210px;max-height:min(65vh,480px);overflow-y:auto;background:#23281c;border:2px solid #596044;box-shadow:5px 7px 0 #0008;padding:5px;z-index:1001;color-scheme:dark}
.language-control .language-options button{display:block;width:100%;margin:0;padding:9px 12px;border:0;text-align:left;background:#23281c!important;color:#f0ebdb!important;white-space:nowrap;font:inherit}
.language-control .language-options button:hover,.language-control .language-options button:focus-visible,.language-control .language-options button[aria-checked=true]{background:#f28b46!important;color:#17190f!important;outline:none}
.admin-panel .language-control span{color:#f0ebdb!important}

.language-menu{min-width:0}.language-menu summary{max-width:160px;overflow:hidden;text-overflow:ellipsis}.topbar>.language-control{display:inline-flex!important}

/* Keep global details/summary spacing out of the compact header control. */
.language-control{box-sizing:border-box;height:42px;align-self:center;padding:4px 8px}
.language-control .language-menu{margin:0;padding:0;border:0;min-width:0}
.language-control .language-menu>summary{margin:0;padding:5px 4px;font-size:14px;line-height:20px;max-width:140px}

/* Arabic and Hindi */
@font-face{font-family:AgeArabic;src:url('/public/fonts/notosansarabic.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:AgeHindi;src:url('/public/fonts/notosansdevanagari.woff2') format('woff2');font-weight:100 900;font-display:swap}
html:lang(ar){--body-font:AgeArabic,'Noto Sans',sans-serif;--display-font:AgeArabic,'Noto Sans',sans-serif}
html:lang(hi){--body-font:AgeHindi,'Noto Sans',sans-serif;--display-font:AgeHindi,'Noto Sans',sans-serif}
html:lang(ar) body{direction:rtl}html:lang(ar) .language-options{left:0;right:auto;text-align:right}
html:lang(ar) :is(h1,h2,h3,.eyebrow,.top-tabs a,button){letter-spacing:normal}
html:lang(ar) :is(input[type=url],input[type=email],input[type=password],.news-date time,[role=timer],.wordmark,.journal-map){direction:ltr;unicode-bidi:isolate}
html:lang(ar) :is(.journal-navigation,.journal-kills button){direction:ltr}
html:lang(ar) .journal-kills button span{unicode-bidi:plaintext}
html:lang(ar) :is(h1,h2,h3){line-height:1.5}html:lang(hi) :is(h1,h2,h3){line-height:1.4}