/* 12.1 — restrained Counter-Strike 2-inspired visual system; original assets and game logic retained. */
:root{--cs-bg:#151c24;--cs-surface:#222c36;--cs-panel:#293641;--cs-stroke:#44515d;--cs-text:#dce4e8;--cs-muted:#91a1ac;--cs-blue:#6488ad;--cs-gold:#d9a953}
body{background:linear-gradient(135deg,#19232d,#101820 70%)!important;color:var(--cs-text)}
body .noise{opacity:.08!important}
.shell{background:transparent!important}
.sidebar{background:linear-gradient(180deg,#1d2833,#151e27)!important;border-right:1px solid #3a4753!important}
.topbar{background:#1b2630!important;border-bottom:1px solid #3b4a56!important}
.content{background:transparent!important}
.view .intro h1,.view .case-heading h1{font-weight:650!important;letter-spacing:.015em!important}
.view .overline,.view .tiny-label,.view .collection-eyebrow{color:#9aabb7!important;letter-spacing:.09em!important}
#casesView .case-collection-intro{background:linear-gradient(90deg,#283541,#1d2833)!important;border:1px solid #41515e!important;border-radius:2px!important}
#casesView .case-collection-intro strong{color:#dce5ea!important}
#casesView .casegrid{gap:10px!important}
#casesView .casecard{border-radius:2px!important;background:linear-gradient(155deg,#303e4a,#1e2933)!important;border:1px solid #455460!important;box-shadow:none!important;transition:background .15s,border-color .15s,transform .15s!important}
#casesView .casecard:hover{background:#374754!important;border-color:#7f96a8!important;transform:translateY(-2px)!important}
#casesView .casecard img{filter:drop-shadow(0 16px 10px #0007)!important}
#openingView .opening-theatre-head{background:#25313b!important;border:1px solid #445361!important;padding:13px 18px!important;color:#a9bbc6!important}
#openingView .opening-theatre-head strong{color:#e2e9ec!important;font-size:16px!important;letter-spacing:.08em!important}
#openingView .opening-journey{background:#1d2933!important;border:1px solid #445361!important;border-top:0!important}
#openingView .unlock-stage{background:linear-gradient(180deg,#2a3843,#19242e 65%,#17212a)!important;border:1px solid #4c5d69!important;border-radius:0!important;box-shadow:inset 0 1px #ffffff16!important}
#openingView .stage-topline{color:#c6d2d9!important}
#openingView .theatre-screen{grid-template-columns:minmax(0,1fr)!important;gap:0!important;margin:12px 0 16px!important}
#openingView .theatre-case-bay{min-height:180px!important;padding:8px 14px!important;background:radial-gradient(ellipse at 50% 60%,#58677355,transparent 65%),linear-gradient(#2b3945,#202d37)!important;border:1px solid #53626d!important;border-bottom:0!important;box-shadow:none!important}
#openingView .theatre-case-bay:before{background:none!important}
#openingView .theatre-case-bay .hero-case{min-height:125px!important;max-height:215px!important}
#openingView .theatre-case-bay .hero-case img{max-height:190px!important}
#openingView .theatre-reel-bay{min-height:230px!important;padding:18px 12px!important;background:linear-gradient(#202c36,#1a2630)!important;border:1px solid #53626d!important;box-shadow:none!important}
#openingView .theatre-eyebrow{color:#9fb2bf!important;font-size:10px!important}
#openingView .theatre-bay-foot{color:#8b9ca8!important;font-size:9px!important}
#openingView .theatre-reel-bay .reel-wrap{margin:16px 0!important;border:1px solid #647483!important;border-radius:0!important;box-shadow:0 0 30px #0005!important}
#openingView .reel-shroud{background:linear-gradient(#18242d,#273540)!important}
#openingView .marker{filter:drop-shadow(0 0 4px #e9d5a6)!important}
#openingView .open-action-row{max-width:680px!important}
#openingView .btn-open{border-radius:2px!important;background:linear-gradient(#d7b36d,#aa813c)!important;color:#17212a!important;box-shadow:inset 0 1px #fff5!important;font-weight:850!important}
#openingView .btn-open-alternate{border-radius:2px!important}
#openingView .tierlegend{background:#1e2933!important;border:1px solid #455561!important;border-radius:2px!important}
#inventoryView .collector-workspace{border:1px solid #4b5c68!important;border-radius:2px!important;background:#1c2731!important}
#inventoryView .collector-topline{background:linear-gradient(90deg,#303e4a,#202b35)!important;border-bottom:1px solid #4b5c68!important;padding:19px 22px!important}
#inventoryView .collector-topline h2{font-size:24px!important;letter-spacing:.04em!important}
#inventoryView .armoury-main{grid-template-columns:164px minmax(0,1fr)!important;min-height:300px!important}
#inventoryView .armoury-sidebar{background:#202d37!important;border-right:1px solid #455661!important}
#inventoryView .armoury-sidebar-label{color:#a8b9c4!important}
#inventoryView .collector-categories button{border-radius:0!important;border:1px solid transparent!important;padding:11px 10px!important;background:transparent!important;color:#b6c4cc!important;font-size:11px!important}
#inventoryView .collector-categories button:hover{background:#354451!important}
#inventoryView .collector-categories button.active{background:#425565!important;border-color:#5e7687!important;border-left:3px solid #b7cad7!important;color:#fff!important}
#inventoryView .armoury-side-note strong{color:#a8bbc8!important}
#inventoryView .armoury-preview{background:radial-gradient(ellipse at 50% 30%,#53657455,transparent 65%),#27343e!important}
#inventoryView .collector-selection{min-height:280px!important}
#inventoryView .inventorygrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,152px),1fr))!important;gap:6px!important}
#inventoryView .inventorygrid .itemcard{border-radius:1px!important;background:linear-gradient(#354450,#25323d)!important;border:1px solid #50616d!important;box-shadow:none!important;transition:border-color .15s,background .15s!important}
#inventoryView .inventorygrid .itemcard:hover{border-color:#a7bac7!important;background:#425361!important;transform:none!important}
#inventoryView .inventory-summary>div{border-radius:2px!important;background:#25333e!important;border:1px solid #42525e!important}
#inventoryView .showcase{border-radius:2px!important}
#inventoryView .collection-section-head h2{color:#dfe7ec!important}
@media(max-width:850px){#inventoryView .armoury-main{grid-template-columns:1fr!important}#inventoryView .armoury-sidebar{border-right:0!important;border-bottom:1px solid #455661!important}#openingView .theatre-case-bay{min-height:145px!important}}
@media(max-width:540px){#openingView .opening-theatre-head{padding:12px!important}#openingView .opening-theatre-head strong{font-size:13px!important}#openingView .theatre-reel-bay{min-height:185px!important;padding:10px 6px!important}#inventoryView .inventorygrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#inventoryView .collector-topline{padding:14px!important}}