/* Language, color theme and holiday effects remain independent preferences. */
.language-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  width:53px;min-width:53px;height:35px;min-height:35px;flex:0 0 53px;
  padding:7px 8px;border:1px solid var(--border);border-radius:6px;
  background:var(--surface);color:var(--muted);font:inherit;
  font-size:11px;line-height:1;font-weight:650;letter-spacing:.25px;
  cursor:pointer;touch-action:manipulation;
}
.language-toggle :is(svg,.icon){width:15px;height:15px;flex-shrink:0}
.language-toggle:hover{
  background:var(--surface2,var(--surface));
  color:var(--lightblue,var(--blue));border-color:var(--lightblue,var(--blue));
}
.language-toggle:focus-visible{outline:2px solid var(--lightblue,var(--blue));outline-offset:3px}
.language-toggle[hidden]{display:none!important}
.top-actions .language-toggle{width:53px;min-width:53px;height:35px;min-height:35px;flex:0 0 53px}
.legal-header{flex-wrap:wrap;justify-content:flex-start;gap:12px}
.legal-header .legal-brand{margin-right:auto;flex-shrink:0}
.legal-header>a:not(.legal-brand){white-space:nowrap}
.legal-header :is(.language-toggle,.holiday-effects-toggle){flex-shrink:0}

/* Additional controls may take a second row; login and signup stay available. */
@media(max-width:960px){
  .top-actions{min-width:0;gap:7px}
  .top-actions .user-chip{min-width:0}
  .top-actions .user-chip>span:not(.user-avatar){max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:720px){
  .topbar{height:auto;min-height:66px;padding-top:11px;padding-bottom:11px;gap:10px;align-items:center}
  .topbar .mobile-toggle{flex-shrink:0}
  .topbar .breadcrumb{min-width:0;max-width:155px;flex:0 1 auto;white-space:normal;overflow-wrap:anywhere}
  .top-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex:1 1 240px;max-width:calc(100% - 40px);gap:7px;min-width:0;margin-left:auto}
  .top-actions>button,.top-actions>.user-chip{flex-shrink:0}
  .top-actions>.button,.top-actions>.text-button{white-space:nowrap}
  .top-actions :is(.language-toggle,.holiday-effects-toggle,.theme-toggle){margin:0}
  .legal-header{gap:10px;padding-top:18px;padding-bottom:18px}
  .legal-header>a:not(.legal-brand){font-size:13px}
}
@media(max-width:420px){
  .topbar{padding-left:14px;padding-right:14px;gap:8px}
  .top-actions{gap:6px;max-width:calc(100% - 35px)}
  .top-actions .user-chip{gap:0}
  .top-actions .user-chip>span:not(.user-avatar){display:none}
  .top-actions>.button{padding-left:9px;padding-right:9px}
  .legal-header{gap:8px}
  .legal-header .legal-brand{font-size:25px;gap:9px}
  .legal-header .legal-brand img{width:34px;height:34px}
}
@media(max-width:480px){
  :root[lang="en"] .hero h1{font-size:clamp(25px,8.5vw,41px);letter-spacing:-1px}
}