:root{
  --steezy-global-header-h:64px;
  --steezy-global-rail-w:52px;
  --steezy-global-menu-w:218px;
}

/* CANONICAL GLOBAL HEADER — based on Steezn's Realm */
body.steezy-global-shell .top-header{
  position:fixed !important;
  top:0 !important;left:0 !important;right:0 !important;
  z-index:1400 !important;
  height:64px !important;min-height:64px !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  gap:12px !important;
  padding:0 18px !important;
  box-sizing:border-box !important;
  background:#1a2f3d !important;
  border:0 !important;
  border-bottom:1px solid #294654 !important;
  box-shadow:0 2px 14px rgba(0,0,0,.22) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.steezy-global-shell .top-header .th-left,
body.steezy-global-shell .top-header .th-center,
body.steezy-global-shell .top-header .th-right{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
}
body.steezy-global-shell .top-header .th-left{justify-content:flex-start !important;gap:10px !important}
body.steezy-global-shell .top-header .th-center{justify-content:center !important;gap:0 !important}
body.steezy-global-shell .top-header .th-right{justify-content:flex-end !important;gap:8px !important}

/* Burger */
body.steezy-global-shell .top-header .site-menu-btn{
  width:38px !important;height:38px !important;min-width:38px !important;
  padding:0 !important;margin:0 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  border:0 !important;border-radius:7px !important;
  background:transparent !important;color:#9eb4c2 !important;
  box-shadow:none !important;
  font-size:1.05rem !important;font-weight:900 !important;
}
body.steezy-global-shell .top-header .site-menu-btn:hover{background:#244454 !important;color:#fff !important}

/* Steezy brand */
body.steezy-global-shell .top-header .th-brand{
  display:inline-flex !important;align-items:center !important;
  color:#fff !important;text-decoration:none !important;white-space:nowrap !important;
}
body.steezy-global-shell .top-header .th-brand-s{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:2.18rem !important;line-height:.8 !important;
  font-weight:900 !important;font-style:italic !important;
  letter-spacing:-5px !important;
  transform:skewX(-8deg) translateY(-1px) !important;
}
body.steezy-global-shell .top-header .th-brand-word{
  margin-left:5px !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:1.38rem !important;line-height:1 !important;
  font-weight:900 !important;font-style:italic !important;
  letter-spacing:-1.4px !important;
}

/* Currency + wallet */
body.steezy-global-shell .top-header .cur-dd{position:relative !important;min-width:0 !important}
body.steezy-global-shell .top-header .cur-dd-btn{
  min-width:145px !important;
  width:auto !important;
  max-width:250px !important;
  height:46px !important;
  padding:0 12px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;
  border:0 !important;border-radius:8px 0 0 8px !important;
  background:#102531 !important;color:#eaf3f8 !important;
  box-shadow:none !important;
  font-size:.78rem !important;font-weight:900 !important;
}
body.steezy-global-shell .top-header .cur-dd-active-amount{
  min-width:38px !important;white-space:nowrap !important;
}
body.steezy-global-shell .top-header .site-wallet-btn{
  height:46px !important;min-width:74px !important;
  padding:0 18px !important;
  border:0 !important;border-radius:0 8px 8px 0 !important;
  background:#1475e1 !important;color:#fff !important;
  font-size:.78rem !important;font-weight:900 !important;
}
body.steezy-global-shell .top-header .site-wallet-btn:hover{background:#2386ee !important}

/* Right auth/user */
body.steezy-global-shell .top-header .th-login,
body.steezy-global-shell .top-header .th-user-btn{
  height:38px !important;min-height:38px !important;
  padding:0 13px !important;
  border-radius:7px !important;
  border:1px solid #365365 !important;
  background:#203b4b !important;color:#eaf3f8 !important;
  font-size:.73rem !important;font-weight:900 !important;
}
body.steezy-global-shell .top-header .th-register{
  background:#1475e1 !important;border-color:#1475e1 !important;color:#fff !important;
}
body.steezy-global-shell .top-header .simple-user-wrap{position:relative !important}
body.steezy-global-shell .top-header .simple-user-menu{
  position:absolute !important;top:calc(100% + 7px) !important;right:0 !important;
}

/* All pages start below the same fixed header. */
body.steezy-global-shell{padding-top:64px !important}

/* Canonical sidebar */
body.steezy-global-shell .steezy-side-panel{
  position:fixed !important;
  top:64px !important;bottom:0 !important;left:0 !important;
  z-index:1300 !important;
  width:52px !important;
  padding:8px 6px 12px !important;
  overflow-y:auto !important;overflow-x:hidden !important;
  scrollbar-width:none !important;
  background:#102331 !important;
  border-right:1px solid #294252 !important;
  box-sizing:border-box !important;
  transition:width .18s ease !important;
}
body.steezy-global-shell .steezy-side-panel::-webkit-scrollbar{display:none !important}
body.steezy-global-shell.steezy-side-open .steezy-side-panel{width:218px !important}

/* Make later/older page CSS incapable of changing the final header shape. */
body.steezy-global-shell .topbar.top-header{position:fixed !important}

@media(max-width:760px){
  body.steezy-global-shell .top-header{padding:0 8px !important;gap:6px !important}
  body.steezy-global-shell .top-header .th-brand-word{display:none !important}
  body.steezy-global-shell .top-header .cur-dd-btn{
    min-width:118px !important;height:42px !important;padding:0 8px !important;
  }
  body.steezy-global-shell .top-header .site-wallet-btn{
    min-width:38px !important;width:38px !important;height:42px !important;
    padding:0 !important;font-size:0 !important;
  }
  body.steezy-global-shell .top-header .site-wallet-btn::after{
    content:'$';font-size:.84rem;font-weight:1000;
  }
}


/* ============================================================
   POLISH 130 — FINAL HEADER COLLISION FIX
   Legacy Index/Blackjack CSS set .home-header-center to absolute.
   That removed the balance block from the grid and allowed the
   user/login controls to occupy the middle column. Neutralize it.
   ============================================================ */
body.steezy-global-shell .top-header .th-left{
  grid-column:1 !important;
  position:static !important;
  left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;
  transform:none !important;
}
body.steezy-global-shell .top-header .th-center{
  grid-column:2 !important;
  position:static !important;
  left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;
  transform:none !important;
  margin:0 !important;
}
body.steezy-global-shell .top-header .th-right{
  grid-column:3 !important;
  position:static !important;
  left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;
  transform:none !important;
  margin:0 !important;
}
body.steezy-global-shell .top-header .simple-user-wrap{
  position:relative !important;
  margin-left:auto !important;
}
body.steezy-global-shell .top-header .th-user-btn,
body.steezy-global-shell .top-header .th-login{
  position:static !important;
  transform:none !important;
}


/* POLISH 135 — hard-lock center wallet and far-right auth placement */
body.steezy-global-shell .top-header{
  width:100% !important;
  max-width:none !important;
  grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr) !important;
}
body.steezy-global-shell .top-header .th-left{
  width:100% !important;
  justify-self:stretch !important;
}
body.steezy-global-shell .top-header .th-center{
  width:max-content !important;
  max-width:min(420px,45vw) !important;
  justify-self:center !important;
}
body.steezy-global-shell .top-header .th-right{
  width:100% !important;
  justify-self:stretch !important;
  justify-content:flex-end !important;
  margin-left:0 !important;
}
body.steezy-global-shell .top-header .th-right > :first-child{
  margin-left:auto !important;
}