/* STATURE Alpha 1.4.8r | shared, fixed, brand-only masthead.
   Replaces the brand block inside the sidebar, NOT the sidebar navigation. */
:root{--stature-masthead-height:56px}
html{scroll-padding-top:calc(var(--stature-masthead-height) + 16px)!important}
body{padding-top:var(--stature-masthead-height)!important}
body.stature-auth{padding-top:0!important}
body.stature-auth .stature-world{padding-top:var(--stature-masthead-height)!important}
.stature-global-masthead,
.stature-global-masthead *{box-sizing:border-box}
.stature-global-masthead{
  position:fixed!important;
  inset:0 0 auto!important;
  display:block!important;
  height:var(--stature-masthead-height)!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #435466!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#152331 0%,#0d1722 100%)!important;
  color:#f5e6ca!important;
  box-shadow:0 3px 16px #0009!important;
  z-index:100000!important;
  font-family:system-ui,Arial,sans-serif!important;
}
.stature-global-masthead::after{
  content:"";position:absolute;bottom:-1px;left:50%;width:min(100%,1280px);height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#ba8c4c 17%,#d9b475 50%,#ba8c4c 83%,transparent);
  pointer-events:none;
}
.stature-global-masthead__inner{
  width:100%;max-width:1280px;height:100%;margin:0 auto;padding:0 12px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.stature-global-masthead__brand{
  display:inline-flex!important;align-items:center;gap:11px;
  min-height:44px;padding:3px 8px 3px 2px;
  color:#f3d5a2!important;text-decoration:none!important;
  font:700 19px/1 Georgia,'Times New Roman',serif!important;
  letter-spacing:.18em!important;white-space:nowrap;
  border-radius:4px;
}
.stature-global-masthead__brand img{
  width:37px!important;height:37px!important;object-fit:contain;
  filter:drop-shadow(0 0 5px #d6a66066);
}
.stature-global-masthead__brand:hover{color:#ffe4b3!important;background:#223241}
.stature-global-masthead__brand:focus-visible{outline:2px solid #e7bd7b;outline-offset:2px}
.stature-global-masthead__spacer{flex:1;min-width:0}
/* Keep the full character rail visible below the fixed masthead while scrolling. */
@media(min-width:1050px){
  /* The earlier 202px page-grid rule had higher specificity than the
     unified 220px rail and could leave 4px of overlap. Keep tracks in sync. */
  body:has(.boroughs-player-sidebar) .pm-shell:has(>.boroughs-player-sidebar),
  body:has(.boroughs-player-sidebar) .soc-shell:has(>.boroughs-player-sidebar),
  body:has(.boroughs-player-sidebar) .fac-shell:has(>.boroughs-player-sidebar),
  body:has(.boroughs-player-sidebar) .profile-shell:has(>.boroughs-player-sidebar){
    grid-template-columns:var(--stature-rail,220px) minmax(0,1fr)!important;
    column-gap:var(--stature-gap,12px)!important;
  }
  .stature-embedded-rail>.boroughs-player-sidebar,
  .pm-shell:has(>.boroughs-player-sidebar)>.boroughs-player-sidebar,
  .soc-shell:has(>.boroughs-player-sidebar)>.boroughs-player-sidebar,
  .fac-shell:has(>.boroughs-player-sidebar)>.boroughs-player-sidebar,
  .profile-shell:has(>.boroughs-player-sidebar)>.boroughs-player-sidebar,
  body:has(>.boroughs-player-sidebar)>.boroughs-player-sidebar{
    top:calc(var(--stature-masthead-height) + 12px)!important;
    max-height:calc(100vh - var(--stature-masthead-height) - 24px)!important;
    max-height:calc(100dvh - var(--stature-masthead-height) - 24px)!important;
  }
}
@media(max-width:600px){
  :root{--stature-masthead-height:50px}
  .stature-global-masthead__inner{padding:0 12px}
  .stature-global-masthead__brand{font-size:16px!important;gap:8px;letter-spacing:.14em!important}
  .stature-global-masthead__brand img{width:32px!important;height:32px!important}
}
