/* Habboon FPL v17.22.18 — complete responsive header rebuild
   One authoritative layout. Branding, navigation and account controls occupy
   separate protected zones. The BELIEVE mark participates in normal layout. */

.hbn-site-header,
.hbn-site-header *{
  box-sizing:border-box;
}

.hbn-site-header{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}

.hbn-site-header__inner{
  position:relative!important;
  z-index:82!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  transform:none!important;
  zoom:1!important;
}

.hbn-site-brand::after{content:none!important;display:none!important;}
.hbn-site-brand__believe,
.hbn-site-brand__lockup,
.hbn-site-brand__stack{
  min-width:0;
}
.hbn-site-brand__believe img,
.hbn-site-brand__logo{
  display:block!important;
  max-width:none!important;
  height:auto!important;
}

/* Full desktop/laptop header. Designed to preserve every visible control at
   normal laptop widths and to use the same component on large monitors. */
@media (min-width:1180px){
  .hbn-site-header{
    height:76px!important;
    min-height:76px!important;
    padding:0!important;
    border-bottom:1px solid var(--line)!important;
    background:rgba(7,13,24,.90)!important;
    backdrop-filter:blur(22px) saturate(140%)!important;
  }

  .hbn-site-header__inner{
    width:min(2000px,calc(100% - 24px))!important;
    height:76px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:max-content minmax(0,1fr) max-content!important;
    align-items:center!important;
    column-gap:clamp(7px,.65vw,14px)!important;
    overflow:visible!important;
    white-space:normal!important;
  }

  .hbn-site-header__menu,
  .hbn-site-header__mobile-title,
  .hbn-site-header .mobile-profile-trigger{
    display:none!important;
  }

  /* Zone 1 — one contained brand lockup. Nothing is absolutely positioned. */
  .hbn-site-brand{
    grid-column:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:58px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--text)!important;
    cursor:pointer!important;
    overflow:visible!important;
    gap:clamp(8px,.7vw,15px)!important;
    transform:none!important;
  }
  .hbn-site-brand:hover{transform:translateY(-1px)!important;}
  .hbn-site-brand > .hbn-site-brand__believe{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:clamp(54px,3.5vw,70px)!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
  }
  .hbn-site-brand__believe img{
    width:100%!important;
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.20))!important;
  }
  .hbn-site-brand > .hbn-site-brand__lockup{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    gap:clamp(7px,.55vw,12px)!important;
    color:inherit!important;
    font:inherit!important;
    overflow:visible!important;
  }
  .hbn-site-brand .hbn-site-brand__logo{
    flex:0 0 auto!important;
    width:clamp(96px,6.2vw,126px)!important;
    margin:0!important;
  }
  .hbn-site-brand .hbn-site-brand__stack{
    display:grid!important;
    grid-auto-flow:row!important;
    align-content:center!important;
    flex:0 0 clamp(52px,3.7vw,76px)!important;
    width:clamp(52px,3.7vw,76px)!important;
    max-width:clamp(52px,3.7vw,76px)!important;
    padding-left:clamp(7px,.55vw,12px)!important;
    border-left:1px solid var(--line-strong)!important;
    color:var(--muted)!important;
    font-size:clamp(7.8px,.55vw,10px)!important;
    line-height:1.10!important;
    font-weight:850!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .hbn-site-brand .hbn-site-brand__stack b{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font:inherit!important;
    line-height:inherit!important;
    white-space:nowrap!important;
  }

  /* Zone 2 — flexible centre navigation. It owns only the space between the
     protected brand and actions, so it cannot cover either one. */
  .hbn-site-nav{
    grid-column:2!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:stretch!important;
    flex:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:50px!important;
    margin:0!important;
    padding:3px!important;
    gap:1px!important;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.018)!important;
    overflow:visible!important;
  }
  .hbn-site-nav__link{
    position:relative!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 clamp(5px,.48vw,10px)!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#aeb9ca!important;
    font-size:clamp(10px,.61vw,12px)!important;
    line-height:1!important;
    font-weight:760!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    cursor:pointer!important;
  }
  .hbn-site-nav__link:hover{
    color:var(--text)!important;
    background:rgba(255,255,255,.045)!important;
  }
  .hbn-site-nav__link.active,
  .hbn-site-nav__link.open{
    color:var(--text)!important;
    background:rgba(50,213,196,.09)!important;
  }
  .hbn-site-nav__link::after{
    left:clamp(5px,.48vw,10px)!important;
    right:clamp(5px,.48vw,10px)!important;
    bottom:3px!important;
  }
  .hbn-site-nav .desktop-nav-live{gap:5px!important;}
  .hbn-site-nav__more{
    position:relative!important;
    z-index:92!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
  }
  .hbn-site-nav .desktop-more-trigger{
    gap:5px!important;
    padding-right:4px!important;
  }
  .hbn-site-nav .desktop-more-chevron{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    border-radius:7px!important;
    transform:none!important;
  }
  /* Rotate only the caret artwork, not its square container. Rotating the
     entire container temporarily enlarges its bounding box during animation
     and was able to look clipped at exact laptop-width boundaries. */
  .hbn-site-nav .desktop-more-trigger.open > span{
    transform:none!important;
  }
  .hbn-site-nav .desktop-more-chevron svg{
    transition:transform .2s ease!important;
    transform:none!important;
  }
  .hbn-site-nav .desktop-more-trigger.open .desktop-more-chevron svg{
    transform:rotate(180deg)!important;
  }

  /* Zone 3 — fixed action cluster. Every control has a real reserved width. */
  .hbn-site-actions{
    grid-column:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    gap:clamp(4px,.38vw,8px)!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  .hbn-site-actions__staff{
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:clamp(54px,3.4vw,70px)!important;
    height:40px!important;
    margin:0!important;
    padding:0 clamp(7px,.55vw,11px)!important;
    gap:6px!important;
    font-size:clamp(9px,.55vw,11px)!important;
  }
  .hbn-site-actions__staff span{display:inline!important;}
  .hbn-site-actions .hbn-site-actions__icon{
    display:inline-grid!important;
    flex:0 0 clamp(36px,2.05vw,40px)!important;
    place-items:center!important;
    width:clamp(36px,2.05vw,40px)!important;
    min-width:clamp(36px,2.05vw,40px)!important;
    height:clamp(36px,2.05vw,40px)!important;
    margin:0!important;
    padding:0!important;
    border-radius:11px!important;
  }
  .hbn-site-actions .alert-centre-button{
    position:relative!important;
  }
  .hbn-site-actions .hbn-site-actions__manager.account-style,
  .hbn-site-actions .hbn-site-actions__manager.account-style.discord-account-connected{
    display:flex!important;
    flex:0 0 clamp(108px,7vw,142px)!important;
    align-items:center!important;
    width:clamp(108px,7vw,142px)!important;
    min-width:clamp(108px,7vw,142px)!important;
    max-width:clamp(108px,7vw,142px)!important;
    height:40px!important;
    margin:0!important;
    padding:4px 6px 4px 4px!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  .hbn-site-actions .hbn-site-actions__manager.account-style .desktop-manager-avatar,
  .hbn-site-actions .hbn-site-actions__manager.account-style.discord-account-connected .desktop-manager-avatar{
    display:block!important;
    flex:0 0 31px!important;
    width:31px!important;
    min-width:31px!important;
    height:31px!important;
    border-radius:9px!important;
  }
  .hbn-site-actions .hbn-site-actions__manager.account-style .desktop-manager-copy{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
  }
  .hbn-site-actions .hbn-site-actions__manager.account-style .desktop-manager-copy small{
    display:block!important;
    font-size:7px!important;
    line-height:1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .hbn-site-actions .hbn-site-actions__manager.account-style .desktop-manager-copy strong{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    margin-top:3px!important;
    font-size:10.5px!important;
    line-height:1!important;
    overflow:hidden!important;
  }
  .hbn-site-actions .hbn-site-actions__manager.account-style .desktop-manager-name{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .hbn-site-actions .hbn-site-actions__manager.account-style .desktop-manager-chevron{
    display:inline!important;
    flex:0 0 auto!important;
    margin:0!important;
  }
  .hbn-site-actions__profile{
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:clamp(54px,3.7vw,70px)!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 clamp(6px,.48vw,10px)!important;
    font-size:clamp(8px,.49vw,10px)!important;
    white-space:nowrap!important;
  }
  .hbn-site-actions #refresh-button{
    display:inline-grid!important;
  }

  /* More menu: opens inward, never wider/taller than the viewport. */
  .hbn-site-more{
    position:absolute!important;
    z-index:140!important;
    top:calc(100% + 12px)!important;
    right:0!important;
    left:auto!important;
    width:min(430px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc(100dvh - 100px)!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:14px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    white-space:normal!important;
    transform:translateY(-7px) scale(.985)!important;
    transform-origin:top right!important;
  }
  .hbn-site-more.is-open{transform:none!important;}
  .hbn-site-more > button,
  .hbn-site-more > a{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:58px!important;
    padding:9px 11px!important;
    overflow:hidden!important;
    white-space:normal!important;
  }
  .hbn-site-more > button > b,
  .hbn-site-more > a > b{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    font-size:11px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .hbn-site-more .desktop-more-divider,
  .hbn-site-more .desktop-more-admin,
  .hbn-site-more .desktop-more-layout{grid-column:1/-1!important;}
  .hbn-site-more .desktop-more-admin,
  .hbn-site-more .desktop-more-layout{grid-template-columns:24px minmax(0,1fr) auto!important;}
  .hbn-site-more .desktop-more-item-copy,
  .hbn-site-more .desktop-more-item-copy b,
  .hbn-site-more .desktop-more-item-copy small{
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .hbn-site-header .desktop-more-dismiss,
  .hbn-site-header .desktop-more-dismiss.is-open{
    inset:76px 0 0!important;
  }

  /* Old breakpoint rules are deliberately neutralised inside the rebuilt
     component. Every primary link remains visible in the full desktop mode. */
  .hbn-site-nav [data-go="managers"],
  .hbn-site-nav [data-go="records"],
  .hbn-site-nav [data-go="rules"]{
    display:inline-flex!important;
  }
  .hbn-site-more [data-go="managers"],
  .hbn-site-more [data-go="records"],
  .hbn-site-more [data-go="rules"]{
    display:none!important;
  }
}

/* Tighter but otherwise identical full header on common 13-inch laptop CSS
   widths. Only spacing and dimensions compress; ordering/features do not. */
@media (min-width:1180px) and (max-width:1399px){
  .hbn-site-header__inner{
    width:calc(100% - 16px)!important;
    column-gap:6px!important;
  }
  .hbn-site-brand{gap:7px!important;}
  .hbn-site-brand > .hbn-site-brand__believe{width:52px!important;}
  .hbn-site-brand > .hbn-site-brand__lockup{gap:6px!important;}
  .hbn-site-brand .hbn-site-brand__logo{width:92px!important;}
  .hbn-site-brand .hbn-site-brand__stack{
    flex-basis:48px!important;
    width:48px!important;
    max-width:48px!important;
    padding-left:6px!important;
    font-size:8px!important;
    letter-spacing:.025em!important;
  }
  .hbn-site-nav{height:46px!important;padding:2px!important;}
  .hbn-site-nav__link{
    height:40px!important;
    min-height:40px!important;
    padding:0 4px!important;
    font-size:10px!important;
  }
  .hbn-site-nav__link::after{left:4px!important;right:4px!important;}
  .hbn-site-nav .desktop-nav-live{gap:4px!important;}
  .hbn-site-nav .desktop-more-trigger{gap:3px!important;padding-right:2px!important;}
  .hbn-site-nav .desktop-more-chevron{width:20px!important;height:20px!important;flex-basis:20px!important;}
  .hbn-site-actions{gap:4px!important;}
  .hbn-site-actions__staff{min-width:52px!important;height:38px!important;padding:0 6px!important;font-size:9.5px!important;gap:4px!important;}
  .hbn-site-actions .hbn-site-actions__icon{flex-basis:36px!important;width:36px!important;min-width:36px!important;height:36px!important;}
  .hbn-site-actions .hbn-site-actions__manager.account-style,
  .hbn-site-actions .hbn-site-actions__manager.account-style.discord-account-connected{
    flex-basis:106px!important;
    width:106px!important;
    min-width:106px!important;
    max-width:106px!important;
    height:38px!important;
    gap:4px!important;
  }
  .hbn-site-actions .hbn-site-actions__manager.account-style .desktop-manager-avatar,
  .hbn-site-actions .hbn-site-actions__manager.account-style.discord-account-connected .desktop-manager-avatar{
    flex-basis:29px!important;width:29px!important;min-width:29px!important;height:29px!important;
  }
  .hbn-site-actions .hbn-site-actions__manager.account-style .desktop-manager-copy strong{font-size:10px!important;}
  .hbn-site-actions__profile{min-width:52px!important;min-height:36px!important;padding:0 5px!important;font-size:8.5px!important;}
}

@media (min-width:1400px) and (max-width:1679px){
  .hbn-site-header__inner{width:calc(100% - 20px)!important;column-gap:9px!important;}
  .hbn-site-brand > .hbn-site-brand__believe{width:58px!important;}
  .hbn-site-brand .hbn-site-brand__logo{width:104px!important;}
  .hbn-site-brand .hbn-site-brand__stack{flex-basis:58px!important;width:58px!important;max-width:58px!important;font-size:8.5px!important;}
  .hbn-site-nav__link{padding:0 6px!important;font-size:10.4px!important;}
  .hbn-site-actions .hbn-site-actions__manager.account-style,
  .hbn-site-actions .hbn-site-actions__manager.account-style.discord-account-connected{flex-basis:118px!important;width:118px!important;min-width:118px!important;max-width:118px!important;}
}

/* Safe compact handover for unusually narrow desktop windows, tablet widths,
   or enlarged browser zoom. The full nav becomes the existing More drawer
   before any collision is possible. */
@media (min-width:761px) and (max-width:1179px){
  .hbn-site-header{
    height:68px!important;
    min-height:68px!important;
    padding:0!important;
    background:rgba(7,13,24,.92)!important;
    border-bottom:1px solid var(--line)!important;
  }
  .hbn-site-header__inner{
    width:calc(100% - 24px)!important;
    height:68px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:40px max-content minmax(0,1fr) max-content!important;
    align-items:center!important;
    gap:9px!important;
  }
  .hbn-site-header__menu{
    grid-column:1!important;
    display:grid!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    margin:0!important;
  }
  .hbn-site-header__mobile-title{display:none!important;}
  .hbn-site-brand{
    grid-column:2!important;
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    height:48px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  .hbn-site-brand > .hbn-site-brand__believe{display:none!important;}
  .hbn-site-brand > .hbn-site-brand__lockup{display:flex!important;align-items:center!important;}
  .hbn-site-brand .hbn-site-brand__logo{display:block!important;width:108px!important;max-width:108px!important;}
  .hbn-site-brand .hbn-site-brand__stack{display:none!important;}
  .hbn-site-nav{display:none!important;}
  .hbn-site-actions{
    grid-column:4!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    gap:6px!important;
  }
  .hbn-site-actions__staff{
    display:inline-flex!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0!important;
  }
  .hbn-site-actions__staff span{display:none!important;}
  .hbn-site-actions .hbn-site-actions__icon{
    display:inline-grid!important;
    flex:0 0 40px!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0!important;
  }
  .hbn-site-actions .hbn-site-actions__manager.account-style,
  .hbn-site-actions .hbn-site-actions__manager.account-style.discord-account-connected{
    display:flex!important;
    flex:0 0 116px!important;
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    height:40px!important;
    padding:4px 6px 4px 4px!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  .hbn-site-actions .hbn-site-actions__manager.account-style .desktop-manager-avatar,
  .hbn-site-actions .hbn-site-actions__manager.account-style.discord-account-connected .desktop-manager-avatar{
    flex:0 0 31px!important;width:31px!important;min-width:31px!important;height:31px!important;
  }
  .hbn-site-actions .hbn-site-actions__manager.account-style .desktop-manager-copy{display:block!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;}
  .hbn-site-actions .hbn-site-actions__manager.account-style .desktop-manager-copy small{display:block!important;font-size:7px!important;line-height:1!important;}
  .hbn-site-actions .hbn-site-actions__manager.account-style .desktop-manager-copy strong{display:block!important;min-width:0!important;max-width:100%!important;margin-top:3px!important;font-size:10px!important;overflow:hidden!important;}
  .hbn-site-actions .hbn-site-actions__manager.account-style .desktop-manager-name{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .hbn-site-actions .hbn-site-actions__manager.account-style .desktop-manager-chevron{display:none!important;}
  .hbn-site-actions__profile{display:none!important;}
  .hbn-site-header .mobile-profile-trigger{display:none!important;}
  .hbn-site-actions #refresh-button{display:inline-grid!important;}
}

/* Fine-pointer compact navigation uses the complete drawer component without
   opting the surrounding desktop/tablet page into the mobile application. */
@media (min-width:761px) and (max-width:1179px){
  .mobile-drawer.mobile-v23-drawer{
    display:none;position:fixed!important;inset:0!important;z-index:180!important;
    padding:0!important;overflow:hidden!important;background:transparent!important;
  }
  .mobile-drawer.mobile-v23-drawer.open{display:block!important}
  .mobile-v23-drawer .drawer-backdrop{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    border:0!important;background:rgba(0,5,10,.7)!important;backdrop-filter:blur(8px)!important;
  }
  .mobile-v23-drawer .drawer-panel{
    position:absolute!important;inset:0 0 0 auto!important;width:min(430px,calc(100vw - 28px))!important;max-width:none!important;height:100dvh!important;
    display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;
    border:0!important;border-left:1px solid rgba(183,215,235,.14)!important;border-radius:0!important;
    background:radial-gradient(circle at 100% 0,rgba(56,215,194,.11),transparent 25rem),linear-gradient(180deg,#07131f,#050c15)!important;
    box-shadow:-25px 0 70px rgba(0,0,0,.42)!important;transform:translateX(18px)!important;opacity:0!important;
    transition:transform .22s ease,opacity .22s ease!important;
  }
  .mobile-v23-drawer.open .drawer-panel{transform:none!important;opacity:1!important}
  .mobile-v23-drawer .drawer-head{
    position:relative!important;top:auto!important;z-index:2!important;min-height:68px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
    padding:9px 12px!important;border-bottom:1px solid rgba(183,215,235,.105)!important;
    background:rgba(7,19,31,.86)!important;backdrop-filter:blur(20px)!important;
  }
  .mobile-v23-drawer-brand{min-width:0;display:flex;align-items:center;gap:10px;padding:0!important;border:0!important;background:transparent!important;color:#f4f9fc!important;text-align:left!important}
  .mobile-v23-drawer-brand img{width:64px;height:32px;object-fit:contain}
  .mobile-v23-drawer-brand span,.mobile-v23-drawer-brand small,.mobile-v23-drawer-brand strong{display:block;min-width:0}
  .mobile-v23-drawer-brand small{margin:0!important;color:#6e8999!important;font-size:8px!important;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
  .mobile-v23-drawer-brand strong{margin-top:2px!important;color:#f4f9fc!important;font-size:16px!important;letter-spacing:-.02em}
  .mobile-v23-drawer .drawer-head>.icon-button{width:42px!important;height:42px!important;padding:0!important;border:1px solid rgba(183,215,235,.105)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;color:#dceaf3!important}
  .mobile-v23-drawer-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 12px 24px;scrollbar-width:none}
  .mobile-v23-drawer-scroll::-webkit-scrollbar{display:none}
  .mobile-v23-search-card{
    width:100%;min-height:66px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;
    border:1px solid rgba(183,215,235,.105);border-radius:18px;background:rgba(255,255,255,.035);color:#f4f9fc;text-align:left;
  }
  .mobile-v23-search-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(117,174,247,.1);color:#a9ccff}
  .mobile-v23-search-card .app-icon,.mobile-v23-search-card svg{width:20px;height:20px}
  .mobile-v23-search-card div,.mobile-v23-search-card strong,.mobile-v23-search-card small{display:block;min-width:0}
  .mobile-v23-search-card strong{font-size:13px}.mobile-v23-search-card small{margin-top:3px;color:#748d9c;font-size:9px;line-height:1.35}
  .mobile-v23-search-card>b{padding:4px 6px;border:1px solid rgba(183,215,235,.105);border-radius:7px;color:#718999;font-size:8px}
  .mobile-v23-drawer-manager{margin-top:11px;padding:10px;border:1px solid rgba(56,215,194,.16);border-radius:20px;background:linear-gradient(145deg,rgba(24,57,67,.55),rgba(9,24,35,.9));box-shadow:0 18px 42px rgba(0,0,0,.24)}
  .mobile-v23-drawer-manager>button{width:100%;display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:11px;align-items:center;padding:1px;border:0;background:transparent;color:#f4f9fc;text-align:left}
  .mobile-v23-drawer-avatar{width:50px!important;height:50px!important;border-radius:15px!important;background:rgba(56,215,194,.08)!important;border:1px solid rgba(56,215,194,.14)!important}
  .mobile-v23-drawer-manager span,.mobile-v23-drawer-manager small,.mobile-v23-drawer-manager strong,.mobile-v23-drawer-manager em{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-v23-drawer-manager small{color:#7ee6d7;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.mobile-v23-drawer-manager strong{margin-top:3px;font-size:17px}.mobile-v23-drawer-manager em{margin-top:2px;color:#7893a2;font-size:9px;font-style:normal}.mobile-v23-drawer-manager>button>b{color:#9acbc3;font-size:9px}
  .mobile-v23-drawer-manager>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.mobile-v23-drawer-manager>div button{min-height:38px;padding:0 6px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.035);color:#c5d7df;font-size:9px;font-weight:850}
  .mobile-v23-drawer-manager-empty{width:100%;min-height:86px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;margin-top:11px;padding:13px;border:1px solid rgba(56,215,194,.16);border-radius:20px;background:rgba(56,215,194,.055);color:#f4f9fc;text-align:left}
  .mobile-v23-drawer-manager-empty>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(56,215,194,.09);color:#42d9c4;font-size:22px}.mobile-v23-drawer-manager-empty small,.mobile-v23-drawer-manager-empty strong,.mobile-v23-drawer-manager-empty em{display:block}.mobile-v23-drawer-manager-empty small{color:#81dfd3;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.mobile-v23-drawer-manager-empty strong{margin-top:3px;font-size:15px}.mobile-v23-drawer-manager-empty em{margin-top:3px;color:#7892a1;font-size:9px;font-style:normal;line-height:1.35}.mobile-v23-drawer-manager-empty>b{min-height:30px;display:grid;place-items:center;padding:0 9px;border-radius:9px;background:#42d9c4;color:#05201b;font-size:8px}
  .mobile-v23-drawer .drawer-nav{display:grid!important;gap:14px!important;margin-top:16px!important;padding:0!important}.mobile-v23-drawer-group{margin:0!important;padding:0!important}.mobile-v23-drawer .drawer-nav section+section{margin-top:0!important}
  .mobile-v23-drawer .nav-label{margin:0 3px 7px!important;padding:0!important;color:#607b8c!important;font-size:8px!important;font-weight:950!important;letter-spacing:.13em!important;text-transform:uppercase!important}
  .mobile-v23-drawer .drawer-link-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .mobile-v23-drawer-link{min-width:0;min-height:54px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border:1px solid rgba(183,215,235,.105);border-radius:14px;background:rgba(255,255,255,.025);color:#cbdbe4;text-align:left}
  .mobile-v23-drawer-link>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:rgba(117,174,247,.075);color:#91bced}.mobile-v23-drawer-link .app-icon,.mobile-v23-drawer-link svg{width:17px;height:17px}.mobile-v23-drawer-link>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;line-height:1.15}.mobile-v23-drawer-link>i{color:#5f7b8b;font-size:16px;font-style:normal}
  .mobile-v23-drawer-link.active{border-color:rgba(56,215,194,.2);background:rgba(56,215,194,.07);color:#cffff7}.mobile-v23-drawer-link.active>span{background:rgba(56,215,194,.11);color:#42d9c4}
  .mobile-v23-account-tools{margin-top:16px!important}.mobile-v23-account-list{overflow:hidden;border:1px solid rgba(183,215,235,.105);border-radius:17px;background:rgba(255,255,255,.022)}
  .mobile-v23-account-list>button{width:100%;min-height:60px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:0;border-top:1px solid rgba(183,215,235,.105);background:transparent;color:#f4f9fc;text-align:left}.mobile-v23-account-list>button:first-child{border-top:0}.mobile-v23-account-list>button>span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.04);color:#a8c7db}.mobile-v23-account-list .app-icon,.mobile-v23-account-list svg{width:18px;height:18px}.mobile-v23-account-list strong,.mobile-v23-account-list small{display:block}.mobile-v23-account-list strong{font-size:11px}.mobile-v23-account-list small{margin-top:3px;color:#708998;font-size:8.5px}.mobile-v23-account-list>b{color:#7891a0;font-size:8px}
  .mobile-v23-staff-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:15px;padding:15px;border:1px solid rgba(241,196,93,.2);border-radius:18px;background:linear-gradient(145deg,rgba(72,59,25,.35),rgba(14,21,28,.96))}.mobile-v23-staff-card small,.mobile-v23-staff-card strong,.mobile-v23-staff-card span{display:block}.mobile-v23-staff-card small{color:#e2bd62;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.mobile-v23-staff-card strong{margin-top:4px;font-size:16px}.mobile-v23-staff-card span{margin-top:4px;color:#899ba5;font-size:9px;line-height:1.4}.mobile-v23-staff-card button{min-height:36px;padding:0 10px;border:1px solid rgba(241,196,93,.25);border-radius:11px;background:rgba(241,196,93,.1);color:#f3d786;font-size:9px;font-weight:900}
  .mobile-v23-drawer .mobile-install-card{display:block!important;margin-top:15px!important;border-radius:18px!important}.mobile-v23-external-links{display:grid;gap:7px;margin-top:15px}.mobile-v23-external-links a{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border:1px solid rgba(183,215,235,.105);border-radius:13px;background:rgba(255,255,255,.025);color:#9fb9c8;font-size:10px;font-weight:850;text-decoration:none}
  .mobile-v23-drawer :is(button,a):focus-visible{outline:2px solid #42d9c4!important;outline-offset:2px!important}
}
@media (min-width:761px) and (max-width:1179px) and (prefers-reduced-motion:reduce){
  .mobile-v23-drawer .drawer-panel{transition:none!important}
}

/* At the smallest tablet widths, manager selection remains available through
   the profile trigger and drawer while all visible buttons stay fully inside. */
@media (min-width:761px) and (max-width:900px){
  .hbn-site-header__inner{
    width:calc(100% - 20px)!important;
    grid-template-columns:40px minmax(0,1fr) max-content!important;
    gap:7px!important;
  }
  .hbn-site-brand{grid-column:2!important;}
  .hbn-site-brand .hbn-site-brand__logo{width:101px!important;max-width:101px!important;}
  .hbn-site-actions{grid-column:3!important;gap:5px!important;}
  .hbn-site-actions__staff,
  .hbn-site-actions .hbn-site-actions__manager.account-style,
  .hbn-site-actions .hbn-site-actions__manager.account-style.discord-account-connected{display:none!important;}
  .hbn-site-header .mobile-profile-trigger{
    display:grid!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
  }
}

/* Mobile remains its own purpose-built interface. Explicitly remove the
   desktop BELIEVE/lockup pieces so old rules cannot leak into it. */
@media (max-width:760px){
  .hbn-site-brand__believe,
  .hbn-site-brand__stack{display:none!important;}
}