/* Studio navigation behavior, retaining SAGGAAR's existing game identity. */
html{scroll-padding-top:calc(var(--saggaar-header-height,100px) + 24px)}
.header{position:sticky;top:0;z-index:50;margin:0;width:100%;padding-inline:5%;background:var(--bg);box-shadow:0 6px 20px #0002}
.language{font:13px "Segoe UI",Tahoma,Arial,sans-serif;background:transparent;color:var(--text);border:1px solid #ffffff30;border-radius:4px;min-height:42px;min-width:76px;padding:8px 12px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0}
.language:hover{border-color:var(--gold);color:var(--gold)}
.language:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
@media(max-width:760px){
  html{scroll-padding-top:calc(var(--saggaar-header-height,150px) + 24px)}
  .header{height:auto;min-height:110px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand language" "nav nav";gap:8px 12px;padding:12px 6% 10px}
  .header .brand{grid-area:brand;justify-self:start}
  .header .language{grid-area:language;min-width:68px;min-height:36px;padding:6px 9px;font-size:12px}
  .header nav{grid-area:nav;justify-content:center;flex-wrap:wrap;gap:8px 18px;border:0;padding:0;font-size:12px;line-height:1.8}
}