/* September upgrader revision: shared two-row item layout. */
body{background:#24252a}
body:has(#view-upgrade:not(.hidden)){background:#15161a}
.top{background:#0d0e11}
.ambient-scene::after{opacity:.8;background:repeating-linear-gradient(112deg,transparent 0 170px,#e9bd2710 172px,transparent 174px 340px);animation-duration:48s}
.ambient-dust{opacity:.65;background-image:radial-gradient(2px 2px at 12% 22%,#ffe898 60%,transparent),radial-gradient(1px 1px at 68% 37%,#ffe898 60%,transparent),radial-gradient(2px 2px at 84% 76%,#cab475 60%,transparent),radial-gradient(1px 1px at 37% 83%,#ffe898 60%,transparent);background-size:370px 420px;animation:revisionDust 55s ease-in-out infinite alternate}
@keyframes revisionDust{to{transform:translate3d(22px,-30px,0)}}
#view-upgrade .drop-side{background:linear-gradient(145deg,#2d2e35,#23242a);border-color:#3b3d45}
#view-upgrade .drop-circle{background:transparent!important}
#view-upgrade #dropMy .placeholder-arrows{transform:translateY(5px) rotate(180deg)}
#view-upgrade .inventory-panel,#view-upgrade .panel{background:#232429}
#view-upgrade #myGrid,#view-upgrade #shopGrid,#view-upgrade #storeInline .store-grid{--card-height:116px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,var(--card-height));grid-auto-rows:var(--card-height);gap:6px;padding:8px!important;height:254px;min-height:254px;max-height:none;overflow:visible;align-content:start}
#view-upgrade .skin,#view-upgrade #storeInline .store-card{box-sizing:border-box;height:116px;min-height:116px;padding:6px 4px;border-radius:7px}
#view-upgrade #storeInline .store-card-top{height:13px;font-size:10px;line-height:13px}
#view-upgrade #storeInline .store-card-art{height:71px}
#view-upgrade #storeInline .store-card-art .im-wrap{height:67px;margin:2px 0}
#view-upgrade #storeInline .store-card-art .im-wrap img{max-height:65px}
#view-upgrade #storeInline .store-card-copy strong{font-size:10px;line-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-upgrade .upgrade-pager,#storeInline .store-pager{min-height:64px;padding:12px 10px 16px;background:#232429;border-radius:0 0 13px 13px;flex-shrink:0}
#view-upgrade .inventory-head{flex-wrap:wrap}
#view-upgrade .inventory-panel{position:relative}
#view-upgrade .inventory-panel:not(.store-active) #guestBox{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#20212780;border-radius:inherit;z-index:5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#view-upgrade .inventory-panel:not(.store-active):has(>#guestBox:not(.hidden)){overflow:hidden;isolation:isolate}
#view-upgrade .inventory-panel:not(.store-active):has(>#guestBox:not(.hidden))>:not(#guestBox){filter:blur(7px);pointer-events:none;user-select:none}
#view-upgrade .inventory-panel #guestBox.hidden{display:none}
#view-upgrade .store-active .inventory-head>#inventoryShopBtn:not(.hidden){display:block!important;margin-left:auto}
#view-upgrade .store-active .inventory-head>.store-toolbar{flex-basis:100%}
#view-upgrade .store-active .inventory-head .store-cart-toggle{display:flex;width:auto;min-width:88px;gap:5px;padding:0 8px}
.store-cart-toggle>span{font-size:11px}
#view-upgrade .selected-items{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;width:100%;height:100%;gap:8px}
#view-upgrade .selected-item{display:flex;justify-content:center;align-items:center;width:calc(33.333% - 8px);height:calc(50% - 4px);min-width:0}
#view-upgrade .selected-item>img,#view-upgrade .selected-item>svg{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#view-upgrade .selected-items:has(.selected-item:nth-child(2)):not(:has(.selected-item:nth-child(3))) .selected-item{width:calc(50% - 8px);height:100%}
.upgrade-action-icon{width:25px;height:25px;object-fit:contain;vertical-align:middle}
#view-upgrade #upgradeBtn{display:flex;align-items:center;justify-content:center;gap:8px}
#view-upgrade #upgradeBtn .upgrade-action-icon{flex:0 0 25px}
#view-upgrade #upgradeBtn:disabled .upgrade-action-icon{filter:invert(.55);opacity:.8}
#view-upgrade .up-mults .quick-random{display:flex;align-items:center;justify-content:center;padding:4px}
#view-upgrade .up-mults .quick-random img{display:block;width:26px;height:26px;object-fit:contain;filter:brightness(1.25) drop-shadow(0 0 5px rgba(255,219,0,.2));transition:transform .2s ease,filter .2s ease}
#view-upgrade .up-mults .quick-random:hover img{transform:rotate(8deg) scale(1.08);filter:brightness(1.55) drop-shadow(0 0 7px rgba(255,219,0,.42))}
@media(prefers-reduced-motion:reduce){#view-upgrade .up-mults .quick-random img{transition:none}#view-upgrade .up-mults .quick-random:hover img{transform:none}}
.win-celebration-content,.loss-content{transform:none;margin:auto}
.win-celebration-glow,.win-particles,.win-burst-ring{top:50%}
.win-burst-ring{position:absolute;left:50%;pointer-events:none}
#settingsModal .settings-box-wide{height:min(800px,calc(100dvh - 24px));display:flex;flex-direction:column}
#settingsModal .settings-panel{flex:1 1 0;min-height:0}
#settingsModal .settings-account{flex-wrap:wrap;gap:12px}
.avatar-upload-button{padding:9px 12px;border:0;border-radius:7px;color:#e6e7eb;background:#30343c;font:inherit;font-size:12px;cursor:pointer;margin-left:auto}
#avatarUploadStatus:empty{display:none}
@media(max-width:560px){
 #view-upgrade #myGrid,#view-upgrade #shopGrid,#view-upgrade #storeInline .store-grid{--card-height:98px;height:218px;min-height:218px;gap:4px}
 #view-upgrade .skin,#view-upgrade #storeInline .store-card{height:98px;min-height:98px;padding:4px 2px}
 #view-upgrade #storeInline .store-card-art{height:56px}
 #view-upgrade #storeInline .store-card-art .im-wrap{height:52px}
 #view-upgrade #storeInline .store-card-art .im-wrap img{max-height:50px}
 #view-upgrade #storeInline .store-card-top,#view-upgrade #storeInline .store-card-copy strong{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.ambient-dust{animation:none}}

/* Reserve real header and caption space so controls never cover the cards. */
#view-upgrade .bottom:has(.store-active) .p-head{height:104px;min-height:104px}
#view-upgrade #storeInline .store-box{border:0!important;border-radius:0!important;background:transparent!important}
#view-upgrade #storeInline .store-box{height:auto!important;overflow:visible!important}
.store-footer-checkout .currency-unit{min-width:14px!important;max-width:14px!important;width:14px!important;height:14px!important;flex:0 0 14px!important}
.store-footer-checkout>svg{flex:0 0 18px}
#avatarUpload{display:none}
#view-upgrade #myGrid,#view-upgrade #shopGrid,#view-upgrade #storeInline .store-grid{--card-height:140px;height:302px;min-height:302px;flex:0 0 302px;grid-template-rows:repeat(2,140px)}
#view-upgrade .skin,#view-upgrade #storeInline .store-card{height:140px;min-height:140px;padding:6px 4px}
#view-upgrade .skin{display:grid;grid-template-rows:14px 64px 12px 26px;gap:2px}
#view-upgrade .skin .im-wrap{height:64px;margin:0}
#view-upgrade .skin .im-wrap img{max-height:62px}
#view-upgrade .skin .nm,#view-upgrade #storeInline .store-card-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:26px;min-height:26px;margin:0;font-size:10px;line-height:13px;white-space:normal;overflow:hidden;overflow-wrap:anywhere}
#view-upgrade .skin .item-server-caption{width:100%;font-size:9px;line-height:12px;white-space:nowrap;overflow:hidden}
#view-upgrade #storeInline .store-card-art{height:80px}
#view-upgrade #storeInline .store-card-art .im-wrap{height:64px;flex:0 0 64px;margin:0}
#view-upgrade #storeInline .store-card-art .im-wrap img{max-height:62px}
#view-upgrade #storeInline .store-card-art .item-server-caption{margin:2px 0;font-size:9px;line-height:12px}
#storeInline .store-pager{position:relative;justify-content:center}
#storeInline .store-footer-cart{position:absolute;right:10px}
@media(max-width:560px){
 #view-upgrade #myGrid,#view-upgrade #shopGrid,#view-upgrade #storeInline .store-grid{gap:6px}
 #view-upgrade .skin{grid-template-rows:14px 52px 24px 26px}
 #view-upgrade .skin .im-wrap{height:52px}
 #view-upgrade .skin .im-wrap img{max-height:50px}
 #view-upgrade .skin .item-server-caption{white-space:normal;overflow-wrap:anywhere}
 #view-upgrade .skin .nm,#view-upgrade #storeInline .store-card-copy strong{font-size:8px}
 #storeInline .store-pager{justify-content:flex-start}
}