/* Paged selection: fixed positions, no entrance animation on rerender. */
.im-wrap>svg,.im-wrap img{transition:none!important}
.drop-placeholder{width:92px;height:72px;max-width:100%;max-height:100%;flex-shrink:0}
#view-upgrade #myGrid,#view-upgrade #shopGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:116px;gap:6px;padding:8px;max-height:none;height:504px;overflow:visible;align-content:start}
#view-upgrade .skin{min-width:0;min-height:0;height:116px;padding:6px 4px;border-radius:7px;animation:none!important;transition:border-color .15s,box-shadow .15s;transform:none!important}
#view-upgrade .skin .nm{font-size:10px;line-height:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view-upgrade .skin .top-r{font-size:10px;white-space:nowrap}
#view-upgrade .skin .im-wrap{height:67px;min-height:0;margin:2px 0}
#view-upgrade .skin .im-wrap img{max-height:65px}
#view-upgrade .skin .im-wrap,#view-upgrade .drop-item>img,#view-upgrade .drop-item>svg,.store-card,.store-card .im-wrap,.store-quantity,.store-quantity *{animation:none!important;transition:none!important}
#view-upgrade .drop-item>img,#view-upgrade .drop-item>svg{transform:none}
.empty-slot{display:grid;place-items:center;min-width:0;border:1px solid #27292e;border-radius:7px;background:#191a1e}
.empty-slot img{width:60%;height:70px;object-fit:contain;opacity:.16;filter:grayscale(1)}
.upgrade-pager{display:flex;justify-content:center;align-items:center;gap:8px;padding:10px;min-height:56px;color:#81838d;font-size:11px}
.upgrade-pager button{width:36px;height:36px;border:0;border-radius:9px;background:#27282d;color:#f1f1f3;font-size:25px;cursor:pointer}
.upgrade-pager button:disabled{opacity:.3;cursor:default}
.inventory-panel.store-active #myPager{display:none}
.no-items{grid-column:1/-1;text-align:center;color:#9698a3;padding:24px}
#view-upgrade .up-mults{grid-template-columns:repeat(7,minmax(0,1fr))}
.quick-settings img{width:21px;height:21px;object-fit:contain}
#view-upgrade .shop-head{gap:5px;padding:8px}
#view-upgrade #targetSort{flex:0 0 30px;width:30px;height:36px}
#view-upgrade .shop-top>b{font-size:12px}
#view-upgrade .shop-filters{gap:4px}
#view-upgrade .shop-filters .price{padding:0 4px}
#view-upgrade .drop-side.has-selection::before{content:"";display:block;position:absolute;inset:12% 0 0;background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--drop-color) 55%,transparent),transparent 65%);filter:blur(15px);pointer-events:none}
#view-upgrade .drop-side.has-selection{border-color:color-mix(in srgb,var(--drop-color) 65%,#292a32)}
.drop-caption{width:100%;text-align:center}
.drop-server{display:block;margin-top:7px;font-size:11px;letter-spacing:1.4px;font-weight:800;color:var(--drop-color,#b7b7bd)}
#view-upgrade .drop-side.upgrade-won{box-shadow:inset 0 0 70px color-mix(in srgb,var(--drop-color) 35%,transparent),0 0 22px color-mix(in srgb,var(--drop-color) 25%,transparent)}
#view-upgrade .drop-side.upgrade-won .drop-item>img{transform:scale(1.2);transition:transform .4s ease!important}
.quick-config h4{display:flex;align-items:center;justify-content:space-between;gap:12px}
.quick-config button{border:0;background:none;color:#ffdc28;cursor:pointer}
.quick-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quick-groups>div{padding:14px;background:#232429;border:1px solid #34353c;border-radius:12px}
.quick-groups p{color:#a9aab2;font-size:12px;margin:0 0 12px}
.quick-fields{display:flex;gap:6px}
.quick-input{width:0;flex:1;min-width:0;padding:9px 4px;text-align:center;background:#17181d;border:1px solid #41424b;color:#fff;border-radius:7px;font-weight:700}
.wallet-coupon{display:flex;align-items:center;gap:5px;padding:6px;background:#333438;border:1px dashed #494a4e;border-radius:8px;margin:12px 0}
.wallet-coupon-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:6px;background:#ffdb00}
.wallet-coupon-icon img{display:block;width:25px;height:20px;object-fit:contain}
.wallet-coupon input{width:0;min-width:0;flex:1;height:40px;padding:8px;border:0;background:transparent;color:white;font:14px Inter,system-ui,sans-serif}
.wallet-coupon input::placeholder{color:#a5a6ab;opacity:1}
.wallet-coupon:focus-within{border-color:#c9ad31}
.wallet-coupon button{flex-shrink:0;min-height:40px;border:0;border-radius:5px;background:#494a4e;color:white;font-size:11px;padding:9px;cursor:pointer}
.profile-deposit{display:flex;align-items:center;justify-content:center;gap:8px}
.profile-deposit>img{width:18px;height:18px;object-fit:contain}
#view-profile .profile-overview{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:12px;padding:15px;background:#2a2b2e;border:1px solid #3d3f43;border-radius:22px}
#view-profile .profile-account-card,#view-profile .profile-side-stack{display:contents}
#view-profile .profile-person-row{grid-column:1;grid-row:1/3;padding:18px;align-items:flex-start;flex-wrap:wrap;align-content:start;border-radius:13px;background:#202123;min-width:0;gap:14px}
#view-profile .profile-person-copy{min-width:0;flex:1}
#view-profile .profile-person-copy h1{font-size:19px;overflow-wrap:anywhere}
#view-profile .profile-eyebrow,#view-profile .profile-online{display:none}
#view-profile .profile-avatar{width:75px;height:75px;border-radius:12px}
#view-profile .profile-meta{flex-wrap:wrap}
#view-profile .profile-notification-manage{margin-top:25px;white-space:normal;text-align:left}
#view-profile .profile-wallet-card{grid-column:2;grid-row:1/3;background:#232426;padding:17px;border-radius:13px;min-width:0}
#view-profile .profile-balance{margin-top:22px;font-size:32px}
#view-profile .profile-best-card{grid-column:3;grid-row:1;min-height:140px;background:linear-gradient(110deg,#222328,#303964);border-radius:13px}
#view-profile .profile-best-visual{width:100%;min-width:0;height:112px}
#view-profile .profile-best-visual .u-best-img{width:100%;height:112px}
#view-profile .profile-best-visual img{width:100%;height:100%;max-height:112px;object-fit:contain}
#view-profile .profile-metrics{grid-column:3;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:0;gap:7px;background:transparent}
#view-profile .profile-metrics>button{min-width:0;padding:12px 8px;background:#1d1e21;border:0;border-radius:10px;min-height:105px}
#view-profile .profile-metric>img{position:static;width:23px;height:23px;float:right}
#view-profile .profile-metric span{font-size:10px}
#view-profile .profile-metric strong{font-size:17px;color:#ffdb00;clear:both;padding-top:9px}
#view-profile .profile-metric small{font-size:9px}
#view-profile .profile-metric>i,#view-profile .profile-promo-card{display:none}
@media(max-width:1100px) and (min-width:821px){#view-upgrade .shop-top>b{font-size:10px}#view-upgrade .shop-head{gap:3px;padding:6px}#view-upgrade .skin .top-r{font-size:8px}}
@media(max-width:900px){#view-profile .profile-overview{grid-template-columns:1fr 1fr}#view-profile .profile-person-row{grid-column:1;grid-row:1}#view-profile .profile-wallet-card{grid-column:2;grid-row:1}#view-profile .profile-best-card{grid-column:1;grid-row:2}#view-profile .profile-metrics{grid-column:2;grid-row:2}}
@media(max-width:560px){#view-upgrade #myGrid,#view-upgrade #shopGrid{grid-auto-rows:98px;height:432px;gap:4px;padding:6px}#view-upgrade .skin{height:98px;padding:4px 2px}#view-upgrade .skin .im-wrap{height:52px}#view-upgrade .skin .im-wrap img{max-height:50px}#view-upgrade .skin .top-r{font-size:8px}#view-upgrade .skin .nm{font-size:8px}#view-upgrade .shop-top>b{font-size:10px}#view-upgrade .shop-head{gap:3px;padding:6px}#view-upgrade .shop-filters .price{padding:0 2px}#view-profile .profile-overview{grid-template-columns:1fr}#view-profile .profile-person-row,#view-profile .profile-wallet-card,#view-profile .profile-best-card,#view-profile .profile-metrics{grid-column:1;grid-row:auto}.quick-groups{grid-template-columns:1fr}}