/* Original collection-room artwork and layout. */
.cs2-case-tile{background:radial-gradient(circle at 80% 10%,#ab7b4755,transparent 65%),#2d2920}.cs2-inventory-tile{background:radial-gradient(circle at 80% 10%,#7679c266,transparent 65%),#232839}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.collection-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.case-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.case-card{border:1px solid #e0c38733;border-radius:16px;background:radial-gradient(ellipse at 50% 25%,#d8bd6422,transparent 65%),var(--surface);color:#f3e6c2;cursor:pointer;padding:10px 16px 20px;transition:transform .25s,border-color .25s,box-shadow .25s;min-width:0}.case-card:hover{transform:translateY(-4px);border-color:#d2b575}.case-card[aria-pressed=true]{border-color:#e2c582;box-shadow:0 0 0 1px #e2c58244,0 8px 28px #0004}.case-card:focus-visible{outline:2px solid #f1d48f;outline-offset:4px}.case-card:disabled{cursor:default;opacity:.6;transform:none}.case-card strong,.case-card span{display:block}.case-card strong{font:24px Georgia,serif;margin-bottom:8px}.case-card span{font-size:14px;color:#e3c884;font-weight:800}.case-art{display:block;width:100%;max-height:170px}.case-machine{overflow:hidden;margin-bottom:20px}.case-machine-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.case-machine-heading .muted{margin-bottom:20px}.case-machine-heading .round-stat{flex-shrink:0}.case-reel-window{position:relative;overflow:hidden;border:1px solid #d7bd7044;background:radial-gradient(ellipse at center,#34453033,#0a100d 80%);border-radius:12px;padding:20px 0;margin:12px 0 22px;isolation:isolate}.case-reel-window:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b140de6,transparent 18%,transparent 82%,#0b140de6);z-index:2}.case-reel-marker{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:#e4c983;box-shadow:0 0 12px #efce7b66;z-index:3;pointer-events:none}.case-reel-marker:before,.case-reel-marker:after{content:'';position:absolute;left:-6px;border-left:7px solid transparent;border-right:7px solid transparent}.case-reel-marker:before{top:0;border-top:10px solid #e4c983}.case-reel-marker:after{bottom:0;border-bottom:10px solid #e4c983}.case-reel{display:flex;gap:10px;will-change:transform;min-height:156px}.case-reel-item{width:138px;flex:0 0 138px;height:156px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:6px;background:linear-gradient(0deg,color-mix(in srgb,var(--rarity) 18%,#152019),#111a15);border-bottom:3px solid var(--rarity);border-radius:7px;padding:8px}.case-reel-item small{font-size:12px;font-weight:800}.case-reel-item>span{font-size:10px;color:#b4c0b1}.skin-art{width:100%;height:100px;display:block;filter:drop-shadow(0 6px 9px #0006)}.case-reel-item .skin-art{height:88px}.case-landed{box-shadow:inset 0 0 0 1px var(--rarity),0 0 20px color-mix(in srgb,var(--rarity) 35%,transparent)}.case-controls .primary{max-width:none}.case-drop{display:flex;align-items:center;gap:20px;padding:18px;background:#101a13;border:1px solid #ddc08144;border-radius:12px;animation:case-reveal .4s ease-out}.case-drop[hidden]{display:none}.case-drop-art{width:170px;flex-shrink:0;background:radial-gradient(ellipse,color-mix(in srgb,var(--rarity) 25%,transparent),transparent 70%)}.case-drop h3{font-size:24px;margin:8px 0}.case-drop small{font-size:10px;letter-spacing:.07em;color:#cabb8b}.case-drop strong{color:#ebce89;font-size:21px}.case-drop p{margin-bottom:0}.case-proof{margin-top:18px;border-top:1px solid #ffffff18;padding-top:16px}.case-proof summary,.case-contents summary{cursor:pointer;color:#e3cc94;font-weight:700;font-size:14px}.case-proof code{display:block;overflow-wrap:anywhere;margin:8px 0 16px;color:#d9c68f;font-size:12px}.case-proof-body{padding:20px 0 0}.case-proof small{font-size:10px;color:#92a48e;letter-spacing:.1em}.case-contents{margin:20px 0}.case-contents summary{margin-bottom:0}.case-contents[open] summary{margin-bottom:22px}.case-contents summary>span{float:right;font-size:11px;color:#91a093}.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.skin-card{min-width:0;border:1px solid #ffffff15;border-bottom:3px solid var(--rarity);border-radius:12px;padding:16px;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--rarity) 13%,transparent),transparent 70%),#18221b}.skin-card h3{font:20px Georgia,serif;margin:7px 0;overflow-wrap:anywhere}.skin-card>small{font-size:10px;color:var(--rarity);font-weight:750;letter-spacing:.04em}.skin-card>p{font-size:12px;color:#aebaa9;line-height:1.4;margin:0 0 13px}.skin-card>strong{display:block;font-size:16px;color:#f0d494}.skin-card button{width:100%;font-size:11px;margin-top:16px;padding:10px 5px}.odds-card .skin-art{height:85px}.odds-card{padding:12px}.odds-card h3{font-size:18px}.collection-empty{grid-column:1/-1;text-align:center;border:1px dashed #d7bd7955;border-radius:14px;padding:65px 20px;color:#adbaa9}.collection-empty h3{color:#eee0ba;font-size:28px}.collection-empty button{margin-top:12px}.collection-pager{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:26px}.collection-pager[hidden]{display:none}.collection-pager button{font-size:12px}.inventory-settings{margin-top:20px}.inventory-privacy-toggle{display:flex;align-items:center;gap:12px;margin:15px 0;color:#dce1d7;font-size:14px;line-height:1.5;cursor:pointer}.inventory-privacy-toggle input{accent-color:var(--gold);width:20px;height:20px;flex-shrink:0;margin:0}.inline-link,.player-name-link{padding:0;background:none;border:0;color:#dfc98b;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.player-search{display:flex;gap:12px;align-items:center;max-width:580px;margin:26px 0}.player-search input{margin:0;min-width:0}.player-search button{padding:14px 20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.player-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.player-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:5px 14px;align-items:center;text-align:left;border:1px solid #d6bd7733;border-radius:12px;padding:18px;background:#1b261d;color:#f1e2b9;cursor:pointer;transition:background .2s,transform .2s}.player-card:hover{background:#28382a;transform:translateY(-2px)}.player-monogram{display:grid;place-items:center;background:linear-gradient(135deg,#dfc789,#a98b53);color:#1a291c;width:46px;height:46px;border-radius:13px;font-size:24px;font-weight:800}.player-card .player-monogram{grid-row:1/3}.player-card strong{overflow-wrap:anywhere}.player-card>span:not(.player-monogram){grid-column:2;font-size:12px;color:#aebea7}.player-card b{grid-column:3;grid-row:1/3}.public-player-head{display:flex;align-items:center;gap:20px;margin-bottom:35px}.public-player-head>.player-monogram{width:78px;height:78px;font-size:36px;flex-shrink:0}.public-player-head h2{overflow-wrap:anywhere}.public-player-head .eyebrow{margin-bottom:8px}.level-badge{display:inline-block;color:#ddc68a;border:1px solid #d2b66f55;background:#d6ba6810;border-radius:30px;font-size:12px;padding:5px 11px}.private-collection{text-align:center;padding:40px 15px;background:#101a13;border-radius:12px;border:1px solid #ffffff0f}.private-collection>span{font-size:32px;color:#b7ad8d}.private-collection h3{font-size:25px;margin:14px 0}.public-profile>.inventory-grid{margin-top:20px}@keyframes case-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:650px){.case-catalog{gap:8px}.case-card{padding:8px 5px 15px}.case-card strong{font-size:18px}.case-card .case-art{height:95px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-machine{padding:20px}.case-machine-heading{align-items:flex-start;flex-direction:column}.case-machine-heading .round-stat{margin-bottom:12px}.case-drop{gap:10px;flex-direction:column;text-align:center}.case-drop-art{width:190px}.player-list{grid-template-columns:1fr}.collection-links{gap:7px}.collection-links button{font-size:12px}.collection-pager{gap:10px}.public-profile{padding:22px}.public-player-head{gap:14px}.public-player-head h2{font-size:25px}.public-player-head>.player-monogram{width:56px;height:56px;font-size:28px}}@media(prefers-reduced-motion:reduce){.case-drop{animation:none}.case-card,.player-card{transition:none}}

.cs2-menu-logo{display:block;width:108px;height:23px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}.game-categories button[aria-selected=true] .cs2-menu-logo{filter:brightness(0);opacity:1}.game-categories[hidden],.cs2-sections[hidden],[data-cs2-panel][hidden]{display:none!important}.cs2-sections{margin-top:-8px;margin-bottom:25px}.cs2-list-heading h3{font-size:28px;margin:0 0 10px}.cs2-list-heading p{font-size:14px;margin:0 0 22px}.cs2-case-list{margin-top:0}.cs2-case-list .case-card{display:flex;flex-direction:column;align-items:center;padding:15px 18px 22px}.cs2-case-list .case-card p{font-size:12px;line-height:1.6;color:#a5b29f;min-height:40px;margin:0 0 15px}.cs2-case-list .case-card b{font-size:11px;color:#e7d2a0;margin-top:16px;letter-spacing:.06em}.cs2-upcoming{padding:42px;border:1px dashed #d1b87555;border-radius:16px;background:radial-gradient(ellipse at 90% 15%,#72639333,transparent 70%),var(--surface)}.cs2-upcoming h3{font-size:34px;margin:18px 0 10px}.cs2-upcoming p{color:#c3ceb9}.cs2-upcoming small{color:#8c9e89}.active-case-art{float:right;width:145px;margin:-10px 0 12px 15px}.active-case-art .case-art{height:100px}.case-machine-heading{clear:both}.profile-inventory{margin-top:26px;scroll-margin-top:24px}.profile-inventory .skin-card{background-color:#111b14}#cs2 .section-head{margin-bottom:24px}#cs2 .case-machine{margin-top:0}@media(max-width:650px){.cs2-case-list{grid-template-columns:1fr}.cs2-case-list .case-card{display:grid;grid-template-columns:120px 1fr;text-align:left;column-gap:16px}.cs2-case-list .case-art{grid-column:1;grid-row:1/5;width:120px;height:110px}.cs2-case-list .case-card strong,.cs2-case-list .case-card p,.cs2-case-list .case-card span,.cs2-case-list .case-card b{grid-column:2;min-height:0}.cs2-case-list .case-card p{margin:0 0 8px}.cs2-case-list .case-card b{margin-top:8px}.cs2-menu-logo{width:90px;height:20px}.profile-inventory{padding:18px}.profile-inventory .section-head h2{font-size:27px}.active-case-art{width:115px}}

/* Real item collection. All artwork is served locally. */
.skin-photo{object-fit:contain;object-position:center;filter:drop-shadow(0 5px 8px #0006)}.skin-wear{display:block;font-size:10px;line-height:1.5;color:#9caa96;margin:0 0 9px}.case-reel-item{gap:4px}.case-reel-item .skin-photo{height:76px}.case-reel-item .reel-wear{font-size:9px;color:#83957f}.real-case-art{position:relative;height:165px;isolation:isolate;overflow:visible}.case-art-halo{position:absolute;inset:10% 0 0;background:radial-gradient(ellipse,#b7a77533,transparent 65%);z-index:-1}.case-cover-item{position:absolute;display:block;object-fit:contain;max-width:none;width:78%;height:140px;top:3px;left:11%;filter:drop-shadow(0 9px 8px #000a)}.cover-item-0{z-index:3;transform:rotate(-8deg) translateY(9px)}.cover-item-1{z-index:2;left:-8%;top:-6px;transform:rotate(-24deg) scale(.8);opacity:.85}.cover-item-2{z-index:1;left:32%;top:-9px;transform:rotate(19deg) scale(.83);opacity:.8}.case-cover-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:7px;font-weight:800;letter-spacing:.18em;color:#9d9b7c}.cs2-case-list{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.cs2-case-list .case-card{min-width:0;padding:12px 15px 20px}.cs2-case-list .case-card strong{font-size:22px;line-height:1.15}.cs2-case-list .case-card p{min-height:38px;margin-top:7px}.case-card[hidden]{display:none!important}.case-search{max-width:360px;margin:0 0 22px;padding:12px 14px;font-size:13px}.active-case-art .real-case-art{height:100px}.active-case-art .case-cover-item{height:90px}.active-case-art .case-cover-label{display:none}.case-drop .skin-wear{margin-top:4px}.case-drop-art .skin-photo{height:120px}.odds-card .skin-wear{margin:0 0 8px}.skin-card .skin-photo{height:110px}.case-contents .odds-card .skin-photo{height:85px}@media(max-width:1100px){.cs2-case-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:750px){.cs2-case-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(max-width:650px){.cs2-case-list .case-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:9px 9px 16px}.cs2-case-list .real-case-art{width:100%;height:125px}.cs2-case-list .case-card strong{font-size:19px;min-height:42px;display:grid;place-items:center}.cs2-case-list .case-card p{font-size:11px;min-height:48px;margin:3px 0 10px}.cs2-case-list .case-cover-item{height:105px}.cs2-case-list .case-card b{font-size:10px;margin-top:10px}.cs2-case-list .case-card span{font-size:13px}.cs2-case-list .case-cover-label{font-size:6px}.skin-card .skin-photo{height:90px}.case-reel-item .skin-photo{height:76px}}

.cs2-case-list .real-case-art .case-cover-label{font-size:8px;letter-spacing:.18em;line-height:1.3;color:#b4ab88;bottom:4px}

/* Compact player collections. */
#inventory .inventory-grid,#publicProfile .inventory-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}#inventory .skin-card,#publicProfile .skin-card{min-width:0;padding:10px}#inventory .skin-photo,#publicProfile .skin-photo{height:72px}#inventory .skin-card h3,#publicProfile .skin-card h3{font-size:14px;margin:5px 0}#inventory .skin-card p,#publicProfile .skin-card p{font-size:12px;margin:4px 0;overflow-wrap:anywhere}#inventory .skin-card small,#publicProfile .skin-card small,#inventory .skin-wear,#publicProfile .skin-wear{font-size:10px}#inventory .skin-card strong,#publicProfile .skin-card strong{font-size:15px}#inventory .skin-card button{font-size:11px;padding:8px 5px;width:100%}@media(max-width:400px){#inventory .inventory-grid,#publicProfile .inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}}

#profile #inventory.profile-inventory{width:100%;max-width:none;box-sizing:border-box}
.case-tools{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin:0 0 22px}.case-tools .case-search{margin:0;flex:1 1 220px}.case-sort{white-space:nowrap;font-size:13px}
/* Open case artwork: lid behind, skins rising out, box front on top. */
.cs2-case-list .real-case-art{height:150px}
.case-shell{position:absolute;left:50%;bottom:0;width:min(100%,250px);height:auto;aspect-ratio:200/120;transform:translateX(-50%);overflow:visible;pointer-events:none}
.case-shell-back{z-index:0}.case-shell-front{z-index:4;filter:drop-shadow(0 6px 6px #0009)}
.real-case-art .case-cover-item{width:min(66%,140px);height:52%;top:auto;bottom:27%;left:50%;object-position:center bottom}
.real-case-art .cover-item-0{z-index:3;transform:translateX(-50%) rotate(-6deg)}
.real-case-art .cover-item-1{z-index:2;transform:translateX(-88%) rotate(-28deg) scale(.82);opacity:1}
.real-case-art .cover-item-2{z-index:1;transform:translateX(-14%) rotate(22deg) scale(.82);opacity:1}
.case-card:hover .real-case-art .cover-item-0{transform:translateX(-50%) translateY(-6px) rotate(-6deg)}
.real-case-art .case-cover-item{transition:transform .25s}
@media(prefers-reduced-motion:reduce){.real-case-art .case-cover-item{transition:none}}

/* Inventory sort buttons. */
.inventory-sort{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 14px}.inventory-sort span{font-size:12px;color:var(--text-muted);margin-right:4px}.inventory-sort .control-button{min-width:0;padding:8px 14px;font-size:12px}
