/* Shared header polish for all Azhalha games */
.xd-game-account-trigger,
.account-pill.xd-game-account-trigger{
  min-width:auto!important;
  height:44px!important;
  padding:4px 5px!important;
  gap:6px!important;
  border:0!important;
  border-radius:13px!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:background .2s ease,transform .24s cubic-bezier(.22,1,.36,1)!important;
}
.xd-game-account-trigger:hover,
.account-pill.xd-game-account-trigger:hover{
  transform:translateY(-1px)!important;
  border:0!important;
  background:rgba(245,158,11,.055)!important;
  box-shadow:none!important;
}
.xd-game-account-trigger:active,
.account-pill.xd-game-account-trigger:active{
  transform:scale(.98)!important;
}
.xd-game-trigger-avatar{
  width:35px!important;
  height:35px!important;
  flex-basis:35px!important;
  border:0!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
.xd-game-coin-pill{
  height:27px!important;
  padding:0 6px!important;
  border:0!important;
  border-radius:8px!important;
  background:rgba(245,158,11,.075)!important;
  box-shadow:none!important;
}
.xd-game-login-label{
  padding:0 5px!important;
  color:#e8e8e8!important;
}
.xd-game-account-trigger.is-guest .xd-game-trigger-avatar{
  background:rgba(255,255,255,.04)!important;
}
.xd-floating-account{top:14px!important;left:18px!important}

@media(max-width:720px){
  .xd-floating-account{top:8px!important;left:8px!important}
  .xd-game-account-trigger,
  .account-pill.xd-game-account-trigger{
    min-width:auto!important;
    height:40px!important;
    padding:4px!important;
    border-radius:11px!important;
  }
  .xd-game-trigger-avatar{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
    border-radius:10px!important;
  }
  .xd-game-coin-pill{height:25px!important;padding:0 5px!important}

  /* Inside a game, the return-to-games action is just an arrow on mobile. */
  .site-top .top-tools>a[href="/community-games"],
  .site-top .top-actions>a[href="/community-games"],
  .topbar .top-actions>a[href="/community-games"],
  header .top-tools>a.exit-game[href="/community-games"],
  header .top-actions>a.link-btn[href="/community-games"]{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    overflow:hidden!important;
  }
  .site-top .top-tools>a[href="/community-games"]::after,
  .site-top .top-actions>a[href="/community-games"]::after,
  .topbar .top-actions>a[href="/community-games"]::after,
  header .top-tools>a.exit-game[href="/community-games"]::after,
  header .top-actions>a.link-btn[href="/community-games"]::after{
    content:'←';
    color:#d8d8d8!important;
    font:900 1.08rem/1 Cairo,sans-serif!important;
  }
  .site-top .top-tools>a[href="/community-games"]:hover,
  .site-top .top-actions>a[href="/community-games"]:hover,
  .topbar .top-actions>a[href="/community-games"]:hover,
  header .top-tools>a.exit-game[href="/community-games"]:hover,
  header .top-actions>a.link-btn[href="/community-games"]:hover{
    background:rgba(255,255,255,.045)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .xd-game-account-trigger,.account-pill.xd-game-account-trigger{transition:none!important}
}