#inventory-view{padding:24px clamp(12px,3vw,56px) 36px;max-width:1760px;margin:auto}
#inventory-view .section-heading{margin:0 0 8px}
#inventory-view .section-heading .eyebrow{display:none}
#inventory-view h1{font-size:clamp(28px,3vw,42px);letter-spacing:-1px;margin:0}
#inventory-summary{margin:0 0 20px;color:#98a2b3;font-size:14px}
#inventory-view .inventory-tools{display:grid;grid-template-columns:minmax(220px,2fr) minmax(140px,1fr) minmax(150px,1fr) auto auto;gap:12px;margin:0;background:none;padding:0;border:0}
#inventory-view .inventory-tools input,#inventory-view .inventory-tools select,#inventory-view .inventory-tools button{height:46px;min-width:0;width:100%;margin:0;padding:0 14px;border:1px solid #35404e;border-radius:9px;background:#0c1118;color:#dce3ed;font-size:13px}
#inventory-view .inventory-tools #sell-all{background:linear-gradient(115deg,#f7cd94,#e6a45e);color:#302216;border-color:#f9d4a473;font-weight:700;padding-inline:24px}
#inventory-view .inventory-tools #inventory-select-mode[aria-pressed=true]{border-color:#e7bd78;color:#f7cd94;background:#211e19}
#inventory-view .inventory-filter-extras{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:12px 0 18px;font-size:12px;color:#8997a9}
#inventory-view .inventory-filter-extras label{display:flex;gap:8px;align-items:center;cursor:pointer}
#inventory-view .inventory-filter-extras input{accent-color:#ecc47e}
#inventory-view #inventory-select-page{background:none;border:0;padding:4px 0;color:#a6b1c1;font-size:12px}
#inventory-view .consolation-entry{float:right;margin:0 0 12px 12px;padding:7px 12px;border:1px solid #d0ab6538;border-radius:8px;background:#10151d;color:#d7bf98;font-size:11px}
#inventory-view .inventory-tools{clear:both}
#inventory-view #inventory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:stretch;margin:0}
#inventory-view .inventory-tile{position:relative;min-width:0;overflow:hidden;border:1px solid #303a46;border-radius:12px;background:#0b1016;transition:border-color .2s,box-shadow .2s}
#inventory-view .inventory-tile:hover{border-color:#657181}
#inventory-view .inventory-tile.is-selected,#inventory-view #inventory-grid.inventory-selecting .inventory-tile.is-selected{border-color:#efc479;box-shadow:0 0 0 1px #efc47960,inset 0 0 28px #efc47909}
#inventory-view #inventory-grid .item{position:relative;display:flex;flex-direction:column;height:100%;min-height:268px;padding:0;margin:0;background:none;border:0;border-radius:0;cursor:pointer;text-align:left}
#inventory-view .inventory-art{position:relative;display:flex;align-items:center;justify-content:center;height:160px;padding:28px 10px 0;background:none;isolation:isolate}
#inventory-view #inventory-grid .item img{width:100%;height:125px;object-fit:contain;margin:0;filter:drop-shadow(0 3px 5px #0005) drop-shadow(0 0 13px color-mix(in srgb,var(--tone) 28%,transparent));transition:transform .25s}
#inventory-view #inventory-grid .item:hover img{transform:scale(1.05)}
#inventory-view .inventory-item-copy{display:flex;flex-direction:column;gap:3px;padding:8px 14px 15px;flex:1}
#inventory-view #inventory-grid .item small{font-size:11px;line-height:1.4;color:#a6b4c7}
#inventory-view #inventory-grid .item h3{font:700 13px/1.4 var(--font-ui,sans-serif);margin:0;white-space:normal;overflow:visible;min-height:36px;color:#ecf0f6}
#inventory-view #inventory-grid .item .inventory-wear{font-size:10px;color:#7f8da0;min-height:14px;margin-bottom:5px}
#inventory-view #inventory-grid .item p{position:static;margin:auto 0 0;padding-top:4px;font:800 17px/1.3 var(--font-ui,sans-serif);color:#efc479}
#inventory-view .inventory-pick,#inventory-view #inventory-grid.inventory-selecting .inventory-pick{position:absolute;z-index:4;top:12px;left:12px;width:22px;height:22px;min-height:0;padding:0;border:1px solid #6d7b8d;border-radius:5px;background:#0d141dcc;color:#efc479;font-size:15px}
#inventory-view .inventory-pick[aria-pressed=true],#inventory-view #inventory-grid.inventory-selecting .inventory-pick[aria-pressed=true]{background:#efc479;color:#241b10;border-color:#efc479}
#inventory-view .inventory-star{top:8px;right:10px;z-index:4;width:28px;height:28px;background:none;font-size:24px;color:#8290a0}
#inventory-view .inventory-star[aria-pressed=true]{color:#efc479}
#inventory-view .inventory-tile .inventory-info{left:auto;right:12px;top:122px;z-index:4;width:23px;height:23px;font-size:12px;opacity:0;transition:opacity .2s}
#inventory-view .inventory-tile:hover .inventory-info,#inventory-view .inventory-tile:focus-within .inventory-info{opacity:1}
#inventory-view .inventory-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin:24px 0;color:#8c9bb0;font-size:13px}
#inventory-view .inventory-pagination button{width:34px;height:34px;padding:0;background:none;border:1px solid #303a46;border-radius:8px;font-size:25px;color:#d8e1ed}
#inventory-view .inventory-selection{position:sticky;bottom:18px;z-index:20;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:24px 0 0;padding:18px 20px;background:#0c1119f5;border:1px solid #dcb676b3;border-radius:14px;box-shadow:0 12px 40px #0008;backdrop-filter:blur(16px)}
#inventory-view #inventory-selected{font-size:16px;color:#f0cc8a;font-weight:700}
#inventory-view .inventory-bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#inventory-view .inventory-selection button{height:44px;min-height:44px;padding:10px 18px;border:1px solid #475263;border-radius:9px;background:#121923;color:#d5dfeb;font-size:12px}
#inventory-view .inventory-selection #inventory-sell{background:linear-gradient(115deg,#f7cd94,#e6a45e);color:#302216;border-color:#f9d4a473}
#inventory-view .inventory-selection #inventory-clear{width:40px;padding:0;border:0;background:none;font-size:26px;font-weight:400}
#inventory-view button:disabled{cursor:not-allowed}
@media(min-width:1500px){#inventory-view .inventory-art{height:180px}#inventory-view #inventory-grid .item img{height:145px}}
@media(max-width:1200px){#inventory-view #inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#inventory-view .inventory-tools{grid-template-columns:2fr 1fr 1fr}#inventory-view .inventory-tools #sell-all{grid-column:3}#inventory-view .inventory-tools #inventory-select-mode{grid-column:1/3}}
@media(max-width:800px){#inventory-view #inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#inventory-view .inventory-selection{bottom:10px;padding:14px}#inventory-view .inventory-bulk-actions{width:100%}#inventory-view .inventory-bulk-actions button:not(#inventory-clear){flex:1;padding-inline:10px}}
@media(max-width:540px){#inventory-view #inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#inventory-view .inventory-tools{grid-template-columns:1fr 1fr;gap:8px}#inventory-view .inventory-tools #inventory-search{grid-column:1/-1}#inventory-view .inventory-tools #inventory-select-mode,#inventory-view .inventory-tools #sell-all{grid-column:auto;font-size:11px;padding-inline:8px}#inventory-view .inventory-art{height:130px}#inventory-view #inventory-grid .item img{height:105px}#inventory-view #inventory-grid .item{min-height:248px}#inventory-view .inventory-item-copy{padding-inline:10px}#inventory-view .inventory-tile .inventory-info{top:104px;opacity:1}#inventory-view .inventory-selection #inventory-sell{flex-basis:100%}#inventory-view .inventory-selection{gap:10px}#inventory-view .inventory-bulk-actions{gap:8px}#inventory-view #inventory-selected{font-size:13px}}
@media(prefers-reduced-motion:reduce){#inventory-view *{transition:none!important;scroll-behavior:auto}}

/* Soft rarity light behind the item, fading before the card edges. */
#inventory-view .inventory-art:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:12px 0 -20px;background:radial-gradient(ellipse 44% 42% at 50% 55%,color-mix(in srgb,var(--tone) 42%,transparent) 0%,color-mix(in srgb,var(--tone) 23%,transparent) 38%,color-mix(in srgb,var(--tone) 7%,transparent) 68%,transparent 100%);filter:blur(13px);opacity:.9;transition:opacity .25s}
#inventory-view .inventory-tile:hover .inventory-art:before{opacity:1}

/* Keep the original search width; evenly divide the remaining toolbar space. */
#inventory-view .inventory-tools{grid-template-columns:minmax(220px,36%) repeat(4,minmax(0,1fr))}
#inventory-view .inventory-tools input,#inventory-view .inventory-tools select,#inventory-view .inventory-tools button{height:46px;min-height:46px;padding-inline:14px;font-size:12px;box-sizing:border-box}
#inventory-view .inventory-tools #sell-all{padding-inline:14px}
@media(max-width:1200px){#inventory-view .inventory-tools{grid-template-columns:repeat(2,minmax(0,1fr))}#inventory-view .inventory-tools #inventory-search{grid-column:1/-1}#inventory-view .inventory-tools #inventory-select-mode,#inventory-view .inventory-tools #sell-all{grid-column:auto}}

#inventory-view .inventory-tools select{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='m3 4.5 3 3 3-3' stroke='%23cbd5e1' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 12px}

/* Sale confirmation in the site's dark and gold palette. */
dialog.inventory-confirm{width:min(460px,calc(100vw - 32px));max-width:460px;padding:30px;border:1px solid #d4b07855;border-radius:20px;background:#090c12;color:#edf1f7;box-shadow:0 24px 90px #000b;font-family:var(--font-ui,Manrope,Arial,sans-serif)}
dialog.inventory-confirm::backdrop{background:#030609c9;backdrop-filter:blur(10px)}
dialog.inventory-confirm h2{margin:0 0 14px;font-family:var(--font-ui,Manrope,Arial,sans-serif);font-size:25px;font-weight:800;letter-spacing:-.5px;line-height:1.3}
dialog.inventory-confirm p{margin:0 0 24px;color:#a3afc0;font-size:14px;line-height:1.7}
dialog.inventory-confirm .dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
dialog.inventory-confirm .dialog-actions button{width:100%;min-width:0;min-height:54px;padding:14px 20px;border-radius:11px;font-family:var(--font-ui,Manrope,Arial,sans-serif);font-size:16px;line-height:1.4;font-weight:700;transition:background .2s,border-color .2s,box-shadow .2s}
dialog.inventory-confirm [data-cancel]{background:#141a24;border:1px solid #394454;color:#dce4ef}
dialog.inventory-confirm [data-cancel]:hover:not(:disabled){background:#1d2634;border-color:#738095}
dialog.inventory-confirm [data-confirm]{background:linear-gradient(115deg,#f7cd94,#e6a45e);border:1px solid #f9d4a473;color:#302216;box-shadow:0 5px 22px #e9b67712}
dialog.inventory-confirm [data-confirm]:hover:not(:disabled){background:linear-gradient(115deg,#ffdaa7,#efb371);box-shadow:0 5px 24px #e9b67725}
dialog.inventory-confirm button:focus-visible{outline:2px solid #edc27a;outline-offset:3px}
dialog.inventory-confirm .sale-error{color:#ffb4a6}
@media(max-width:480px){dialog.inventory-confirm{padding:24px}dialog.inventory-confirm h2{font-size:23px}}