/* 12.4 — Physical case unlock, purely visual and independent of cloud rewards. */
.theatre-case-bay{position:relative;isolation:isolate;overflow:hidden}
.case-unlock-sequence{position:absolute;inset:30px 0 24px;z-index:5;display:grid;place-items:center;align-content:center;gap:18px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s}
.case-unlocking .case-unlock-sequence{opacity:1;visibility:visible}
.case-unlocking #caseHero{filter:brightness(.52) blur(2px);transform:translateY(-8px) scale(.94);transition:transform .55s ease,filter .55s ease}
.case-unlock-sequence:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(26,35,44,.78),rgba(8,13,18,.95) 75%);z-index:-1}
.case-unlock-light{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(216,177,97,.16),transparent 55%);opacity:.3;transition:opacity .5s}
.case-unlock-lock{width:94px;height:94px;border:2px solid #88929a;background:linear-gradient(145deg,#3d4852,#11171d);box-shadow:0 14px 35px #0009,inset 0 1px 0 #ffffff45;display:grid;place-items:center;position:relative;transform:translateY(14px) scale(.85);opacity:0;animation:case-lock-enter .55s ease forwards}
.case-unlock-keyhole{font-size:28px;color:#d4c18f;text-shadow:0 0 12px #e0b66688}
.case-unlock-key{position:absolute;font-size:30px;color:#dfbd7c;left:-35px;top:31px;transform:rotate(-50deg);transition:transform .6s ease,left .6s ease}
.key-turning .case-unlock-key{left:35px;transform:rotate(90deg)}
.key-turning .case-unlock-lock{border-color:#d9b775;box-shadow:0 0 36px #e1ae543d,inset 0 1px 0 #ffffff55}
.case-unsealed .case-unlock-lock{transform:translateY(-25px) scale(1.15);opacity:0;transition:transform .65s ease,opacity .65s ease}
.case-unsealed .case-unlock-light{opacity:1}
.case-unlock-message{font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.24em;color:#e6d5ad;text-shadow:0 2px 12px #000}
.case-unlocking .theatre-reel-bay{filter:brightness(.5);transition:filter .4s}
.case-unsealed .theatre-reel-bay{filter:brightness(1)}
@keyframes case-lock-enter{to{transform:translateY(0) scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.case-unlock-sequence,.case-unlock-lock,.case-unlock-key,.case-unlock-light{animation:none!important;transition:none!important}}
@media(max-width:640px){.case-unlock-sequence{inset:18px 0}.case-unlock-lock{width:70px;height:70px}.case-unlock-key{top:19px}}