.language-picker{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--muted);font-size:12px;flex-shrink:0}
.language-picker select{font:inherit;font-size:13px;color:var(--text);background:var(--bg);border:1px solid var(--gold);border-radius:3px;padding:9px 24px 9px 10px;max-width:130px;cursor:pointer;color-scheme:dark}
.language-picker select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
body.light-mode .language-picker select{color-scheme:light}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1151px){.language-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.language-picker{order:4;margin-left:0}.nav{gap:12px}.nav .links{gap:11px;min-width:0}.nav .division-tab{white-space:nowrap}.nav .btn{padding-inline:14px}}
@media(max-width:1150px){.language-picker{order:0}.nav .menu{order:1}.nav .links{order:3}}
@media(max-width:850px){.language-label{display:none}.language-picker select{padding:8px;font-size:12px}.nav .links{top:100%;max-height:calc(100dvh - 90px)}}
@media(max-width:760px){.nav{flex-wrap:nowrap;padding:10px 16px;gap:8px}.nav .brand img{width:52px;height:52px}.nav .theme-toggle{padding:8px 6px;font-size:10px}.nav .menu{padding:5px 10px}.nav .links{margin-left:0;max-height:calc(100dvh - 74px)}}

/* Keep the header utilities uniform across native selects and buttons. */
.nav{--utility-width:130px;--control-height:40px}
.nav .search-open,.nav .theme-toggle,.nav .language-picker select{box-sizing:border-box;width:var(--utility-width);min-width:var(--utility-width);max-width:var(--utility-width);height:var(--control-height);padding:0 10px;font-family:inherit;font-size:12px;line-height:1.2;border-radius:3px;white-space:nowrap;flex-shrink:0}
.nav .search-open,.nav .theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.nav .language-picker select{padding-right:22px}
.nav .links .queens-tab{height:var(--control-height);padding:0 12px;line-height:1.2;white-space:nowrap}
@media(max-width:760px){.nav{--utility-width:104px}.nav .search-open{align-self:center}.nav .theme-toggle,.nav .language-picker select{font-size:11px}}
@media(max-width:360px){.nav{--utility-width:88px;padding-inline:12px;gap:6px}.nav .menu{padding-inline:8px}.nav .search-open,.nav .theme-toggle,.nav .language-picker select{padding-inline:6px}.nav .language-picker select{padding-right:18px}}

/* Allow longer Shona labels to wrap within the existing controls and cards. */
html[lang="sn"] .nav .theme-toggle {white-space:normal}
html[lang="sn"] #page-play .hub-stat {min-width:0;overflow-wrap:anywhere}
html[lang="sn"] #page-play .hub-tab-buttons {flex-wrap:wrap}