#game #panel .commerceShell{min-width:0;max-width:100%;min-height:0}#game #panel .commerceScroll{min-width:0;max-width:100%;overflow-x:hidden}#game #panel .commerceWallet{height:auto;min-height:28px;flex-wrap:wrap}#game #panel .commerceWallet .walletBalances{display:flex;flex-wrap:wrap;gap:4px 9px;min-width:0;max-width:100%}#game #panel .commerceWallet .walletBalance{display:inline-flex;align-items:center;white-space:nowrap;gap:3px;min-width:0}#game #panel .walletBalance .commerceIcon{margin:0;width:16px;height:16px}#game #panel .walletBalance b{font-size:11px}#game #panel .walletBalance small{font-size:9px}#game #panel .summonButtons{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}#game #panel #panelBody .summonButtons button{width:100%;min-width:0;max-width:100%;margin:0!important;padding:8px 5px;white-space:normal;overflow-wrap:anywhere;justify-content:center}#game #panel .summonButtons b{font-size:14px}#game #panel .summonButtons span{white-space:normal;overflow-wrap:anywhere;text-align:center}#game #panel .coinSummon{min-width:0}#game #panel .coinSummon>div:first-child{flex-wrap:wrap}#game #panel .summonShopHeroes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}#game #panel #panelBody .summonShopHeroes>button{position:relative;display:block;width:100%;height:168px!important;min-height:168px!important;min-width:0;margin:0!important;padding:0;overflow:hidden;border:1px solid #c6a962;border-radius:8px;background:#101c29;text-align:left}#game #panel .summonShopHeroes img{width:100%;height:100%;object-fit:cover;object-position:66% center;display:block}#game #panel .summonShopHeroes>button:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071822f5, #07182270 60%,transparent)}#game #panel .summonShopHeroes>button>span{position:absolute;z-index:1;inset:auto 10px 10px;display:grid;gap:4px;color:#fff0bc;text-shadow:0 2px 3px #000}#game #panel .summonShopHeroes strong{font:23px var(--font-display)}#game #panel .summonShopHeroes small{font-size:10px}#game #panel .summonShopHeroes b{font-size:11px}#game #panel .summonShopHeroes em{font:10px/1.5 var(--font-ui);color:#a4f3f4}#game #panel .weaponSpeedBonus{font:11px/1.4 var(--font-ui);color:#bcf5f9;margin:5px 0}#game #panel .summonArt>div{background:linear-gradient(90deg,#051723dd,#061e2c55 65%,transparent)}#game #panel .commerceConfirm{min-width:0;max-width:100%;max-height:100%;box-sizing:border-box;overflow:auto;justify-content:flex-start}#game #panel .commerceConfirm>div{flex-shrink:0}#game #panel .commerceConfirm button{min-width:0;white-space:normal}#game #panel .oddsGrid{grid-template-columns:minmax(0,1fr) auto}#game #panel .oddsGrid span{overflow-wrap:anywhere}@media(max-width:560px){#game #panel .summonShopHeroes{grid-template-columns:minmax(0,1fr)}#game #panel #panelBody .summonShopHeroes>button{height:132px!important;min-height:132px!important}#game #panel .summonShopHeroes>button>span{inset:auto 12px 12px;gap:4px}#game #panel .summonShopHeroes img{object-position:65% 48%}#game #panel .summonShopHeroes>button:after{background:linear-gradient(90deg,#071822ec,#07182270 65%,transparent)}#game #panel .summonShopHeroes strong{font-size:23px}#game #panel .summonButtons b{font-size:13px}#game #panel .commerceWallet>span:first-child{display:none}#game #panel .commerceWallet .walletBalances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:3px 8px}#game #panel .walletBalance{justify-content:flex-start}#game #panel .coinSupplyShop{flex-wrap:wrap}}

#game #panel .commerceConfirm{inset:50px 0 0}