/* Product details and transaction feedback around the existing Pride Market. */
#shopsheet .market-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}
#shopsheet .market-header h2{margin:0;text-align:left}
#shopsheet .market-header .shopbal2{width:auto;margin:0;padding:8px 14px;white-space:nowrap;border-color:#ad97653d;border-radius:5px;background:#122739;font-weight:400}
#shopsheet #shoprenew{background:none;border:0;padding:0;margin:12px 0 20px;text-align:left}
#shopsheet>.card>:not(#shoplist){flex-shrink:0}
#shopsheet #shoplist{scrollbar-width:thin;scrollbar-color:#60798e #132536}
#shopsheet .market-hint{max-width:700px;margin:0 auto 20px;text-align:center;color:#b8cbd9;font:400 15px/1.6 var(--font-ui)}
#shopsheet .shopcell{gap:8px;padding:10px;border-top:2px solid var(--market-rarity,#819aaa)}
#shopsheet .shopcell .ucard{cursor:pointer;position:relative}
#shopsheet .shopcell .ucard:hover{border-color:#e3c489;filter:brightness(1.08)}
#shopsheet .shopcell .sc-n{min-height:2.8em;font-weight:500;color:#ecdfc5}
.market-meta{display:grid;gap:5px;text-align:center;font:400 15px/1.4 var(--font-ui);margin-bottom:4px}
.market-rarity{color:var(--market-rarity)}
.market-owned{color:#b3c7d6;font-variant-numeric:tabular-nums}
#shopsheet .si-b{display:flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:9px;flex-wrap:wrap;font-size:15px}
#shopsheet .shopcell .si-b{width:100%}
.market-buy-label{font-size:15px;color:#e9ddc3}
.market-missing{display:block;text-align:center;color:#bea992;font-size:15px;line-height:1.4;margin-top:0}
.market-missing[hidden],.market-status[hidden],#market-retry[hidden]{display:none!important}
#shopsheet .shopcell .market-missing{min-height:2.8em}
#shopsheet .shopcell .market-missing[hidden]{display:block!important;visibility:hidden}
.market-status{display:flex;align-items:center;gap:14px;margin:18px 0;padding:16px;border:1px solid #ad93616e;border-radius:5px;background:#0d2335}
.market-status-icon{width:34px;height:38px;flex:0 0 34px;object-fit:contain}
.market-status-copy{flex:1;min-width:0;font:400 15px/1.5 var(--font-ui);color:#b3c9d8}
.market-status strong{display:block;font-size:15px;font-weight:500;color:#ecd6a5}
.market-status p{margin:5px 0 0}
.market-status[data-state="complete"]{border-color:#719d8577}
.market-status[data-state="complete"] strong{color:#b9d8c4}
#market-retry{flex:0 0 auto;min-height:42px;padding:10px 16px;border:1px solid #ac986e88;border-radius:4px;background:#2d4557;color:#eedfbd;font:500 15px/1.4 var(--font-ui);cursor:pointer}
#shopsheet .market-delivery{margin-top:6px;color:#aabfce;font:400 15px/1.5 var(--font-ui)}
#shopsheet .shopit{display:grid;grid-template-columns:46px minmax(0,1fr) 145px;gap:4px 16px;align-items:center}
#shopsheet .shopit .si-ic{grid-column:1;grid-row:1/3}
#shopsheet .shopit .si-n{grid-column:2;grid-row:1/3;min-width:0}
#shopsheet .shopit .si-n{white-space:normal;overflow:visible;text-overflow:clip}
#shopsheet .shopit .si-b{grid-column:3;grid-row:1}
#shopsheet .shopit .market-missing{grid-column:3;grid-row:2}
@media(max-width:650px){
 #shopsheet .market-header{align-items:start;flex-direction:column;gap:12px}
 #shopsheet .market-header h2{font-size:26px}
 #shopsheet .market-header .shopbal2{font-size:15px;padding:6px 10px}
 #shopsheet .market-hint{font-size:15px;margin-bottom:16px;text-align:left}
 #shopsheet .market-status{gap:10px;padding:12px;flex-wrap:wrap;margin:12px 0}
 #shopsheet .market-status-icon{width:26px;height:30px;flex-basis:26px}
 #shopsheet .market-status strong{font-size:15px}
 #shopsheet #market-retry{width:100%}
 #shopsheet .shopit{grid-template-columns:36px minmax(0,1fr);padding:12px;gap:8px 12px}
 #shopsheet .shopit .si-ic{width:36px;height:36px;grid-row:1}
 #shopsheet .shopit .si-n{grid-row:1;font-size:15px}
 #shopsheet .shopit .si-b{grid-column:2;grid-row:2}
 #shopsheet .shopit .market-missing{grid-column:2;grid-row:3}
}