.language-control{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:inherit;max-width:150px}
.language-control select{font:inherit;font-weight:600;color:#243f35;color-scheme:light;border:1px solid #8f9f8659;border-radius:7px;background:#ffffff;padding:5px 3px;max-width:100%;min-width:0}
/* Native option popups must not inherit the pale lettering from the topbar. */
.language-control select option{color:#243f35;background:#ffffff}
.language-control select option:checked{color:#ffffff;background:#286447}
.login-language{display:flex;justify-content:center;max-width:none;margin:0 auto 12px}
.language-control.language-icon{position:relative;display:inline-grid;place-items:center;box-sizing:border-box;flex-shrink:0;width:40px;height:40px;min-width:40px;padding:8px;border:1px solid #b5c6a8;border-radius:10px;background:#e9edce;color:#426352;cursor:pointer}
.language-control.language-icon.login-language{display:grid}
.language-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.language-control.language-icon select{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}
.language-icon:hover{background:#dfe7c8}
.language-icon:focus-within{outline:2px solid #426352;outline-offset:2px}
html[lang=en] .topbar-login-name{max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[lang=en] .topbar-actions{gap:5px}
html[lang=en] .game-badge{flex-shrink:0;letter-spacing:0}
html[lang=en] .game-badge strong{font-size:12px;line-height:1.15;width:74px;max-width:74px;white-space:normal}
html[lang=en] .topbar{gap:8px}
html[lang=en] .login-shell{font-family:system-ui,sans-serif}
html[lang=en] .hero-caption{letter-spacing:1px}
html[lang=en] .cinematic-caption span{letter-spacing:2px}
html[lang=en] .cinematic-caption strong,html[lang=en] .caption strong{font-size:clamp(22px,6vw,34px);letter-spacing:.02em;white-space:normal;overflow-wrap:break-word}
html[lang=en] .nav-button{font-size:11px}
html[lang=en] .button{white-space:normal;line-height:1.3;min-width:0;overflow-wrap:break-word}
html[lang=en] .player-type-option strong{font-size:13px}
html[lang=en] .player-type-option small{font-size:10px}
html[lang=en] .training-tile>span,html[lang=en] .training-tile>strong{font-size:13px;line-height:1.25}
html[lang=en] .event-name h2{font-size:14px;line-height:1.2}
html[lang=en] .event-name small{font-size:10px;white-space:normal}
html[lang=en] .roster-type{font-size:11px}
html[lang=en] .player-card .profile-name{display:grid;gap:3px;align-items:start}
html[lang=en] .player-card .profile-name .roster-type{white-space:normal;width:fit-content;max-width:100%}
html[lang=en] .player-card .player-manage{max-width:74px;font-size:11px;padding:8px}
html[lang=en] .profile-records dd{font-size:clamp(12px,4vw,18px)}
html[lang=en] .arena-player small{font-size:9px;letter-spacing:0}
html[lang=en] .arena-switches button{font-size:11px}
html[lang=en] .ultimate-title{font-size:clamp(20px,6vw,32px);letter-spacing:.02em;white-space:normal}
html[lang=en] .hero-caption{font-size:14px}
@container game (max-width:350px){html[lang=en] .nav-button{font-size:10px}}