/* UP FOR GRABS — Collection / Shame Shelf visual pass
   Isolated to collection.php so other public layouts stay untouched. */

.collection-v3.shelf2{
  --s2-ink:#0b0b0d;
  --s2-paper:#fff3cf;
  --s2-paper-2:#fff9e7;
  --s2-acid:#e8ff1f;
  --s2-pink:#ff4fa3;
  --s2-cyan:#7eeeff;
  --s2-orange:#ff9c35;
  --s2-line:#2a2b32;
  width:min(1180px,calc(100% - 32px));
  margin:56px auto 76px;
  position:relative;
}

.shelf2 *{box-sizing:border-box}
.shelf2 a{text-decoration:none}

/* ---------- HERO ---------- */
.shelf2-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:38px;
  align-items:stretch;
  min-height:390px;
  padding:48px 50px 44px;
  color:var(--s2-ink);
  background:
    radial-gradient(circle at 8% 5%,rgba(255,255,255,.92),transparent 27%),
    linear-gradient(118deg,var(--s2-paper-2),var(--s2-paper));
  border:2px solid #101014;
  border-radius:18px;
  box-shadow:12px 12px 0 #030304;
  overflow:hidden;
}
.shelf2-hero:after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.12;
  pointer-events:none;
  background-image:repeating-linear-gradient(0deg,transparent 0 9px,rgba(10,10,12,.08) 9px 10px);
  mix-blend-mode:multiply;
}
.shelf2-hero-copy,.shelf2-casefile{position:relative;z-index:2}
.shelf2-hero-copy{align-self:center;max-width:760px}
.shelf2 .shelf2-kicker{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  margin-bottom:18px;
  color:#fff;
  background:#111116;
  border:1px solid #111116;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.12em;
  text-transform:uppercase;
  transform:rotate(-1deg);
}
.shelf2-hero h1{
  margin:0;
  max-width:820px;
  color:#09090b;
  font-size:clamp(58px,7.1vw,108px);
  line-height:.78;
  letter-spacing:-.065em;
  text-transform:uppercase;
}
.shelf2-hero p{
  margin:25px 0 0;
  max-width:690px;
  color:#3e3a32;
  font-size:17px;
  line-height:1.5;
  font-weight:650;
}
.shelf2-hero-link{
  display:inline-flex;
  margin-top:24px;
  padding:9px 12px;
  color:#09090b;
  background:var(--s2-acid);
  border:2px solid #09090b;
  box-shadow:4px 4px 0 #09090b;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:transform .15s ease,box-shadow .15s ease;
}
.shelf2-hero-link:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #09090b}

.shelf2-sticker{
  position:absolute;
  z-index:4;
  display:block;
  padding:8px 11px;
  border:2px solid #09090b;
  box-shadow:4px 4px 0 #09090b;
  color:#09090b;
  font-size:10px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.05em;
  text-transform:uppercase;
  white-space:nowrap;
}
.shelf2-sticker.pink{top:20px;right:322px;background:var(--s2-pink);transform:rotate(3deg)}
.shelf2-sticker.acid{right:26px;bottom:21px;background:var(--s2-acid);transform:rotate(-4deg)}
.shelf2-sticker.cyan{left:48%;bottom:22px;background:var(--s2-cyan);transform:rotate(2deg)}

