/* Unified responsive header fix — mobile/tablet — 2026-07-24 */
:root{--uh-height:68px}
html,body{overflow-x:hidden}
html body #unifiedHeaderShell.unified-header-shell{
  position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:2147483600!important;
  height:var(--uh-height)!important;min-height:var(--uh-height)!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(190px,300px) auto!important;
  align-items:center!important;gap:10px!important;padding:0 14px!important;box-sizing:border-box!important;
  background:#030715!important;border-bottom:1px solid rgba(82,96,151,.28)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.38)!important;overflow:hidden!important
}
.unified-header-shell__menu,.unified-header-shell__contact,.unified-header-shell__account{display:flex!important;align-items:center!important;min-width:0!important}
.unified-header-shell__menu{overflow:hidden!important}
.unified-header-shell__contact{justify-content:center!important;overflow:hidden!important}
.unified-header-shell__account{justify-content:flex-end!important;white-space:nowrap!important}
html body.unified-header-ready .wrapper{padding-top:var(--uh-height)!important}
html body.unified-header-ready .wrapper>.page>.header,html body.unified-header-ready .page>.header{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}
html body.unified-header-ready .main-content{padding-top:0!important;margin-top:0!important}

html body #unifiedHeaderMenuSlot .game_bar.game_bar--compact{
  position:static!important;display:flex!important;align-items:center!important;gap:3px!important;width:100%!important;min-width:0!important;min-height:48px!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important
}
html body #unifiedHeaderMenuSlot .game_bar.game_bar--compact::-webkit-scrollbar{display:none!important}
html body #unifiedHeaderMenuSlot .game_bar.game_bar--compact>li{flex:0 0 auto!important}
html body #unifiedHeaderMenuSlot .game_bar.game_bar--compact>li>a{
  min-height:38px!important;padding:6px 8px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;
  border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#dce2f1!important;
  font-size:11px!important;font-weight:800!important;line-height:1!important;box-shadow:none!important;transform:none!important
}
html body #unifiedHeaderMenuSlot .game_bar.game_bar--compact>li>a:hover{background:rgba(69,81,128,.16)!important;color:#fff!important}
html body #unifiedHeaderMenuSlot .game_bar.game_bar--compact>li.is-active>a{
  color:#fff!important;border-color:#287eff!important;background:linear-gradient(180deg,rgba(35,52,127,.45),rgba(8,20,56,.62))!important;
  box-shadow:0 0 18px rgba(19,130,255,.22),inset 0 -2px 0 #38d7ff!important
}
html body #unifiedHeaderMenuSlot .game_bar.game_bar--compact>li.is-active::after{display:none!important}
html body #unifiedHeaderMenuSlot .game_bar.game_bar--compact .icon{width:17px!important;height:17px!important;flex:0 0 17px!important;color:#dce2f1!important}

html body #unifiedHeaderContactSlot #adminContactHeaderFinal.admin-contact-header-final,
html body #unifiedHeaderAccountSlot #guestAuthHeaderFinal.guest-auth-header-final,
html body #unifiedHeaderAccountSlot #authenticatedHeaderFinal.authenticated-header-final{
  position:static!important;inset:auto!important;transform:none!important;margin:0!important;z-index:auto!important
}
html body #unifiedHeaderContactSlot #adminContactHeaderFinal.admin-contact-header-final{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:300px!important;height:40px!important;
  background:#005a4c!important;border-radius:7px!important;overflow:hidden!important
}
html body #unifiedHeaderContactSlot #adminContactHeaderFinal.admin-contact-header-final img{display:block!important;width:100%!important;height:40px!important;object-fit:contain!important}
html body #unifiedHeaderAccountSlot .authenticated-header-final,html body #unifiedHeaderAccountSlot .guest-auth-header-final{display:flex!important;align-items:center!important;gap:7px!important;width:auto!important;height:auto!important;background:transparent!important}
html body #unifiedHeaderAccountSlot .authenticated-header-final__balance{height:38px!important;min-width:92px!important;padding:0 10px!important;border-radius:8px!important;background:#090d1c!important;border:1px solid rgba(114,126,179,.25)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;color:#fff!important;font-size:11px!important}
html body #unifiedHeaderAccountSlot .authenticated-header-final__wallet,html body #unifiedHeaderAccountSlot .guest-auth-header-final__wallet{height:38px!important;min-width:78px!important;padding:0 12px!important;border-radius:8px!important;background:linear-gradient(180deg,#6e29db,#4e1cab)!important;color:#fff!important;border:0!important;font-size:11px!important;font-weight:900!important}
html body #unifiedHeaderAccountSlot .guest-auth-header-final__login{height:38px!important;min-width:58px!important;padding:0 10px!important;border-radius:8px!important;background:#090d1c!important;color:#fff!important;border:1px solid rgba(114,126,179,.35)!important;font-size:10px!important}

