.case-stage{--case-lift: 0px;--case-scale: .985;--case-rotate: -1.1deg;--open-progress: 0;--shadow-opacity: .5;position:relative;display:grid;place-items:center;width:min(100%,var(--case-stage-max));aspect-ratio:1 / 1;margin-inline:auto;border-radius:clamp(24px,3vw,44px);background:linear-gradient(145deg,rgb(255 255 255 / .075),transparent 24%),radial-gradient(circle at 50% 58%,rgb(44 97 215 / .26),transparent 42%),linear-gradient(180deg,#0a0f1eeb,#04070fa3);box-shadow:inset 0 1px #ffffff17,inset 0 -1px #ffffff0b,0 32px 120px #00000057;isolation:isolate}.case-stage__ambient{position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:0;border-radius:999px;background:radial-gradient(circle at 46% 44%,rgb(82 131 255 / .34),transparent 33%),radial-gradient(circle at 64% 64%,var(--case-green),transparent 31%),radial-gradient(circle at 34% 66%,var(--case-violet),transparent 38%);filter:blur(28px);opacity:calc(.6 + var(--open-progress) * .2);transform:scale(calc(.94 + var(--open-progress) * .08))}.case-stage__surface{position:absolute;right:13%;bottom:13%;left:13%;z-index:1;height:15%;border-radius:999px;background:radial-gradient(ellipse at center,rgb(0 0 0 / .72),transparent 72%);filter:blur(16px);opacity:var(--shadow-opacity);transform:scaleX(calc(.84 + var(--open-progress) * .22));transform-origin:center}.case-object{position:relative;z-index:2;width:min(104%,760px);aspect-ratio:2918 / 2873;filter:drop-shadow(0 44px 44px rgb(0 0 0 / .38)) drop-shadow(0 6px 18px rgb(78 116 255 / .1));transform:translate3d(0,var(--case-lift),0) rotate(var(--case-rotate)) scale(var(--case-scale));transform-origin:50% 62%;transition:filter .42s ease;will-change:transform}.case-object:before{position:absolute;top:12%;right:8%;bottom:8%;left:8%;z-index:-1;content:"";border-radius:999px;background:radial-gradient(ellipse at center,rgb(36 87 198 / .32),transparent 68%);filter:blur(26px);opacity:calc(.34 + var(--open-progress) * .22);transform:translateY(7%)}.case-object__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:var(--frame-opacity, 0);filter:brightness(.88) contrast(1.09) saturate(.88);transform:translateZ(0);will-change:opacity;-webkit-mask-image:radial-gradient(ellipse at 52% 55%,#000 0%,#000 58%,rgb(0 0 0 / .82) 76%,rgb(0 0 0 / .28) 100%);mask-image:radial-gradient(ellipse at 52% 55%,#000,#000 58%,#000000d1 76%,#00000047)}.case-object__frame:first-child{--frame-opacity: 1}.case-object__light-map,.case-object__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:32px}.case-object__light-map{z-index:4;background:radial-gradient(ellipse at 31% 43%,rgb(255 255 255 / .2),transparent 19%),linear-gradient(127deg,rgb(148 190 255 / .2) 0%,transparent 31%),linear-gradient(305deg,rgb(5 9 18 / .58) 4%,transparent 39%);mix-blend-mode:soft-light;opacity:.72;-webkit-mask-image:radial-gradient(ellipse at 51% 57%,rgb(0 0 0 / .94) 0%,rgb(0 0 0 / .86) 64%,transparent 92%);mask-image:radial-gradient(ellipse at 51% 57%,rgb(0 0 0 / .94) 0%,rgb(0 0 0 / .86) 64%,transparent 92%)}.case-object__vignette{z-index:5;background:radial-gradient(ellipse at 50% 52%,transparent 42%,rgb(3 7 18 / .36) 82%,rgb(3 7 18 / .74) 100%),linear-gradient(180deg,rgb(255 255 255 / .055),transparent 18%,rgb(0 0 0 / .28) 100%);mix-blend-mode:multiply;opacity:.62}[data-ready-state=error] .case-stage{outline:1px solid rgb(255 105 105 / .58)}@media (max-width: 1040px){.case-stage{width:min(100%,660px)}}@media (max-width: 680px){.case-stage{border-radius:24px}.case-object{width:105%}}@media (prefers-reduced-motion: reduce){.case-stage__ambient,.case-stage__surface,.case-object{transition:none}}