.topbar{height:auto;min-height:82px;padding:8px 24px;display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:12px}
.topbar .stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-width:0}
.topbar .balance-shop,.topbar .account-user{display:contents}
.topbar .stats>.player-level,.topbar .balance-shop>.stat,.topbar .credit-shop-link,.topbar .topbar-daily,.topbar .account-profile-link,.topbar .account-user>a:last-child,.topbar .account-login,.topbar .credit-button{box-sizing:border-box;flex:0 0 auto;height:56px;margin:0;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:#191329;display:flex;align-items:center;justify-content:center;min-width:0;text-align:center}
.topbar .balance-shop>.stat{width:150px;flex-direction:column}
.topbar #money{font-variant-numeric:tabular-nums;font-size:16px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.topbar .credit-shop-link{width:105px;white-space:normal;font-size:10px}
.topbar .stats>.player-level{width:105px;flex-direction:column}
.topbar .player-level-heading strong{font-size:13px}
.topbar .topbar-daily{width:105px;white-space:normal;font-size:9px}
.topbar .account-profile-link{width:150px;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.topbar .account-profile-link b{min-width:0;overflow:hidden;color:#c98243;font-size:13px;text-overflow:ellipsis;text-shadow:0 0 10px rgba(201,130,67,.18)}
.topbar .account-user>a:last-child,.topbar .account-login{width:105px;font-size:10px;white-space:normal}.topbar .account-user>a:last-child{color:#fff}
.topbar .credit-button{width:90px}
.topbar-tools{justify-content:flex-end;gap:8px}
.topbar-tools>a{box-sizing:border-box;width:100px;min-height:44px;text-align:center;display:flex;align-items:center;justify-content:center;white-space:normal}
@media(max-width:1250px){.topbar{grid-template-columns:90px minmax(0,1fr)}.topbar .brand{grid-column:1;grid-row:1}.topbar-tools{grid-column:2;grid-row:1}.topbar .stats{grid-column:1/-1;grid-row:2;justify-content:flex-start}}
@media(max-width:768px){.topbar{padding:7px 12px;grid-template-columns:64px minmax(0,1fr);gap:7px}.topbar-tools{grid-column:2;flex-wrap:wrap}.topbar .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.topbar .balance-shop,.topbar .account-user{display:contents}.topbar .stats>.player-level,.topbar .balance-shop>.stat,.topbar .credit-shop-link,.topbar .topbar-daily,.topbar .account-profile-link,.topbar .account-user>a:last-child,.topbar .account-login{width:100%;max-width:none;height:48px;padding:6px 8px;min-width:0}.topbar .player-level-heading strong{font-size:12px}.topbar .account-user>a:last-child{font-size:10px}.topbar .account-user>a:last-child::after{content:none}.topbar .credit-shop-link{font-size:10px}.topbar .topbar-daily{font-size:9px}.topbar .account-profile-link{font-size:11px}.topbar-tools>a{width:100px}}
.topbar [hidden]{display:none!important}
.topbar .credit-shop-link:hover,.topbar .credit-shop-link:focus-visible{background:#191329;color:var(--lime);border-color:var(--lime);outline:2px solid var(--lime);outline-offset:2px;transform:none}
.topbar .credit-button:hover,.topbar .credit-button:focus-visible{background:#191329;color:var(--lime);border-color:var(--lime);outline:2px solid var(--lime);outline-offset:2px;transform:none}
@media(max-width:768px){
  .topbar{gap:4px 8px;padding:5px 10px;min-height:0;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto}
  .topbar .brand .site-logo{width:54px;height:44px}
  .topbar-tools{gap:5px;flex-wrap:wrap}.topbar-tools>a{width:80px;min-height:36px;font-size:8px;padding:5px}.topbar .icon-button{width:36px;height:36px;min-height:36px}
  .topbar .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .topbar .balance-shop{display:flex;flex-direction:column;align-items:center;justify-content:center;height:52px;gap:1px;padding:3px 5px;border:1px solid var(--line);border-radius:7px;background:#191329;min-width:0}
  .topbar .balance-shop>.stat{width:100%;height:auto;min-height:0;padding:0;border:0;background:none}
  .topbar .balance-shop .credit-shop-link{width:100%;height:auto;min-height:0;padding:0;border:0;background:none;font-size:8px;line-height:1.3}
  .topbar #money{font-size:13px}.topbar .stats>.player-level,.topbar .topbar-daily{height:52px;padding:4px;font-size:8px}
  .topbar .account-profile-link{grid-column:1/3;height:32px;min-height:32px;padding:4px 7px;font-size:10px;justify-content:flex-start}
  .topbar .account-user>a:last-child{grid-column:3;height:32px;min-height:32px;padding:4px;font-size:9px}
  .topbar .account-login{grid-column:1/-1;height:32px;min-height:32px}
  .topbar .player-level-heading span{font-size:8px}.topbar .player-level-heading strong{font-size:11px}.player-level #xpLabel{font-size:8px}.player-level .progress{min-width:0;margin-top:2px}
}
/* Preserve the original content offset when shrinking to avoid scroll jumps. */
body{padding-top:var(--game-header-expanded-height,var(--game-header-height))}
@media(max-width:768px){
  .topbar.mobile-scrolled{grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto;min-height:52px;padding:4px 12px}
  .topbar.mobile-scrolled .brand{grid-column:1;grid-row:1}.topbar.mobile-scrolled .brand .site-logo{width:44px;height:36px}
  .topbar.mobile-scrolled .topbar-tools,.topbar.mobile-scrolled .stats>.player-level,.topbar.mobile-scrolled .topbar-daily,.topbar.mobile-scrolled .account-user,.topbar.mobile-scrolled .account-login,.topbar.mobile-scrolled .credit-button,.topbar.mobile-scrolled .credit-shop-link{display:none!important}
  .topbar.mobile-scrolled .stats{grid-column:2;grid-row:1;display:flex;justify-content:flex-end}
  .topbar.mobile-scrolled .balance-shop{width:150px;height:42px;padding:4px 8px}
}