/* Shared collection layout and controls. Screen-specific artwork stays in its own stylesheet. */
:root{--collection-line:#344153;--collection-surface:#131e2b;--collection-text:#e3ebf6}
header .brand-symbol img{display:block;width:24px;height:24px;margin:0 3px} @media(max-width:720px){header .brand-symbol img{width:20px;height:20px;margin:0 2px}}
header .brand{font-size:24px;flex-shrink:0}header .brand-symbol{font-size:22px}header .brand small{font-size:8px;letter-spacing:.6px}
@media(max-width:720px){header .brand{font-size:19px}header .brand-symbol{font-size:18px}header .brand small{font-size:7px;top:25px}}
.feed-item{height:118px}.feed-item small{font:10px var(--font-ui);color:#e0c898}.feed-empty{padding:25px 15px;color:#8596b0;font-size:12px;line-height:1.6;text-align:center}
.selected-case-stage .reel-lens:after{content:'';position:absolute;inset:6% 36%;background:radial-gradient(ellipse,#ffcf7544,transparent 70%);opacity:var(--valuable-focus,0);pointer-events:none;mix-blend-mode:screen}
.inventory-tile{cursor:pointer}
.loot-dialog:not(:has(.loot-repeat)) .loot-contract{grid-column:1/-1}
@media(max-width:720px){.inventory-tools label{flex-basis:100%}.inventory-tools select{flex-basis:calc(50% - 4px)}#inventory-selected{min-width:100px}}
main{min-height:calc(100dvh - 150px)}
body:has(#inventory-view:not([hidden])) .drop-sidebar,body:has(#upgrade-view:not([hidden])) .drop-sidebar,body:has(#contract-view:not([hidden])) .drop-sidebar{display:none}
body:has(#inventory-view:not([hidden])) main,body:has(#upgrade-view:not([hidden])) main,body:has(#contract-view:not([hidden])) main,body:has(#inventory-view:not([hidden])) footer,body:has(#upgrade-view:not([hidden])) footer,body:has(#contract-view:not([hidden])) footer{margin-left:0}
.playback-toolbar{padding-top:7px;padding-bottom:7px}
#cases-view{padding-top:14px}
.promo.graphic-promo.showroom-hero{height:250px;padding:22px 30px}
.showroom-hero h2{font-size:32px;margin-bottom:10px}
.showroom-hero .promo-action .hero-kicker{margin-bottom:10px}
.showroom-hero .hero-description{margin-bottom:12px;font-size:11px}
.showroom-hero .hero-facts{margin-top:12px}
#cases-view .local-notice{margin:10px 0;padding:8px 12px}
#cases-view .local-notice h2,#cases-view .notice-icon{display:none}
#cases-view .filter-bar{min-height:0;padding:9px 12px}
#cases-view .collection-tools{padding:5px 12px 9px}
#cases-view .catalog-heading{min-height:46px;padding:14px 0 10px}
#inventory-view{max-width:1600px;margin:auto;padding:20px 24px}
#inventory-view .section-heading{margin:0 0 10px;min-height:0}
#inventory-view .section-heading h1,#upgrade-view .feature-title h1,#contract-view .feature-title h1{font-size:25px;margin:0 0 6px}
#inventory-view .eyebrow{font-size:9px;letter-spacing:1.5px}
#inventory-summary{padding:0;margin:0 0 18px;font-size:12px}
#upgrade-view .feature-title,#contract-view .feature-title{margin:15px 24px 8px}
#upgrade-view .feature-title>p,#contract-view .feature-title>p{font-size:12px;line-height:1.5}
.inventory-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.inventory-tools input[type=search]{flex:1;min-width:180px}
.inventory-tools input[type=search],.inventory-tools select{background:#101925;border:1px solid var(--collection-line);color:var(--collection-text);border-radius:9px;padding:11px 12px;font:12px var(--font-ui)}
.inventory-tools label{font-size:12px;display:flex;gap:7px;align-items:center;color:#adbbcd}
.inventory-selection{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;background:#1b2938;border:1px solid #35465b;border-radius:12px;margin-bottom:18px}
.inventory-selection button,#inventory-view #sell-all{font:11px var(--font-ui);padding:9px 12px;border-radius:8px;min-height:36px}
#inventory-selected{font-size:12px;color:#c3d4e9;margin-right:auto;font-variant-numeric:tabular-nums}
#inventory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:0}
.inventory-tile{position:relative;min-width:0;border:1px solid #344153;border-radius:12px;overflow:hidden;background:var(--collection-surface);transition:border-color .2s,box-shadow .2s}
.inventory-tile.is-selected{border-color:#87bbef;box-shadow:0 0 0 1px #87bbef,inset 0 0 24px #5c9eda14}
#inventory-grid .item{height:190px;box-sizing:border-box;padding:29px 12px 10px;margin:0;border:0;border-bottom:3px solid var(--tone);border-radius:0;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--tone) 15%,transparent),transparent 72%),#131e2b;text-align:left}
#inventory-grid .item img{display:block;width:100%;height:84px;object-fit:contain;margin:0 0 6px;filter:drop-shadow(0 5px 8px #0005)}
#inventory-grid .item small{font-size:9px;line-height:1.5;color:#99abc2}
#inventory-grid .item h3{font:500 12px/1.4 var(--font-ui);margin:2px 0;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e7edf7}
#inventory-grid .item p{position:absolute;top:9px;right:34px;font:600 11px var(--font-ui);margin:0;color:#e3c791}
.inventory-pick,.inventory-star{position:absolute;top:5px;padding:0;width:27px;height:27px;border:0;border-radius:6px;background:#203046;color:#a9c5e7;font-size:18px;display:grid;place-items:center}
.inventory-pick{left:5px}.inventory-star{right:4px;background:transparent;color:#8e9baf}.inventory-star[aria-pressed=true]{color:#ffd58b}.inventory-pick[aria-pressed=true]{background:#87bbef;color:#142132}
.inventory-single-sell{width:100%;padding:9px 5px;background:#192635;color:#b6c6d9;border:0;font:11px var(--font-ui);min-height:34px}
.inventory-single-sell:hover:not(:disabled){background:#283a4e;color:#fff}
.inventory-tile:focus-within{outline:2px solid #a5cffb;outline-offset:2px}
.inventory-confirm{max-width:430px;width:calc(100% - 32px);border:1px solid #526176;border-radius:18px;background:linear-gradient(145deg,#223147,#131d2b);padding:26px;color:#dce7f4;box-shadow:0 25px 90px #0008}
.inventory-confirm::backdrop{background:#060c17b8;backdrop-filter:blur(8px)}
.inventory-confirm h2{font-size:22px;margin:0 0 12px}.inventory-confirm p{font-size:13px;line-height:1.7;color:#adbed4}.inventory-confirm button{border-radius:8px}
#upgrade-view .upgrade-arena{max-width:1280px;margin:12px auto 0;padding:0 24px 48px;grid-template-columns:minmax(0,1fr) 280px minmax(0,1fr);gap:24px}
#upgrade-view .upgrade-pedestal{width:100%;max-width:340px;height:300px;min-height:300px;justify-self:center}
#upgrade-view .upgrade-pedestal .source-display.single img{height:200px;max-height:200px}
#upgrade-view .upgrade-pedestal .preview-stack,#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .pedestal-placeholder{height:170px;min-height:170px}
#upgrade-view .selection-meta{font-size:11px;top:13px;left:16px;right:16px}
#upgrade-view .selection-meta button{font-size:10px}
#upgrade-view .dual-pickers{margin:12px 24px 24px;gap:20px}
#upgrade-view .skin-panel-heading{padding:10px 12px}
#upgrade-view .skin-panel-heading h2{font-size:14px}
#upgrade-view .quick-targets button{font-size:11px;min-height:29px;padding:5px 9px}
.skin-panel .choice .item{background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--tone) 16%,transparent),transparent 70%),var(--collection-surface)}
#contract-view .contract-console{margin:14px 24px 10px;grid-template-columns:1fr 1fr}
#contract-view .contract-selection{padding:18px;justify-content:flex-start;gap:12px}
#contract-view .contract-slots{margin:auto 0;gap:9px}
#contract-view .contract-theater{height:370px;min-height:370px;padding-bottom:0;display:flex;align-items:center;justify-content:space-evenly;gap:12px;padding:18px}
#contract-view .contract-paper{width:240px;min-height:270px;flex-shrink:0;padding:22px}
#contract-theater .signature-tools{position:static;max-width:210px;margin:0;padding:12px;box-shadow:none;flex:1}
#contract-view .contract-slot{height:82px}
.loot-dialog .loot-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.loot-dialog .loot-actions .loot-keep{grid-column:1/-1;order:5;min-height:46px;padding:12px 10px;border:1px solid #d7b77880;border-radius:9px;background:#28334788;color:#f5d391;font-weight:700;transition:background .2s,border-color .2s}
.loot-dialog .loot-actions .loot-keep:hover{background:#35435bbb;border-color:#edc28b;color:#ffe2ac}
.loot-dialog .loot-contract,.loot-dialog .loot-repeat{padding:11px 10px;border:1px solid #8298b433;background:#28334755;border-radius:9px;color:#c4d2e6;font-size:12px}
.loot-dialog .loot-repeat{border-color:#d7b77866;color:#f5d391}
.loot-dialog.loot-valuable .loot-stage-label{color:#ffe0a0;letter-spacing:1.1px}
.loot-dialog.loot-valuable .loot-halo{background:radial-gradient(ellipse,#ffc95d55,transparent 68%);inset:0}
.loot-dialog.loot-valuable .loot-ring{border-color:#f5cf8777;box-shadow:0 0 30px #ffcc6922}
.loot-dialog.loot-valuable .loot-stage img{filter:drop-shadow(0 0 18px #edb84f66)}
.selected-case-stage.valuable-award .reel-lens{filter:drop-shadow(0 0 18px #f4ca6a88)}
.selected-case-stage.valuable-award .award-wave{border-color:#ffd27d;box-shadow:0 0 35px #efbb5e44}
@media(min-width:721px) and (max-height:800px){#upgrade-view .upgrade-pedestal{height:270px;min-height:270px;max-width:310px}#upgrade-view .upgrade-pedestal .source-display.single img{height:175px;max-height:175px}#upgrade-view .upgrade-pedestal .preview-stack,#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .pedestal-placeholder{height:140px;min-height:140px}#upgrade-view .upgrade-arena{padding-bottom:66px}#upgrade-view .feature-title{margin-top:10px}}
@media(max-width:1100px){#inventory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}#contract-view .contract-theater{height:400px;min-height:400px;flex-direction:column;padding:12px}#contract-theater .signature-tools{max-width:none;width:100%;padding:8px;flex:0}#contract-view .contract-paper{min-height:240px}#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,1fr) 250px minmax(0,1fr);gap:14px}}
@media(max-width:720px){#cases-view{padding:10px 12px}.promo.graphic-promo.showroom-hero{height:240px;padding:18px}.showroom-hero h2{font-size:25px}.showroom-hero .hero-description,.showroom-hero .hero-coordinate{display:none}.showroom-hero .promo-action{width:75%}.showroom-hero .promo-illustration{width:52%;opacity:.65}.showroom-hero .hero-facts{gap:12px}.showroom-hero .hero-buttons{gap:6px}.showroom-hero .hero-catalog{padding:9px 12px}.showroom-hero .promo-action #bonus{padding:9px;font-size:10px}.showroom-hero .hero-chip{display:none}#cases-view .filter-bar label{display:none}#cases-view .collection-tools{flex-wrap:wrap;gap:8px}#inventory-view{padding:16px 12px}#inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.inventory-tools{gap:8px}.inventory-tools select{flex:1;min-width:0}.inventory-tools input[type=search]{flex-basis:100%}.inventory-selection{gap:6px;padding:8px}#inventory-selected{flex:1;font-size:11px}#inventory-grid .item{height:182px}.inventory-selection button{flex-grow:1}#upgrade-view .upgrade-arena{grid-template-columns:1fr 1fr;padding:0;margin:12px;gap:10px}#upgrade-view .upgrade-pedestal{height:230px;min-height:230px;max-width:none}#upgrade-view .upgrade-pedestal .source-display.single img{height:140px;max-height:140px}#upgrade-view .upgrade-pedestal .preview-stack,#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .pedestal-placeholder{height:125px;min-height:125px}#upgrade-view .selection-meta{font-size:9px;left:10px;right:10px}#upgrade-view .dual-pickers{margin:12px}#upgrade-view .quick-targets button{font-size:10px}#contract-view .contract-console{grid-template-columns:1fr;margin:12px}#contract-view .contract-theater{height:430px;min-height:430px}#contract-view .contract-selection{gap:14px}#contract-view .contract-slots{margin:5px 0}#contract-view .contract-paper{min-height:250px}#contract-theater .signature-tools{max-width:360px}.loot-dialog .loot-contract,.loot-dialog .loot-repeat{font-size:11px;padding:10px 6px}}

.skin-details .skin-details-sell{width:100%;margin:12px 0 8px;border:1px solid #f9d4a473;border-radius:9px;background:linear-gradient(115deg,#f7cd94,#e6a45e);color:#302216;min-height:46px}.skin-details .skin-sale-error{color:#ffb4a6}

#inventory-view #sell-all,#profile-view [data-sell-all]{background:linear-gradient(115deg,#f7cd94,#e6a45e);color:#302216;border:1px solid #f9d4a473;border-radius:9px;padding:12px 20px;font-weight:700}
.inventory-confirm .sale-error{color:#ffb4a6}.inventory-confirm .dialog-actions button{min-width:100px;min-height:44px}

#inventory-view .inventory-selection{align-items:center;gap:10px}
#inventory-view .inventory-selection #inventory-sell,#inventory-view .inventory-selection #sell-all{min-height:42px;padding:10px 16px;white-space:nowrap;border-radius:9px}
#inventory-view .inventory-selection #sell-all{margin:0}
@media(max-width:600px){#inventory-view .inventory-selection #inventory-sell,#inventory-view .inventory-selection #sell-all{flex:1 1 180px}}

#inventory-grid.inventory-selecting .inventory-pick{z-index:4;width:32px;height:32px;border:1px solid #e6b663;color:#f7cd94;background:#182130}
#inventory-grid.inventory-selecting .inventory-pick[aria-pressed=true]{background:#edc27a;color:#211b14}
#inventory-grid.inventory-selecting .inventory-withdraw-hint{display:none}
#inventory-grid.inventory-selecting .inventory-tile.is-selected{border-color:#edc27a;box-shadow:0 0 0 1px #edc27a,inset 0 0 24px #edc27a14}