/* Open inventory: selection on the left, equipped appearance on the right. */
#customization-page{width:min(1400px,96vw);height:86dvh;max-width:96vw;max-height:92dvh;margin:auto;padding:22px;box-sizing:border-box;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff5df;font-family:'Barlow Condensed',sans-serif;text-align:left;overflow:auto;grid-template-columns:160px minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:28px}
#customization-page[open]{display:grid}#customization-page:not([open]),#customization-page [hidden]{display:none!important}
#customization-page::backdrop{background:#191c2338;backdrop-filter:blur(12px)}
.inventory-heading{grid-column:1/3;margin:0;font-size:clamp(30px,3vw,46px);text-transform:uppercase}
.inventory-sidebar{grid-column:1;grid-row:2;display:flex;flex-direction:column;border-right:1px solid #fff5df30;padding-right:16px}
.inventory-categories{display:grid;gap:14px}
#customization-page button{font-family:inherit;font-weight:600;text-transform:uppercase;color:#fff5df;background:transparent;border:0;border-radius:2px;box-shadow:none;cursor:pointer;transition:background-color .16s,color .16s}
#customization-page button:hover{background:#fff5df20}#customization-page button[aria-pressed=true]{background:#fff5df;color:#151922}
#customization-page button:focus-visible{outline:2px solid #fff5df;outline-offset:3px}
.inventory-categories button{text-align:left;padding:14px 16px;font-size:22px}
#customization-page .inventory-return{margin-top:auto;align-self:start;padding:12px 26px;font-size:21px;background:#fff5df;color:#151922}
#customization-page .inventory-return:hover{background:#e52b3f;color:white}
.inventory-content{grid-column:2;grid-row:2;min-width:0;overflow-y:auto}
.inventory-slots{display:flex;gap:8px;padding-bottom:10px;border-bottom:1px solid #fff5df30}
.inventory-slots button{flex:1;padding:12px 6px;font-size:19px}
.inventory-category-title{font-size:25px;margin:0 0 12px;text-transform:uppercase}
.inventory-rarities{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 26px}
#customization-page .inventory-rarities button{padding:9px 12px;font-size:15px;background:#fff5df12}#customization-page .inventory-rarities button[aria-pressed=true]{background:#fff5df}
.inventory-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}
#customization-page .cosmetic-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:130px;padding:14px;background:#191c2344;color:#fff5df}
#customization-page .cosmetic-item[aria-pressed=true]{outline:2px solid #fff5df;outline-offset:-2px;background:#191c2355}
.cosmetic-item img{max-width:100%;object-fit:contain}.cosmetic-banner{width:100%;aspect-ratio:4/1}.cosmetic-border{width:64px;height:64px}.cosmetic-item strong{font-size:18px}
.inventory-empty{font-size:18px}
.inventory-preview{grid-column:3;grid-row:1/3;min-width:0;border-left:1px solid #fff5df30;display:flex;align-items:center;justify-content:center;padding-left:24px}
.inventory-profile.hud-card{margin:0;border:0;border-radius:0;box-shadow:none;flex-shrink:0}
.inventory-token{width:100%;max-width:520px;height:auto;object-fit:contain}.inventory-map{width:100%;border-radius:2px}.inventory-preview-empty{font-size:20px;color:#fff5df99}
#customization-page.is-leaving{animation:modes-leave .22s ease-in forwards}
@media(max-width:1000px){#customization-page{grid-template-columns:120px minmax(0,1fr) minmax(0,.85fr);gap:16px;padding:16px}.inventory-categories button{font-size:18px;padding:14px 8px}.inventory-preview{padding-left:12px}.inventory-slots button{font-size:16px}.inventory-rarities{gap:5px}#customization-page .inventory-rarities button{padding:7px;font-size:14px}.inventory-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#customization-page{grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:14px}.inventory-heading{grid-column:1/-1}.inventory-sidebar{grid-row:2/4}.inventory-preview{grid-column:2;grid-row:2;border:0;padding:0;min-height:90px}.inventory-content{grid-column:2;grid-row:3}.inventory-token{width:160px;max-height:150px}.inventory-map{max-height:120px;object-fit:cover}.inventory-slots{flex-wrap:wrap}.inventory-slots button{flex:1 1 65px}.inventory-categories button{font-size:16px;padding:12px 5px}#customization-page .inventory-return{padding:10px;font-size:18px}.inventory-gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}

#customization-page .cosmetic-item[aria-pressed=true],#customization-page .cosmetic-item strong { color:#fff5df; }

/* Face the inventory with the same inward orientation as the menu mascot. */
.inventory-token { transform:scaleX(-1); }

.cosmetic-skin { width:110px; height:110px; object-fit:contain; transform:scaleX(-1); }

/* Item proportions follow the content instead of a single gallery layout. */
.inventory-gallery[data-layout="banners"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.inventory-gallery[data-layout="skins"] { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
#customization-page .inventory-gallery[data-layout="banners"] .cosmetic-item { min-width:0; padding:10px; }
.inventory-gallery[data-layout="banners"] .cosmetic-banner { width:100%; height:auto; aspect-ratio:4/1; }
#customization-page .inventory-gallery[data-layout="skins"] .cosmetic-item { min-width:0; min-height:0; padding:8px; gap:8px; }
.cosmetic-skin-frame { position:relative; display:block; width:100%; aspect-ratio:1; overflow:hidden; }
.cosmetic-skin-frame .cosmetic-skin { position:absolute; width:160%; max-width:none; height:160%; left:-31%; top:-15%; object-fit:contain; }
.inventory-gallery[data-layout="skins"] .cosmetic-item strong { font-size:clamp(12px,1.3vw,18px); overflow-wrap:anywhere; }

#customization-page .cosmetic-item.cosmetic-locked { cursor:not-allowed; opacity:1; background:#191c2344; }
.cosmetic-locked .cosmetic-banner { opacity:.7; }
.cosmetic-lock { position:absolute; top:6px; right:6px; display:grid; place-items:center; width:28px; height:28px; border-radius:4px; background:#151922dd; color:#fff5df; }