/* CASE//LAB 12.0: structural case theatre + armoury, deliberately not another card reskin */
#openingView .opening-theatre-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;background:#0b0e13;border:1px solid #3d3326;border-bottom:0;color:#d9b77f;letter-spacing:.12em;font-size:10px;font-weight:800}
#openingView .opening-theatre-head strong{font-size:clamp(13px,1.7vw,20px);color:#f5eee2;letter-spacing:.09em;text-align:center}
#openingView .opening-journey{margin:0!important;border-radius:0!important;background:#171a1f!important;border:1px solid #3d3326!important;padding:15px 22px!important}
#openingView .unlock-stage{border-radius:0 0 22px 22px!important;padding:clamp(16px,2vw,30px)!important;background:radial-gradient(ellipse at 35% 0%,#42301c 0%,transparent 55%),linear-gradient(160deg,#15191f,#090c11)!important;border:1px solid #4b3927!important;box-shadow:0 30px 80px #0008!important}
#openingView .theatre-screen{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.6fr);gap:14px;min-width:0;margin:20px 0 24px;align-items:stretch}
#openingView .theatre-case-bay,#openingView .theatre-reel-bay{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:linear-gradient(155deg,#202329,#0d1015);border:1px solid #5c4830;box-shadow:inset 0 1px #ffffff14,0 18px 36px #0007;padding:20px;min-height:320px}
#openingView .theatre-case-bay:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#c18b3538,transparent 66%);pointer-events:none}
#openingView .theatre-eyebrow{position:relative;z-index:2;font-size:10px;letter-spacing:.18em;font-weight:900;color:#e6bc7a}
#openingView .theatre-bay-foot{margin-top:auto;position:relative;z-index:2;font-size:9px;letter-spacing:.13em;color:#9a948d;text-align:center;padding-top:16px}
#openingView .theatre-case-bay .hero-case{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:200px;margin:0!important;transform:none!important}
#openingView .theatre-case-bay .hero-case img{max-height:230px;object-fit:contain;filter:drop-shadow(0 22px 22px #000b)}
#openingView .theatre-reel-bay .reel-wrap{width:100%;max-width:none!important;min-width:0;margin:auto 0!important;box-shadow:0 0 0 1px #ffffff13,0 16px 50px #0009}
#openingView .open-action-row{max-width:660px;margin:18px auto!important;display:flex;gap:12px;justify-content:center}
#openingView .btn-open{min-height:62px;font-size:14px;letter-spacing:.1em;flex:2}
#openingView .btn-open-alternate{min-height:62px;flex:1}
#inventoryView .collector-workspace{padding:0!important;overflow:hidden;background:#0e1117!important;border:1px solid #55432d!important;border-radius:16px!important}
#inventoryView .collector-topline{padding:26px 30px;margin:0!important;background:linear-gradient(100deg,#2c241c,#14171c 70%);border-bottom:1px solid #55432d}
#inventoryView .armoury-main{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:390px}
#inventoryView .armoury-sidebar{padding:20px 12px;background:#14181e;border-right:1px solid #383a3e;min-width:0}
#inventoryView .armoury-sidebar-label{display:block;color:#e6bc7a;font-size:10px;font-weight:900;letter-spacing:.16em;padding:4px 10px 16px}
#inventoryView .collector-categories{display:flex!important;flex-direction:column;overflow:visible!important;gap:6px;padding:0!important}
#inventoryView .collector-categories button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;white-space:normal;border-radius:6px;padding:14px 12px;transform:none!important}
#inventoryView .collector-categories button.active{border-left:3px solid #eab86d;background:linear-gradient(90deg,#5b4125,#28221c)}
#inventoryView .armoury-side-note{margin:30px 8px 0;padding-top:18px;border-top:1px solid #353535;color:#9d9b98;font-size:11px;line-height:1.7}
#inventoryView .armoury-side-note strong{color:#d8bd93;letter-spacing:.1em;font-size:10px}
#inventoryView .armoury-preview{padding:clamp(12px,2vw,26px);min-width:0;display:flex;align-items:stretch}
#inventoryView .collector-selection{width:100%;min-width:0;min-height:320px}
#inventoryView .collector-hero{min-height:320px;max-width:none!important}
#inventoryView .inventorygrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,175px),1fr))!important;gap:12px!important}
#inventoryView .inventorygrid .itemcard{min-width:0}
@media(max-width:850px){#openingView .theatre-screen{grid-template-columns:1fr}#openingView .theatre-case-bay{min-height:240px}#openingView .theatre-reel-bay{min-height:240px}#inventoryView .armoury-main{grid-template-columns:1fr}#inventoryView .armoury-sidebar{border-right:0;border-bottom:1px solid #383a3e}#inventoryView .collector-categories{flex-direction:row!important;overflow-x:auto!important}#inventoryView .collector-categories button{width:auto;flex:0 0 auto;gap:12px}#inventoryView .armoury-side-note{display:none}}
@media(max-width:540px){#openingView .opening-theatre-head{flex-direction:column;text-align:center;gap:6px}#openingView .theatre-case-bay,#openingView .theatre-reel-bay{padding:12px;min-height:210px}#openingView .open-action-row{flex-direction:column}#inventoryView .collector-topline{padding:20px 16px}#inventoryView .armoury-preview{padding:10px}}
@media(prefers-reduced-motion:reduce){#openingView .theatre-case-bay *,#inventoryView .armoury-main *{animation-duration:.01ms!important}}