/* Medium tablets: actions on top, menu on its own full-width row just like phones. */
@media (min-width:768px) and (max-width:1180px){
  :root{--uh-height:108px}
  html body #unifiedHeaderShell.unified-header-shell{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:54px 46px!important;
    gap:0 10px!important;padding:4px 12px!important;overflow:hidden!important
  }
  .unified-header-shell__contact{grid-column:1!important;grid-row:1!important;justify-content:flex-start!important;overflow:hidden!important}
  .unified-header-shell__account{grid-column:2!important;grid-row:1!important}
  .unified-header-shell__menu{grid-column:1/3!important;grid-row:2!important;width:100%!important;overflow:hidden!important}
  html body #unifiedHeaderContactSlot #adminContactHeaderFinal.admin-contact-header-final{width:100%!important;max-width:330px!important;height:40px!important}
  html body #unifiedHeaderContactSlot #adminContactHeaderFinal.admin-contact-header-final img{height:40px!important;object-position:left center!important}
  html body #unifiedHeaderMenuSlot .game_bar.game_bar--compact{min-height:44px!important;gap:4px!important;padding-right:16px!important}
  html body #unifiedHeaderMenuSlot .game_bar.game_bar--compact>li>a{min-height:35px!important;padding:5px 9px!important;font-size:10px!important;gap:5px!important}
  html body #unifiedHeaderMenuSlot .game_bar.game_bar--compact .icon{width:16px!important;height:16px!important;flex-basis:16px!important}
  html body #unifiedHeaderAccountSlot .authenticated-header-final__wallet,
  html body #unifiedHeaderAccountSlot .guest-auth-header-final__wallet{height:36px!important;min-width:70px!important;padding:0 9px!important;font-size:10px!important}
  html body #unifiedHeaderAccountSlot .guest-auth-header-final__login{height:36px!important;min-width:54px!important;padding:0 7px!important;font-size:9px!important}
  html body #unifiedHeaderAccountSlot .authenticated-header-final__balance{height:36px!important;min-width:78px!important;padding:0 8px!important;font-size:10px!important}
}

/* Phones: actions stay on top, menu gets its own full-width scroll row. */
@media (max-width:767px){
  :root{--uh-height:104px}
  html body #unifiedHeaderShell.unified-header-shell{
    grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:50px 46px!important;
    gap:0 7px!important;padding:4px 8px!important;overflow:hidden!important
  }
  .unified-header-shell__contact{grid-column:1!important;grid-row:1!important;justify-content:flex-start!important;overflow:hidden!important}
  .unified-header-shell__account{grid-column:2!important;grid-row:1!important}
  .unified-header-shell__menu{grid-column:1/3!important;grid-row:2!important;width:100%!important;overflow:hidden!important}
  html body #unifiedHeaderContactSlot #adminContactHeaderFinal.admin-contact-header-final{width:100%!important;max-width:220px!important;height:38px!important}
  html body #unifiedHeaderContactSlot #adminContactHeaderFinal.admin-contact-header-final img{height:38px!important;object-position:left center!important}
  html body #unifiedHeaderAccountSlot .authenticated-header-final__balance{height:36px!important;min-width:72px!important;padding:0 7px!important;font-size:10px!important}
  html body #unifiedHeaderAccountSlot .authenticated-header-final__wallet,html body #unifiedHeaderAccountSlot .guest-auth-header-final__wallet{height:36px!important;min-width:68px!important;padding:0 8px!important;font-size:10px!important}
  html body #unifiedHeaderAccountSlot .guest-auth-header-final__login{height:36px!important;min-width:54px!important;padding:0 7px!important;font-size:9px!important}
  html body #unifiedHeaderMenuSlot .game_bar.game_bar--compact{min-height:44px!important;gap:2px!important;padding-right:12px!important}
  html body #unifiedHeaderMenuSlot .game_bar.game_bar--compact>li>a{min-height:34px!important;padding:5px 7px!important;font-size:10px!important;gap:5px!important}
  html body #unifiedHeaderMenuSlot .game_bar.game_bar--compact .icon{width:16px!important;height:16px!important;flex-basis:16px!important}
}

@media (max-width:420px){
  html body #unifiedHeaderContactSlot #adminContactHeaderFinal.admin-contact-header-final{max-width:205px!important}
  html body #unifiedHeaderAccountSlot .guest-auth-header-final{gap:5px!important}
  html body #unifiedHeaderAccountSlot .guest-auth-header-final__wallet{min-width:64px!important;padding:0 7px!important}
  html body #unifiedHeaderMenuSlot .game_bar.game_bar--compact>li>a{font-size:9px!important;padding:5px 6px!important}
}