[hidden]{display:none!important}.site-header{height:auto;min-height:104px;flex-wrap:wrap;gap:20px;padding-block:20px}.site-header .account-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;max-width:100%}.site-header .account-actions button{font:inherit;font-size:12px;padding:10px 12px;border:1px solid var(--line);color:var(--ink);background:transparent;cursor:pointer}.site-header #account-profile{display:flex;align-items:center;gap:10px;min-width:0}.site-header #account-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--surface);flex-shrink:0}.site-header .account-details{display:flex;flex-direction:column;gap:3px;min-width:0}.site-header #account-name{font-size:12px;color:var(--accent);overflow-wrap:anywhere}.site-header #account-id{font-size:11px;color:var(--muted);overflow-wrap:anywhere}@media(max-width:1000px){.site-header{display:grid;grid-template-columns:auto 1fr;gap:16px}.site-header .brand{grid-column:1;grid-row:1}.site-header .account-actions{grid-column:2;grid-row:1;justify-self:end}.site-header nav{grid-column:1 / -1;grid-row:2;flex-wrap:wrap}.site-header .language-switch{position:static;grid-column:1 / -1;grid-row:3;justify-self:end}}

/* Shared header placement across every page. */
.site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:24px}
.site-header .brand{grid-column:1;grid-row:1}
.site-header nav{grid-column:2;grid-row:1;justify-content:center;align-items:center}
.site-header .language-switch{position:static;grid-column:3;grid-row:1;justify-self:end}
.site-header .account-actions{grid-column:4;grid-row:1;justify-self:end;margin-left:0;flex-wrap:nowrap}
@media(max-width:1100px){
.site-header{grid-template-columns:auto minmax(0,1fr);gap:16px}
.site-header .account-actions{grid-column:2;grid-row:1}
.site-header nav{grid-column:1 / -1;grid-row:2;justify-content:space-between;flex-wrap:wrap}
.site-header .language-switch{grid-column:1 / -1;grid-row:3}
}

/* Equal outer columns keep navigation centered in the whole header. */
@media(min-width:1101px){
.site-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.site-header .header-controls{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
.site-header nav{gap:32px;justify-content:center}
.site-header .account-actions{min-width:0}
.site-header .account-details{max-width:130px}
}
@media(max-width:1100px){
.site-header .header-controls{display:contents}
.site-header nav{justify-content:space-evenly;gap:12px}
}

.site-header a#account-profile{padding:5px;border-radius:6px;transition:background .15s ease}.site-header a#account-profile:hover{background:var(--surface)}.site-header a#account-profile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Shared 3D community home link. */
.site-header .brand.emote-view{display:block;width:100px;max-width:100px;height:64px;justify-self:start;margin:0;line-height:1}
.site-header .brand .emote-stage{display:block;width:100%;height:100%;cursor:pointer;touch-action:auto}
.site-header .brand .emote-fallback{font-size:36px;text-shadow:1px 1px #6675b3,2px 2px #48537b}
@media(max-width:600px){.site-header .brand.emote-view{width:64px;height:48px}.site-header .brand .emote-fallback{font-size:28px}.site-header .account-actions{gap:8px}.site-header .account-details{max-width:100px}}

.site-header nav a[aria-current="page"]{color:var(--accent)}