/* 12.2 — interaction-first, CS2-inspired equipment presentation */
#openingView .opening-theatre-head,#openingView .opening-journey,#openingView .theatre-eyebrow,#openingView .theatre-bay-foot{display:none!important}
#openingView .unlock-stage{padding:0 0 26px!important;background:linear-gradient(180deg,#364653 0%,#24323e 40%,#19232d 100%)!important;border:0!important;box-shadow:inset 0 1px #ffffff24,0 16px 50px #0005!important}
#openingView .theatre-screen{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important}
#openingView .theatre-case-bay{min-height:215px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;background:radial-gradient(ellipse at 50% 110%,#8999a04a,transparent 65%)!important;box-shadow:none!important}
#openingView .theatre-case-bay .hero-case{height:210px!important;min-height:210px!important;display:grid!important;place-items:center!important}
#openingView .theatre-case-bay .hero-case img{max-height:205px!important;max-width:min(420px,75vw)!important;filter:drop-shadow(0 25px 16px #0009)!important}
#openingView .theatre-reel-bay{padding:0!important;min-height:unset!important;border:0!important;background:transparent!important;box-shadow:none!important}
#openingView .theatre-reel-bay .reel-wrap{margin:0!important;border:0!important;border-top:1px solid #718391!important;border-bottom:1px solid #718391!important;box-shadow:0 13px 35px #0006!important;border-radius:0!important}
#openingView .reel-shroud{height:190px!important;background:#19232b!important;overflow:hidden!important;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)!important}
#openingView .reel{height:100%!important;align-items:center!important;gap:4px!important;will-change:transform!important}
#openingView .reelitem{flex:0 0 164px!important;width:164px!important;height:172px!important;border-radius:0!important;background:linear-gradient(180deg,#52616b 0%,#3b4853 70%,#303c46 100%)!important;border:0!important;border-bottom:5px solid var(--tier,#6582aa)!important;box-shadow:inset 0 1px #ffffff1a!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important}
#openingView .reelitem img{height:113px!important;max-width:155px!important;object-fit:contain!important;filter:drop-shadow(0 9px 6px #0006)!important}
#openingView .reelitem small{font-size:10px!important;font-weight:650!important;line-height:1.25!important;padding:0 7px!important;color:#e2e8ec!important;text-shadow:0 1px #0008!important}
#openingView .marker{z-index:5!important;background:#e9e3d4!important;filter:drop-shadow(0 0 5px #fff9)!important}
#openingView .centre-glow{opacity:.12!important}
#openingView .unlock-stage.spinning .reel-wrap{box-shadow:0 10px 45px #000a!important}
#openingView .unlock-stage.spinning .hero-case{opacity:.5!important;transform:scale(.96)!important;transition:opacity .35s,transform .35s!important}
#openingView .openstatus{font-size:11px!important;letter-spacing:.15em!important;margin:18px auto!important}
#openingView .btn-open{border-radius:0!important;background:#c9ad6a!important;color:#17232b!important;font-weight:800!important;box-shadow:inset 0 1px #fff7!important}
#openingView .btn-open:hover{background:#e0c586!important}
#inventoryView .armoury-main{grid-template-columns:160px minmax(0,1fr)!important;gap:12px!important}
#inventoryView .armoury-sidebar,#inventoryView .armoury-preview,#inventoryView .collector-selection{border-radius:0!important;box-shadow:none!important}
#inventoryView .armoury-sidebar{background:#1c2933!important;border:1px solid #3e4c57!important}
#inventoryView .collector-categories{display:flex!important;flex-direction:column!important;gap:2px!important}
#inventoryView .collector-categories button{border-radius:0!important;text-align:left!important;justify-content:space-between!important;padding:11px 12px!important}
#inventoryView .collector-categories button.active{background:#526777!important;color:#fff!important;border-left:3px solid #b7c6d0!important}
#inventoryView .inventorygrid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr))!important;gap:5px!important}
#inventoryView .inventorygrid .itemcard{border-radius:0!important;background:linear-gradient(150deg,#4b5963,#303e49)!important;box-shadow:none!important;min-width:0!important;transition:background .14s,outline-color .14s!important;transform:none!important}
#inventoryView .inventorygrid .itemcard:hover,#inventoryView .inventorygrid .itemcard:focus-visible{background:#61717d!important;outline:1px solid #b7c6d0!important;z-index:2!important}
#inventoryView .inventorygrid .itemart{min-height:125px!important;display:grid!important;place-items:center!important}
#inventoryView .inventorygrid .itemart img{max-height:114px!important;filter:drop-shadow(0 9px 6px #0007)!important}
#inventoryView .inventorygrid .item-data{padding:8px 9px!important}
#inventoryView .inventorygrid .item-data strong{font-size:11px!important}
#inventoryView .inventorygrid .item-data p{font-size:10px!important}
#inventoryView .inventorygrid .item-actions{gap:3px!important}
#inventoryView .inventorygrid .item-actions button{border-radius:0!important;font-size:9px!important;padding:7px 3px!important}
#resultModal .reveal-scene{background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--tier) 22%,transparent),transparent 65%),linear-gradient(#34434e,#17222c)!important;border-radius:0!important}
#resultModal .reveal-image img{filter:drop-shadow(0 28px 20px #0009)!important}
@media(max-width:760px){#openingView .theatre-case-bay{min-height:160px!important}#openingView .theatre-case-bay .hero-case{height:150px!important;min-height:150px!important}#openingView .theatre-case-bay .hero-case img{max-height:145px!important}#openingView .reel-shroud{height:148px!important}#openingView .reelitem{flex-basis:126px!important;width:126px!important;height:135px!important}#openingView .reelitem img{height:86px!important;max-width:120px!important}#inventoryView .armoury-main{display:block!important}#inventoryView .collector-categories{flex-direction:row!important;overflow-x:auto!important;gap:4px!important}#inventoryView .collector-categories button{white-space:nowrap!important}#inventoryView .inventorygrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}}
@media(prefers-reduced-motion:reduce){#openingView .reelitem,#inventoryView .itemcard{transition:none!important}}