.shelf2-casefile{
  align-self:center;
  justify-self:end;
  width:100%;
  padding:20px;
  background:#111116;
  color:#fff7dd;
  border:2px solid #111116;
  box-shadow:9px 9px 0 rgba(0,0,0,.2);
  transform:rotate(2.2deg);
}
.shelf2-casefile:before{
  content:"CASE FILE";
  display:inline-block;
  margin:-8px 0 18px -31px;
  padding:7px 12px;
  color:#0a0a0c;
  background:var(--s2-pink);
  border:2px solid #0a0a0c;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.12em;
}
.shelf2-casefile small,.shelf2-casefile span,.shelf2-casefile em{display:block}
.shelf2-casefile small{font-size:9px;font-weight:900;letter-spacing:.1em;color:#bab6ab}
.shelf2-casefile b{display:block;margin:10px 0 3px;font-size:46px;line-height:.9;letter-spacing:-.04em;color:var(--s2-acid)}
.shelf2-casefile .shelf2-casefile-money{font-size:32px}
.shelf2-casefile span{font-size:14px;font-weight:900}
.shelf2-casefile hr{border:0;border-top:1px dashed #77736b;margin:20px 0}
.shelf2-casefile em{font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em;color:#beb9ac}

/* ---------- STATS ---------- */
.shelf2-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:28px 0 18px;
}
.shelf2-stat{
  position:relative;
  min-height:110px;
  padding:19px 18px 15px;
  border:2px solid #2c2d34;
  border-radius:12px;
  background:#111216;
  overflow:hidden;
}
.shelf2-stat:before{content:"";position:absolute;left:0;top:0;width:100%;height:6px;background:var(--accent,var(--s2-acid))}
.shelf2-stat:nth-child(2){--accent:var(--s2-pink)}
.shelf2-stat:nth-child(3){--accent:var(--s2-cyan)}
.shelf2-stat:nth-child(4){--accent:var(--s2-orange)}
.shelf2-stat b{display:block;color:#fff8e7;font-size:31px;line-height:1;font-weight:1000;letter-spacing:-.04em}
.shelf2-stat span{display:block;margin-top:11px;color:#a8a8b2;font-size:9px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}

/* ---------- TOOLBAR / SHARE STRIPS ---------- */
.shelf2-panel{
  margin-top:14px;
  padding:20px;
  border:2px solid #2b2c32;
  border-radius:14px;
  background:#0f1014;
}
.shelf2 .inventory-toolbar.shelf2-panel{display:grid;grid-template-columns:minmax(240px,1fr) 2fr auto;gap:16px;align-items:end}
.shelf2 .inventory-search span,.shelf2-panel .eyebrow{color:#b7b7c2;font-size:9px;font-weight:1000;letter-spacing:.09em}
.shelf2 .inventory-search input{
  width:100%;height:47px;margin-top:7px;padding:0 14px;
  color:#fff;background:#151923;border:2px solid #303442;border-radius:9px;
  outline:none;font:inherit;
}
.shelf2 .inventory-search input:focus{border-color:var(--s2-acid);box-shadow:0 0 0 3px rgba(232,255,31,.09)}
.shelf2 .inventory-filters{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.shelf2 .inventory-filters button{
  min-height:34px;padding:6px 10px;color:#c9c9d0;background:#151923;border:1px solid #373a46;border-radius:999px;
  font-size:9px;font-weight:1000;letter-spacing:.05em;cursor:pointer;
}
.shelf2 .inventory-filters button.active{color:#09090b;background:var(--s2-acid);border-color:var(--s2-acid)}
.shelf2 .inventory-filters small{opacity:.72}
.shelf2 .inventory-visible{align-self:center;color:#85858f;font-size:9px;font-weight:900;white-space:nowrap}

.shelf2-utility,.shelf2-public-tools{
  display:flex;justify-content:space-between;gap:18px;align-items:center;
  margin-top:14px;padding:17px 19px;border:2px dashed #3c3d46;border-radius:12px;background:#0c0d10;
}
.shelf2-utility code,.shelf2-public-tools code{display:block;margin-top:5px;color:#8f909a;font-size:10px;word-break:break-all}
.shelf2-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.shelf2-referral-utility{display:grid;grid-template-columns:220px minmax(0,1fr) auto}
.shelf2-jar{padding:15px;color:#111;background:var(--s2-acid);border:2px solid #111;border-radius:8px;box-shadow:5px 5px 0 #000}
.shelf2-jar .eyebrow{color:#4e5515}.shelf2-jar b{display:block;margin:4px 0;font-size:34px;line-height:1}.shelf2-jar small,.shelf2-referral-copy small{display:block;font-size:8px;line-height:1.45}.shelf2-referral-copy{min-width:0}.shelf2-referral-copy small{color:#858d9b}
.shelf2 .btn.ghost,.shelf2 .btn.chaos-btn{font-size:10px;font-weight:1000;letter-spacing:.04em}
.shelf2-public-tools>div{min-width:0}
.shelf2-public-tools .owner-inline-login{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.shelf2-public-tools .owner-inline-login input{
  min-height:40px;padding:0 11px;background:#17181e;color:#fff;border:1px solid #393a44;border-radius:8px;
}

/* ---------- SHELF / ASSET GRID ---------- */
.shelf2-section-head{
  display:flex;justify-content:space-between;align-items:end;gap:18px;margin:46px 2px 16px;
}
.shelf2-section-head .eyebrow{display:block;color:#9c9ca6;font-size:10px;font-weight:1000;letter-spacing:.12em}
.shelf2-section-head h2{margin:5px 0 0;color:#fff8e8;font-size:clamp(32px,4vw,55px);line-height:.9;letter-spacing:-.045em;text-transform:uppercase}
.shelf2-section-head p{margin:0;max-width:420px;color:#95959f;font-size:12px;text-align:right}

.shelf2 .collection-asset-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:start;
}
.shelf2 .collection-asset{
  position:relative;
  background:var(--s2-paper-2);
  color:#101014;
  border:2px solid #101014;
  border-radius:9px;
  box-shadow:7px 7px 0 #050506;
  overflow:visible;
  transform:rotate(var(--card-tilt,-.45deg));
  transition:transform .16s ease,box-shadow .16s ease;
}
.shelf2 .collection-asset:nth-child(2n){--card-tilt:.55deg}
.shelf2 .collection-asset:nth-child(3n){--card-tilt:-.8deg}
.shelf2 .collection-asset:hover{transform:translateY(-4px) rotate(0);box-shadow:10px 12px 0 #050506}
.shelf2 .asset-tape{
  position:absolute;z-index:4;top:-12px;left:15px;padding:6px 9px;
  color:#09090b;background:var(--s2-pink);border:1px solid #09090b;
  font-size:9px;font-weight:1000;letter-spacing:.07em;transform:rotate(-2deg)
}
.shelf2 .asset-visual{
  position:relative;display:flex;align-items:center;justify-content:center;min-height:215px;
  margin:13px 13px 0;background:#111216;border:2px solid #111216;overflow:hidden;
}
.shelf2 .asset-visual img{display:block;width:100%;height:230px;object-fit:cover}
.shelf2 .asset-glyph{font-size:66px;filter:grayscale(.1)}
.shelf2 .collection-swatch{display:block;width:100%;height:215px}
.shelf2 .asset-visual .rarity-pill{position:absolute;right:9px;bottom:9px}
.shelf2 .asset-body{padding:16px 17px 18px}
.shelf2 .asset-body>small{font-size:9px;font-weight:1000;letter-spacing:.1em;color:#706b60}
.shelf2 .asset-body h2{margin:5px 0 8px;font-size:25px;line-height:.95;letter-spacing:-.035em;text-transform:uppercase}
.shelf2 .asset-body h2 a{color:#101014}
.shelf2 .asset-body p{margin:10px 0;color:#4d493f;font-size:13px;line-height:1.4}
.shelf2 .asset-body>span{display:block;margin-top:12px;padding-top:10px;border-top:1px dashed #8f8878;color:#6c675d;font-size:9px;font-weight:900;letter-spacing:.06em}
.shelf2 .inventory-card-actions{display:flex;gap:7px;margin-top:14px}
.shelf2 .inventory-card-actions a{flex:1;padding:8px 9px;text-align:center;border:1px solid #111;color:#111;font-size:9px;font-weight:1000}
.shelf2 .inventory-card-actions a.primary{background:#111;color:#fff}

/* ---------- EMPTY SHELF ---------- */
.shelf2-empty{
  grid-column:1/-1;
  position:relative;
  min-height:370px;
  padding:48px 48px 44px;
  color:#111116;
  background:linear-gradient(120deg,#fff8e5,#ffefc5);
  border:2px solid #111116;
  border-radius:16px;
  box-shadow:10px 10px 0 #050506;
  overflow:hidden;
}
.shelf2-empty:before,.shelf2-empty:after{
  content:"";position:absolute;left:42px;right:42px;height:14px;background:#16171b;border:2px solid #050506;box-shadow:0 7px 0 rgba(0,0,0,.17)
}
.shelf2-empty:before{bottom:112px}.shelf2-empty:after{bottom:50px}
.shelf2-empty-copy{position:relative;z-index:3;max-width:630px}
.shelf2-empty small{display:inline-block;padding:6px 8px;color:#fff;background:#111;font-size:9px;font-weight:1000;letter-spacing:.1em}
.shelf2-empty b{display:block;margin:16px 0 9px;font-size:clamp(35px,5vw,62px);line-height:.88;letter-spacing:-.05em;text-transform:uppercase}
.shelf2-empty p{margin:0 0 19px;max-width:530px;color:#514c41;font-size:14px;line-height:1.45}
.shelf2-empty a{display:inline-block;padding:11px 13px;color:#0b0b0d;background:var(--s2-acid);border:2px solid #0b0b0d;box-shadow:4px 4px 0 #0b0b0d;font-size:10px;font-weight:1000;letter-spacing:.05em}
.shelf2-empty-tags{position:absolute;right:42px;top:41px;width:250px;height:155px;z-index:2}
.shelf2-empty-tags i{position:absolute;display:grid;place-items:center;width:96px;height:116px;border:2px dashed #111;background:#fffaf0;color:#111;font-style:normal;font-size:10px;font-weight:1000;text-align:center;line-height:1.15}
.shelf2-empty-tags i:nth-child(1){left:0;top:18px;transform:rotate(-7deg)}
.shelf2-empty-tags i:nth-child(2){left:77px;top:0;background:var(--s2-pink);transform:rotate(5deg)}
.shelf2-empty-tags i:nth-child(3){right:0;top:24px;background:var(--s2-cyan);transform:rotate(-2deg)}

/* ---------- RESPONSIVE ---------- */
@media(max-width:980px){
  .shelf2-hero{grid-template-columns:1fr 250px;padding:40px 34px;gap:24px}
  .shelf2-hero h1{font-size:clamp(52px,9vw,80px)}
  .shelf2-sticker.pink{right:265px}
  .shelf2 .collection-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shelf2 .inventory-toolbar.shelf2-panel{grid-template-columns:1fr}
  .shelf2 .inventory-visible{justify-self:end}
}
@media(max-width:720px){
  .collection-v3.shelf2{width:min(100% - 20px,1180px);margin-top:28px}
  .shelf2-hero{display:block;min-height:0;padding:31px 23px 96px;border-radius:14px;box-shadow:7px 7px 0 #030304}
  .shelf2-hero h1{font-size:clamp(48px,16vw,72px);line-height:.8}
  .shelf2-hero p{font-size:14px;margin-top:19px}
  .shelf2-casefile{width:min(290px,92%);margin:34px 0 0;justify-self:auto;transform:rotate(1deg)}
  .shelf2-sticker.pink{top:auto;right:17px;bottom:56px}
  .shelf2-sticker.acid{right:18px;bottom:18px}
  .shelf2-sticker.cyan{display:none}
  .shelf2-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .shelf2-stat{min-height:94px;padding:17px 14px}
  .shelf2-stat b{font-size:27px}
  .shelf2-utility,.shelf2-public-tools{align-items:flex-start;flex-direction:column}
  .shelf2-referral-utility{display:grid;grid-template-columns:1fr}
  .shelf2-public-tools .owner-inline-login{justify-content:flex-start}
  .shelf2-section-head{display:block}
  .shelf2-section-head p{margin-top:9px;text-align:left}
  .shelf2 .collection-asset-grid{grid-template-columns:1fr}
  .shelf2-empty{min-height:430px;padding:30px 25px 190px}
  .shelf2-empty-tags{top:auto;left:25px;right:auto;bottom:92px}
  .shelf2-empty:before,.shelf2-empty:after{left:22px;right:22px}
}

/* Keep public Shelf copy clear of the decorative shelf bars. */
.shelf2-empty{min-height:430px;padding-bottom:158px}
.shelf2-empty:before{bottom:82px}
.shelf2-empty:after{bottom:24px}
.shelf2-empty-copy{max-width:min(630px,calc(100% - 290px))}
.shelf2-empty b{font-size:clamp(32px,4.4vw,54px);line-height:.92}
@media(max-width:720px){.shelf2-empty{min-height:0;padding:30px 24px 132px}.shelf2-empty-copy{max-width:none}.shelf2-empty:before{left:24px;right:24px;bottom:70px}.shelf2-empty:after{left:24px;right:24px;bottom:22px}.shelf2-empty b{font-size:clamp(31px,10vw,48px)}}

/* ---------- PRIVATE MY STUFF INVENTORY WORKSPACE ---------- */
.collection-v3.shelf2.inventory-v4{
  width:min(94vw,1920px);
  max-width:none;
  margin:30px auto 76px;
}
.inventory-workspace{
  display:grid;
  grid-template-columns:clamp(320px,20vw,380px) minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.inventory-profile{
  position:sticky;
  top:92px;
  padding:26px;
  color:#101014;
  background:linear-gradient(145deg,#fff9e7,#ffedbd);
  border:2px solid #111216;
  border-radius:16px;
  box-shadow:8px 8px 0 #050506;
  overflow:hidden;
}
.inventory-profile:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.13;
  background:repeating-linear-gradient(0deg,transparent 0 10px,rgba(10,10,12,.08) 10px 11px);
}
.inventory-profile>*{position:relative;z-index:1}
.inventory-profile-head>span,.inventory-heading span,.inventory-controls label>span{
  display:block;
  color:#545046;
  font-size:12px;
  line-height:1.2;
  font-weight:1000;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.inventory-profile-head h1{
  margin:8px 0 4px;
  color:#0b0b0d;
  font-size:clamp(48px,4vw,70px);
  line-height:.82;
  letter-spacing:-.06em;
}
.inventory-profile-head>b{display:block;font-size:20px;word-break:break-word}
.inventory-profile-head>small{
  display:inline-block;
  margin-top:14px;
  padding:6px 8px;
  color:#09090b;
  background:var(--s2-cyan);
  border:1px solid #09090b;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.04em;
}
.inventory-profile-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:24px 0 18px;
}
.inventory-profile-stats>div{min-width:0;padding:13px 12px;background:#111216;color:#fff8e8;border-radius:8px}
.inventory-profile-stats>div:nth-child(2){background:#2a1630}
.inventory-profile-stats>div:nth-child(3){background:#183133}
.inventory-profile-stats>div:nth-child(4){color:#111;background:var(--s2-acid)}
.inventory-profile-stats dt{font-size:10px;line-height:1.25;font-weight:1000;letter-spacing:.06em;color:#aaa8a1}
.inventory-profile-stats>div:nth-child(4) dt{color:#4d5318}
.inventory-profile-stats dd{margin:7px 0 0;font-size:25px;line-height:1;font-weight:1000;letter-spacing:-.035em;overflow-wrap:anywhere}
.inventory-profile-stats dd small{display:block;margin-top:4px;font-size:9px;letter-spacing:.07em}
.inventory-profile-details>summary{display:none}
.inventory-profile-details:not([open])>*:not(summary){display:block}
.inventory-trading-state{padding:13px 14px;border:2px solid #17171b;background:#fffaf0}
.inventory-trading-state span,.inventory-referral-note b{display:block;font-size:10px;font-weight:1000;letter-spacing:.08em;color:#6c665b}
.inventory-trading-state b{display:block;margin-top:4px;font-size:14px}
.inventory-trading-state small{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:#58544d}
.inventory-profile-actions{display:grid;gap:7px;margin-top:16px}
.inventory-profile-actions a,.inventory-profile-actions button,.inventory-logout button{
  width:100%;
  min-height:43px;
  padding:10px 12px;
  color:#111216;
  background:#fffaf0;
  border:2px solid #111216;
  border-radius:0;
  text-align:left;
  font:1000 13px/1.2 inherit;
  letter-spacing:.035em;
  cursor:pointer;
}
.inventory-profile-actions a:first-child{background:var(--s2-acid)}
.inventory-profile-actions button{background:var(--s2-pink)}
.inventory-profile-actions a:hover,.inventory-profile-actions button:hover{transform:translateX(3px)}
.inventory-referral-url{display:block;margin-top:10px;color:#5c574e;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.inventory-referral-note{margin:12px 0 0;color:#4d493f;font-size:12px;line-height:1.45}
.inventory-logout{margin-top:14px}
.inventory-logout button{color:#fff;background:#111216;text-align:center}
.inventory-profile-sticker{display:block;width:max-content;max-width:100%;margin:18px auto -4px;padding:6px 8px;color:#111;background:var(--s2-pink);border:1px solid #111;font-size:9px;font-weight:1000;transform:rotate(-1.5deg)}

.credit-status-card{
  grid-column:1/-1;
  margin:0 0 16px;
  padding:14px;
  color:#f9f1dc;
  background:radial-gradient(circle at 18% 8%,rgba(119,232,242,.18),transparent 42%),linear-gradient(145deg,#171921,#090a0e);
  border:2px solid #111216;
  border-radius:12px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),4px 4px 0 rgba(0,0,0,.24);
}
.credit-status-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #3b3d46;padding-bottom:9px}
.credit-status-card header span,.credit-badge-heading span{color:var(--s2-cyan);font-size:8px;font-weight:1000;letter-spacing:.1em}
.credit-status-card header b{color:var(--s2-acid);font-size:12px;line-height:1;text-align:right}
.credit-status-hero{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:8px;min-height:92px}
.credit-status-hero>img{display:block;width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.55))}
.credit-status-hero small,.credit-status-hero em{display:block;color:#9fa0a9;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.06em;line-height:1.3}
.credit-status-hero strong{display:block;margin:4px 0;color:#fff;font-size:24px;line-height:1;letter-spacing:-.04em}
.credit-status-progress{height:8px;overflow:hidden;background:#30323b;border:1px solid #07080a;border-radius:999px}
.credit-status-progress i{display:block;width:var(--credit-progress);height:100%;background:linear-gradient(90deg,var(--s2-cyan),var(--s2-acid));box-shadow:0 0 14px rgba(232,255,31,.6)}
.credit-status-next{margin:5px 0 10px;color:#a7a8b0;font-size:8px;font-weight:900;letter-spacing:.05em}.credit-status-next b{color:#fff}
.credit-tier-rail,.credit-badge-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}
.credit-tier-rail>span,.credit-badge-rail>span{position:relative;display:grid;grid-template-rows:38px auto;place-items:center;min-width:0;padding:3px 2px;color:#d6d6db;background:#20222a;border:1px solid #3c3f49;border-radius:5px}
.credit-tier-rail img,.credit-badge-rail img{display:block;width:100%;height:36px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.5))}
.credit-tier-rail small,.credit-badge-rail small{display:block;max-width:100%;overflow:hidden;font-size:5px;font-weight:1000;line-height:1;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.credit-tier-rail .is-locked,.credit-badge-rail .is-locked{filter:grayscale(1);opacity:.28}
.credit-tier-rail .is-current,.credit-badge-rail .is-current{border-color:var(--s2-acid);box-shadow:0 0 0 1px var(--s2-acid),0 0 12px rgba(232,255,31,.22)}
.credit-badge-heading{display:flex;justify-content:space-between;gap:8px;margin:12px 0 6px}.credit-badge-heading b{color:#fff;font-size:8px;text-align:right}
.credit-badge-rail>span{grid-template-rows:42px auto;min-height:57px}.credit-badge-rail img{height:40px}.credit-badge-rail small{white-space:normal;line-height:1.05}
.credit-badge-rail .credit-collect-badge.is-unlocked{border-color:var(--s2-pink)}
.credit-status-rule{display:block;margin-top:10px;color:#777984;font-size:6px;font-weight:900;letter-spacing:.06em;line-height:1.35}
.public-inventory-profile .inventory-profile-stats>div:nth-child(3){background:#183133}.public-inventory-profile .inventory-profile-stats>div:nth-child(4){color:#111;background:var(--s2-acid)}.public-inventory-profile .inventory-profile-stats>div:nth-child(4) dt{color:#4d5318}
.public-credit-status-card{margin-top:2px}.public-credit-status-card .credit-status-hero strong{font-size:18px;line-height:1.05}.public-achievement-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:11px 0 6px;padding-top:9px;border-top:1px solid #343640}.public-achievement-heading span{color:var(--s2-cyan);font-size:8px;font-weight:1000;letter-spacing:.09em}.public-achievement-heading b{color:#fff;font-size:9px}.public-achievement-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.public-achievement-rail>span{display:grid;grid-template-rows:50px auto;place-items:center;min-width:0;padding:5px 3px;color:#dddde2;background:#20222a;border:1px solid #3c3f49;border-radius:6px}.public-achievement-rail>span.is-current{border-color:var(--s2-acid);box-shadow:0 0 0 1px var(--s2-acid),0 0 12px rgba(232,255,31,.22)}.public-achievement-rail img{display:block;width:100%;height:48px;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.52))}.public-achievement-rail small{display:block;max-width:100%;overflow:hidden;font-size:6px;font-weight:1000;line-height:1.05;text-align:center;text-overflow:ellipsis}.public-badge-achievements>span:first-child{border-color:var(--s2-pink)}.public-no-achievements{margin:0;padding:9px;color:#a6a7af;background:#20222a;border:1px dashed #454853;font-size:8px;font-weight:900;letter-spacing:.05em}.public-inventory-return{display:grid;place-items:center;min-height:43px;margin-top:12px;padding:9px 11px;color:#111;background:var(--s2-acid);border:2px solid #111;font-size:11px;font-weight:1000;text-align:center}.public-inventory-return:hover{color:#111;transform:translateY(-2px)}

body.credit-unlock-open{overflow:hidden}
.credit-unlock-overlay[hidden]{display:none}
.credit-unlock-overlay{--s2-acid:#e8ff1f;--s2-pink:#ff4fa3;--s2-cyan:#7eeeff;position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(2,3,6,.9);opacity:0;transition:opacity .2s ease}
.credit-unlock-overlay.is-active{opacity:1}
.credit-unlock-burst{position:absolute;width:min(92vw,740px);aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(232,255,31,.38) 0 3deg,transparent 3deg 13deg);mask-image:radial-gradient(circle,transparent 0 18%,#000 19% 52%,transparent 70%);animation:credit-burst-spin 12s linear infinite}
.credit-unlock-dialog{position:relative;width:min(94vw,520px);padding:28px 28px 24px;color:#fff8e8;background:radial-gradient(circle at 50% 20%,#33254f,#11131b 58%,#07080c);border:2px solid var(--s2-acid);box-shadow:12px 12px 0 #000,0 0 70px rgba(232,255,31,.22);text-align:center;overflow:hidden}
.credit-unlock-dialog>span{display:inline-block;padding:6px 9px;color:#111;background:var(--s2-cyan);font-size:10px;font-weight:1000;letter-spacing:.1em;transform:rotate(-1deg)}
.credit-unlock-visual{position:relative;height:min(52vw,290px);max-height:290px;margin:2px auto -4px}
.credit-unlock-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.credit-unlock-effect{opacity:.75;mix-blend-mode:screen;animation:credit-effect-pulse 1.4s ease-in-out infinite}
.credit-unlock-reward{filter:drop-shadow(0 16px 12px rgba(0,0,0,.55));transform:scale(.2);opacity:0}
.credit-unlock-overlay.is-popping .credit-unlock-reward{animation:credit-reward-pop .72s cubic-bezier(.16,1.5,.42,1) forwards}
.credit-unlock-dialog h2{margin:0;color:var(--s2-acid);font-size:clamp(31px,7vw,54px);line-height:.86;letter-spacing:-.055em;text-transform:uppercase}.credit-unlock-dialog p{max-width:390px;margin:13px auto 18px;color:#c5c5cc;font-size:14px;line-height:1.45}
.credit-unlock-next,.credit-unlock-skip{min-height:44px;padding:10px 14px;border:2px solid #111;font:1000 12px/1 inherit;cursor:pointer}.credit-unlock-next{color:#111;background:var(--s2-acid);box-shadow:4px 4px 0 #000}.credit-unlock-skip{position:absolute;z-index:2;top:10px;right:10px;min-height:32px;padding:6px 8px;color:#fff;background:#171922;border-color:#494c59;font-size:9px}
@keyframes credit-reward-pop{0%{transform:scale(.18) rotate(-16deg);opacity:0}58%{transform:scale(1.14) rotate(4deg);opacity:1}78%{transform:scale(.94) rotate(-2deg);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes credit-effect-pulse{50%{transform:scale(1.08) rotate(3deg);opacity:1}}
@keyframes credit-burst-spin{to{transform:rotate(1turn)}}

.inventory-main{
  min-width:0;
  padding:28px;
  color:#fff8e8;
  background:
    radial-gradient(circle at 90% 0,rgba(232,255,31,.1),transparent 24rem),
    linear-gradient(160deg,#111218,#090a0d 75%);
  border:2px solid #2b2d36;
  border-radius:16px;
  box-shadow:8px 8px 0 #050506;
}
.inventory-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;padding-bottom:20px;border-bottom:1px solid #343640}
.inventory-heading span{color:var(--s2-acid)}
.inventory-heading h2{margin:4px 0 0;font-size:clamp(43px,5vw,78px);line-height:.85;letter-spacing:-.055em;text-transform:uppercase}
.inventory-heading p{margin:11px 0 0;color:#a8a8b1;font-size:16px}
.inventory-heading strong{padding:8px 10px;color:#111;background:var(--s2-cyan);border:2px solid #111;font-size:12px;white-space:nowrap;transform:rotate(1deg)}
.inventory-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:8px;align-items:end;margin-top:20px}
.inventory-controls label>span{color:#aaaab4}
.inventory-controls input{
  width:100%;
  min-height:50px;
  margin-top:7px;
  padding:0 15px;
  color:#fff;
  background:#181a21;
  border:2px solid #3a3d48;
  border-radius:8px;
  font-size:16px;
  outline:none;
}
.inventory-controls input:focus{border-color:var(--s2-acid);box-shadow:0 0 0 3px rgba(232,255,31,.1)}
.inventory-search-submit,.inventory-search-clear{
  display:grid;
  place-items:center;
  min-height:50px;
  padding:0 17px;
  color:#111;
  background:var(--s2-acid);
  border:2px solid var(--s2-acid);
  border-radius:8px;
  font:1000 14px/1 inherit;
  cursor:pointer;
}
.inventory-search-clear{color:#fff;background:transparent;border-color:#4a4c57}
.inventory-filters{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 22px}
.inventory-filters a{display:flex;gap:6px;align-items:center;min-height:38px;padding:8px 12px;color:#d2d2d8;background:#1a1c23;border:1px solid #3b3d48;border-radius:999px;font-size:13px;font-weight:1000}
.inventory-filters a.active{color:#111;background:var(--s2-acid);border-color:var(--s2-acid)}
.inventory-filters small{font-size:11px;opacity:.7}
.inventory-grid.inventory-slot-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:8px;align-items:stretch}
.inventory-slot-grid .inventory-card,.inventory-slot{position:relative;min-width:0;aspect-ratio:1;border:1px solid #39485a;border-radius:7px}
.inventory-slot-grid .inventory-card{z-index:0;color:#fff;background:#10131a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 2px 4px rgba(0,0,0,.28);overflow:visible;isolation:isolate}
.inventory-slot-grid .inventory-card:hover,.inventory-slot-grid .inventory-card:focus-within{z-index:4;border-color:#90b8dc;box-shadow:0 0 0 2px rgba(98,201,247,.18),0 5px 12px rgba(0,0,0,.4)}
.inventory-slot{display:grid;place-items:center;overflow:hidden;color:#7990a9;background:linear-gradient(140deg,rgba(34,43,54,.92),rgba(13,17,23,.98));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);pointer-events:none}
.inventory-slot:before{content:"";position:absolute;inset:0;opacity:.45;background:linear-gradient(135deg,transparent 49%,rgba(148,174,204,.055) 50%,transparent 51%),linear-gradient(45deg,transparent 49%,rgba(148,174,204,.035) 50%,transparent 51%);background-size:13px 13px}
.inventory-slot>span{position:relative;z-index:1;font-size:clamp(21px,1.9vw,30px);font-weight:700;line-height:1;text-shadow:0 1px 0 #06080b}
.inventory-card-visual{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;min-height:0;margin:0;background:#0e1116;border:0;border-radius:6px;overflow:hidden}
.inventory-card-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 32%,rgba(0,0,0,.76))}
.inventory-card-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .16s ease}
.inventory-slot-grid .inventory-pack-wrapper{padding:4px;object-fit:contain;background:radial-gradient(circle,#202b39,#090b0f 70%)}
.inventory-slot-grid .inventory-card:hover .inventory-card-visual img{transform:scale(1.045)}
.inventory-card-visual .collection-swatch,.inventory-card-visual .tile-mini-world{display:block;width:100%;height:100%}
.inventory-card-visual .asset-glyph{position:relative;z-index:1;font-size:clamp(21px,2.4vw,42px)}
.inventory-card-visual .inventory-voxel{transform:scale(.46) rotate(18deg) skew(-5deg)}
.inventory-card-visual .rarity-pill{position:absolute;z-index:2;right:5px;top:5px;bottom:auto;width:8px;height:8px;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:999px;font-size:0;box-shadow:0 1px 2px rgba(0,0,0,.65)}
.inventory-card-body{position:absolute;z-index:2;inset:0;padding:0;pointer-events:none}
.inventory-card-type{position:absolute;top:5px;left:5px;right:22px;display:block;min-width:0;color:#fff;font-size:6px;font-weight:1000;letter-spacing:.05em;line-height:1}
.inventory-card-type span{display:inline-block;max-width:100%;padding:3px 4px;overflow:hidden;color:#fff;background:rgba(9,11,15,.84);border:1px solid rgba(255,255,255,.34);border-radius:3px;text-overflow:ellipsis;white-space:nowrap}
.inventory-card-type em{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.inventory-card-body h3{position:absolute;right:31px;bottom:6px;left:6px;display:-webkit-box;overflow:hidden;margin:0;color:#fff;font-size:clamp(10px,.76vw,14px);font-style:normal;font-weight:1000;line-height:.94;letter-spacing:-.035em;text-transform:uppercase;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;pointer-events:auto}
.inventory-card-body h3 a{color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.7)}
.inventory-slot-grid .inventory-card-public .inventory-card-body h3{right:6px}
.inventory-card-body p,.inventory-card-body>small{display:none}
.inventory-slot-grid .inventory-card-actions{position:absolute;right:5px;bottom:5px;display:block;margin:0;pointer-events:auto}
.inventory-slot-grid .inventory-card-actions>a.primary{display:none}
.inventory-slot-grid .inventory-card-actions summary{display:grid;place-items:center;width:24px;min-height:24px;height:24px;padding:0;color:transparent;background:var(--s2-acid);border:1px solid #111;border-radius:50%;font-size:0;cursor:pointer;list-style:none}
.inventory-slot-grid .inventory-card-actions summary:after{content:"\22EF";color:#111;font-size:17px;font-weight:1000;line-height:1;transform:translateY(-2px)}
.inventory-slot-grid .inventory-card-actions summary::-webkit-details-marker{display:none}
.inventory-slot-grid .inventory-card-actions summary:focus-visible{outline:3px solid var(--s2-cyan);outline-offset:2px}
.inventory-slot-grid .inventory-card-actions details{position:relative}
.inventory-slot-grid .inventory-card-actions details>div{position:absolute;z-index:8;right:0;bottom:calc(100% + 6px);top:auto;width:max-content;min-width:166px;padding:5px;background:#fffaf0;border:2px solid #111;box-shadow:4px 4px 0 #111}
.inventory-slot-grid .inventory-card-actions details:not([open])>div{display:none}
.inventory-slot-grid .inventory-card-actions details a{display:block;padding:10px;color:#111;font-size:11px;font-weight:1000}
.inventory-slot-grid .inventory-card-actions details a:hover,.inventory-slot-grid .inventory-card-actions details a:focus-visible{background:var(--s2-acid)}
.inventory-slot-message{display:flex;flex-wrap:wrap;align-items:center;gap:7px 11px;margin:-5px 0 14px;padding:10px 12px;color:#b9c0ca;background:rgba(36,46,58,.52);border:1px solid #344151;border-radius:8px;font-size:12px;line-height:1.35}
.inventory-slot-message b{color:#fff8e8;font-size:11px;letter-spacing:.04em}.inventory-slot-message a{padding:4px 6px;color:#111;background:var(--s2-acid);font-size:10px;font-weight:1000}
.inventory-card-binder{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 16px;align-items:center;margin:0 0 18px;padding:12px 14px;color:#f7f0d3;background:linear-gradient(108deg,rgba(49,88,72,.34),rgba(22,32,44,.72) 48%,rgba(61,31,76,.32));border:1px solid rgba(119,232,242,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),5px 5px 0 rgba(0,0,0,.34);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.inventory-card-binder:hover,.inventory-card-binder:focus-visible{color:#fff;transform:translate(-2px,-2px);border-color:var(--s2-acid);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),7px 7px 0 rgba(0,0,0,.44)}.inventory-card-binder-kicker{grid-column:1/-1;color:var(--s2-cyan);font-size:9px;font-weight:1000;letter-spacing:.1em}.inventory-card-binder>b{font-size:18px;line-height:1;font-weight:1000}.inventory-card-binder>strong{justify-self:end;color:var(--s2-acid);font-size:12px;letter-spacing:.04em}.inventory-card-binder>em{grid-column:1/-1;color:#111;background:var(--s2-acid);justify-self:start;padding:5px 7px;font-size:10px;font-style:normal;font-weight:1000}.inventory-card-binder.is-calibrating{border-style:dashed;opacity:.82}
.inventory-pagination.inventory-binder-pagination{display:grid;grid-template-columns:minmax(104px,1fr) minmax(330px,580px) minmax(104px,1fr);align-items:center;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid #343640}
.inventory-pagination .inventory-page-arrow{padding:10px 12px;color:#111;background:var(--s2-acid);border:1px solid #111;font-size:12px;font-weight:1000;white-space:nowrap}
.inventory-pagination .inventory-page-previous{justify-self:start}.inventory-pagination .inventory-page-next{justify-self:end}.inventory-page-spacer{min-height:1px}
.inventory-page-slider{display:grid;grid-template-columns:auto minmax(100px,1fr) auto auto;align-items:center;gap:8px;width:100%;margin:0}
.inventory-page-slider label{color:#aaaab4;font-size:10px;font-weight:1000;letter-spacing:.05em;white-space:nowrap}
.inventory-page-slider input[type="range"]{width:100%;min-width:0;margin:0;accent-color:var(--s2-acid);cursor:pointer}
.inventory-page-slider output{min-width:77px;color:#fff8e8;font-size:10px;font-weight:1000;letter-spacing:.03em;white-space:nowrap}
.inventory-page-slider button{min-height:33px;padding:0 10px;color:#111;background:var(--s2-acid);border:1px solid #111;font:1000 11px/1 inherit;cursor:pointer}

@media(max-width:1180px){
  .inventory-workspace{grid-template-columns:300px minmax(0,1fr);gap:16px}
  .inventory-profile{padding:21px}
  .inventory-main{padding:22px}
  .inventory-grid.inventory-slot-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
}
@media(max-width:900px){
  .collection-v3.shelf2.inventory-v4{width:min(96vw,760px);margin-top:22px}
  .inventory-workspace{grid-template-columns:1fr}
  .inventory-profile{position:static;display:grid;grid-template-columns:minmax(190px,.8fr) 1.2fr;gap:16px}
  .inventory-profile-stats{margin:0}
  .inventory-profile-details{grid-column:1/-1}
  .inventory-profile-details>summary{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:11px 13px;color:#111;background:var(--s2-acid);border:2px solid #111;font-size:13px;font-weight:1000;cursor:pointer;list-style:none}
  .inventory-profile-details>summary::-webkit-details-marker{display:none}
  .inventory-profile-details>summary span{font-size:20px;line-height:1}
  .inventory-profile-details:not([open])>*:not(summary){display:none}
  .inventory-profile-details[open]>summary span{transform:rotate(45deg)}
  .inventory-profile-details[open]>.inventory-trading-state{margin-top:10px}
  .inventory-profile-actions{grid-template-columns:1fr 1fr}
  .inventory-grid.inventory-slot-grid{grid-template-columns:repeat(10,minmax(0,1fr))}
}
@media(max-width:600px){
  .collection-v3.shelf2.inventory-v4{width:calc(100% - 16px);margin-top:14px}
  .inventory-profile,.inventory-main{padding:18px;border-radius:12px;box-shadow:5px 5px 0 #050506}
  .inventory-profile{display:block}
  .inventory-profile-stats{margin:21px 0 15px}
  .inventory-profile-actions{grid-template-columns:1fr}
  .inventory-heading{display:block}.inventory-heading strong{display:inline-block;margin-top:15px}
  .inventory-heading h2{font-size:clamp(40px,14vw,62px)}
  .inventory-controls{grid-template-columns:1fr 1fr}
  .inventory-controls label{grid-column:1/-1}
  .inventory-filters{gap:6px}.inventory-filters a{min-height:42px;padding:9px 11px}
  .inventory-card-binder{gap:6px 10px}.inventory-card-binder>b{font-size:16px}.inventory-card-binder>strong{font-size:10px}
  .inventory-grid.inventory-slot-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
  .inventory-card-body h3{right:28px;bottom:5px;font-size:11px}.inventory-card-type{top:4px;left:4px}.inventory-card-visual .rarity-pill{top:4px;right:4px}.inventory-slot-grid .inventory-card-actions{right:4px;bottom:4px}
  .inventory-pagination.inventory-binder-pagination{grid-template-columns:1fr 1fr;gap:10px}.inventory-page-slider{grid-column:1/-1;grid-row:1;grid-template-columns:auto minmax(70px,1fr) auto auto}.inventory-page-previous{grid-column:1;grid-row:2}.inventory-page-next{grid-column:2;grid-row:2}.inventory-page-spacer{grid-row:2}
}
@media(max-width:390px){.inventory-grid.inventory-slot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.inventory-card-body h3{right:27px;bottom:5px;font-size:10px}.inventory-slot-grid .inventory-card-actions summary{width:22px;min-height:22px;height:22px}.inventory-page-slider{grid-template-columns:1fr 1fr}.inventory-page-slider label{grid-column:1/-1}.inventory-page-slider input[type="range"]{grid-column:1/-1}.inventory-page-slider output{justify-self:start}.inventory-page-slider button{justify-self:end}}
@media(prefers-reduced-motion:reduce){.inventory-card-visual img{transition:none}.inventory-card:hover .inventory-card-visual img{transform:none}.credit-unlock-burst,.credit-unlock-effect,.credit-unlock-overlay.is-popping .credit-unlock-reward{animation:none}.credit-unlock-reward{transform:scale(1);opacity:1}}

/* Keep the private account summary and inventory evenly balanced on desktop. */
@media(min-width:901px){
  .inventory-workspace{--inventory-compact-panel-height:500px;grid-template-columns:clamp(280px,20vw,350px) minmax(0,1fr);gap:22px}
  .inventory-profile,.inventory-main{min-height:var(--inventory-compact-panel-height)}
}

/* Reuse the real physical binder component below the restored full-width inventory grid. */
.inventory-binder-after-grid{padding-top:32px;border-top:1px solid rgba(119,232,242,.18)}
.inventory-real-binder-preview{position:relative;width:min(100%,900px);margin:0 auto 46px}
.inventory-real-binder-viewport{position:relative;width:100%;aspect-ratio:1.84/1;overflow:hidden}
.inventory-real-binder-scale{position:absolute;inset:0;overflow:hidden}
.inventory-real-binder-scale .ufg-binder-root{width:333.333%;height:333.333%;transform:scale(.3);transform-origin:0 0;pointer-events:none}
.inventory-real-binder-scale .ufg-binder-stage{width:100%!important;height:100%!important;min-height:0}
.inventory-real-binder-scale .ufg-binder-root .binder{width:99%;height:97%;min-height:0}
.inventory-real-binder-link{position:absolute;z-index:20;inset:0;display:block;color:#111;cursor:pointer}
.inventory-real-binder-link>span{position:absolute;top:calc(100% + 10px);left:4px;padding:7px 9px;background:var(--s2-acid);font-size:10px;font-weight:1000;letter-spacing:.035em;box-shadow:3px 3px 0 rgba(0,0,0,.38);transition:transform .16s ease,background .16s ease}
.inventory-real-binder-link:hover>span,.inventory-real-binder-link:focus-visible>span{background:var(--s2-cyan);transform:translate(-2px,-2px)}
.inventory-real-binder-link:focus-visible{outline:3px solid var(--s2-cyan);outline-offset:4px}
@media(max-width:1180px){.inventory-binder-after-grid{padding-top:28px}.inventory-real-binder-preview{width:min(100%,720px);margin:0 auto 54px}}
@media(max-width:600px){.inventory-real-binder-preview{margin-bottom:48px}.inventory-real-binder-link>span{top:calc(100% + 8px)}}