/* Shared navigation geometry: page-specific controls must not move the tabs. */
.onboarding-dialog{max-width:520px;max-height:calc(100dvh - 32px);padding:28px;overflow-y:auto}
.onboarding-dialog h2{font-family:'Barlow Condensed',sans-serif;font-size:32px;line-height:1.1;margin:8px 0 14px}
.onboarding-dialog p{font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.onboarding-dialog .onboarding-progress{font-size:12px;color:#516c69;margin:0}
.onboarding-dialog input{min-width:0;background:#f8f7f1;color:#19353b;border:1px solid #829b93;border-radius:4px;font-size:16px}
.onboarding-links{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}.onboarding-links details{flex:1 1 100%}.onboarding-links summary{cursor:pointer}
.onboarding-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.onboarding-actions button{flex:1;min-height:46px;border:1px solid #66837f;border-radius:4px;padding:12px;background:#e7b36c;color:#172c33;font:inherit;font-weight:700;cursor:pointer}.onboarding-actions .secondary{background:transparent}
.onboarding-actions button:disabled{opacity:.6;cursor:wait}#onboarding-error{color:#923f2e}
@media(max-width:450px){.onboarding-dialog{padding:22px 18px}.onboarding-actions{flex-direction:column}}
#account-tools{grid-column:1/-1;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
dialog{background:#e9e5da;color:#19353b;border:1px solid #537371;border-radius:8px;padding:24px;max-width:760px;width:calc(100% - 32px);max-height:90dvh;overflow:auto}
dialog::backdrop{background:#091b24bd}
dialog article{border-top:1px solid #bdc6bf;padding:14px 0;overflow-wrap:anywhere}
dialog form{display:grid;gap:12px;margin-top:18px}
dialog input,dialog select{width:100%;padding:12px;font:inherit}
.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:auto;min-height:84px;padding:15px 0;gap:20px}
.site-header .brand{grid-column:1;grid-row:1;justify-self:start}
.site-header .site-nav{grid-column:2;grid-row:1;display:flex;align-items:center;justify-self:center;gap:20px;width:auto;font-size:14px}
.site-header .site-nav a{text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;padding-bottom:5px}
.site-header .site-nav a[aria-current=page]{color:#e7b36c;border-bottom:2px solid #e7b36c;padding-bottom:5px}
.site-header #account{grid-column:3;grid-row:1;justify-self:end;margin-left:0}
.site-header #account{display:flex;align-items:center;gap:10px;min-width:0;font-size:13px}
.account-profile{display:flex;align-items:center;gap:8px;min-width:0;text-decoration:none}
.account-avatar{display:block;width:32px;height:32px;flex:none;object-fit:cover;border:1px solid #829b93;border-radius:4px}
.account-avatar-fallback{display:grid;place-items:center;background:#315d60;color:#f2eee6;font-weight:700}
.account-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header .account-logout{background:transparent;color:inherit;border:1px solid #66837f;border-radius:4px;padding:7px 10px;font:inherit;white-space:nowrap;cursor:pointer}
.site-header .steam-login img{width:154px;display:block}
@media(max-width:1000px){
  .site-header{grid-template-columns:1fr auto;grid-template-rows:34px auto;gap:15px}
  .site-header .site-nav{grid-column:1/-1;grid-row:2;justify-self:start;width:100%;gap:14px;font-size:13px}
  .site-header #account{grid-column:2}
}
@media(max-width:600px){
  .site-header{grid-template-columns:1fr auto;gap:15px}
  .site-header .site-nav{grid-column:1/-1;grid-row:2;justify-self:start;width:100%;gap:20px}
  .site-header #account{grid-column:2}
  .account-name{display:none}
  .site-header .steam-login img{width:130px}
}