#game-shell .header-wallet{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0}
#game-shell .wallet-balance{display:flex;align-items:center;gap:6px;padding:7px 9px;background:#19271d;border:1px solid #41543c;border-radius:6px;font:600 13px Sarabun,sans-serif;min-width:0;line-height:1.5}
#game-shell .wallet-balance svg{width:18px;height:18px;flex-shrink:0}
#game-shell .wallet-balance strong{max-width:94px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit;font-variant-numeric:tabular-nums}
#game-shell .wallet-coins{color:#e5bb65}#game-shell .wallet-diamonds{color:#a7dfdb}
#game-shell .wallet-topup{display:flex;align-items:center;justify-content:center;gap:5px;min-height:38px;white-space:nowrap;border:1px solid #b7bf79;background:#d6dda5;color:#18241a;border-radius:6px;padding:7px 11px;font:600 13px Sarabun,sans-serif}
#game-shell .wallet-topup:hover{background:#edf1c5}#game-shell .wallet-topup:focus-visible{outline:2px solid #f5dea2;outline-offset:3px}
#game-shell .header-wallet:not(.hidden)~.connection{margin-left:0}
@media(min-width:761px) and (max-width:1450px){#game-shell .topbar{gap:12px;padding-inline:18px}#game-shell .nav-tabs{gap:3px;margin-left:0}#game-shell .nav-tabs button{padding-inline:7px}#game-shell .nav-tabs button span{margin-left:4px}#game-shell .header-wallet:not(.hidden)~.connection{display:none}}
@media(min-width:761px) and (max-width:1120px){#game-shell .topbar .brand small{display:none}#game-shell .topbar .brand{font-size:21px}#game-shell .topbar{gap:8px;padding-inline:12px}#game-shell .wallet-balance{padding:6px;gap:4px}#game-shell .header-wallet{gap:5px}#game-shell .nav-tabs button{font-size:12px;padding-inline:5px}}
@media(max-width:760px){
 #game-shell .topbar:has(.header-wallet:not(.hidden)){height:112px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:54px 44px;gap:0 9px;padding:0 12px 10px}
 #game-shell .topbar:has(.header-wallet:not(.hidden))>.brand{grid-row:1;grid-column:1;min-width:0}
 #game-shell .topbar:has(.header-wallet:not(.hidden))>.connection{grid-row:1;grid-column:2;display:grid;margin-left:0;font-size:11px}
 #game-shell .topbar:has(.header-wallet:not(.hidden))>#help-button{grid-row:1;grid-column:3}
 #game-shell .header-wallet{grid-row:2;grid-column:1/-1;justify-self:end;margin-left:0;gap:8px;max-width:100%}
 #game-shell .wallet-balance{font-size:13px;padding:7px 9px}#game-shell .wallet-topup{min-height:40px;font-size:13px}
 #game-shell:has(.header-wallet:not(.hidden)) .player-card,#game-shell:has(.header-wallet:not(.hidden)) .right-column{top:124px}
 #game-shell:has(.header-wallet:not(.hidden)) .drawer{top:124px}
}
@media(max-width:360px){#game-shell .wallet-balance strong{max-width:73px}#game-shell .header-wallet{gap:6px}#game-shell .wallet-balance{padding:6px;font-size:12px}#game-shell .wallet-topup{padding:7px 9px}#game-shell .topbar:has(.header-wallet:not(.hidden))>.connection{font-size:10px}}