.club-header .language-toggle,.mobile-play-header .language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-width:60px;min-height:44px;padding:9px 10px;border:1px solid var(--house-line,var(--club-line));border-radius:15px;background:var(--house-paper,var(--surface));color:var(--house-ink,var(--text));font:700 12px/1.2 var(--house-title,inherit);cursor:pointer}
.language-toggle svg{width:19px;height:19px;flex:none}.language-toggle:focus-visible,.language-dialog button:focus-visible{outline:3px solid var(--house-sage,var(--mint));outline-offset:3px}
dialog.language-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:30px;border:1px solid var(--house-line);border-radius:26px;background:var(--house-paper);color:var(--house-ink);font-family:var(--house-title,sans-serif);box-shadow:0 20px 90px #0004;overflow:auto}
.language-dialog::backdrop{background:#17131b80;backdrop-filter:blur(5px)}.language-dialog h2{font-size:25px;line-height:1.25;margin:6px 30px 12px 0;letter-spacing:-.5px}.language-dialog .language-note{font-size:14px;line-height:1.65;color:var(--house-muted);margin:0 0 22px}.language-dialog .language-close{position:absolute;right:15px;top:13px;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--house-muted);font-size:26px;cursor:pointer}
.language-options{display:grid;gap:8px}.language-options>button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:54px;padding:14px 16px;border:1px solid var(--house-line);border-radius:14px;background:var(--house-bg);color:var(--house-ink);font:650 15px/1.35 var(--house-title,sans-serif);text-align:left;cursor:pointer}.language-options>button[aria-pressed=true]{border-color:var(--house-sage);background:var(--house-tint)}.language-options>button:disabled{cursor:wait}.language-check{color:var(--house-sage);font-weight:800}#language-status{font-size:13px;line-height:1.5;color:var(--house-muted);margin:14px 0 0}#language-status:empty{display:none}
.mobile-play-header:has(.language-toggle){grid-template-columns:44px minmax(0,1fr) 60px 44px}.mobile-play-header .language-toggle{grid-column:auto;width:60px;height:44px;margin:0!important;font-size:11px}.mobile-play-header .language-toggle svg{width:16px;height:16px}
@media(max-width:650px){body:not([data-screen=game]) .club-header{gap:9px}.club-header .language-toggle{min-width:50px;padding:8px 6px;font-size:11px;gap:4px}.club-header .language-toggle svg{width:16px;height:16px}.language-dialog{padding:25px!important}.language-dialog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.language-dialog{scroll-behavior:auto}}
/* The tablet header has an explicit first row: the language control belongs
   beside settings, never in an auto-placed full-width third row. */
.club-header>.language-toggle{width:60px;max-width:60px;height:44px;justify-self:end;align-self:center;margin:0}
@media(min-width:651px) and (max-width:1100px){
 .club-header:has(>.language-toggle){grid-template-columns:minmax(0,1fr) 60px 44px 44px auto}
 .club-header>.language-toggle{grid-column:2;grid-row:1}
 .club-header:has(>.language-toggle)>.header-settings{grid-column:3}
 .club-header:has(>.language-toggle)>.help-top{grid-column:4}
 .club-header:has(>.language-toggle)>.user-pill{grid-column:5}
}
@media(max-width:650px){.club-header>.language-toggle{width:50px;max-width:50px}}