.case-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}
.case-atmosphere>div{position:absolute;inset:-5%;transform-origin:center;will-change:opacity,transform}
.case-glow-cyan{background:radial-gradient(ellipse 52% 72% at -4% 25%,#65d2e9c7,transparent 78%),radial-gradient(ellipse 44% 45% at 72% 110%,#65d2e980,transparent 80%);animation:case-cyan-breathe 5s ease-in-out infinite;opacity:.72}
.case-glow-rose{background:radial-gradient(ellipse 52% 75% at 105% 68%,#e6436dd1,transparent 80%),radial-gradient(ellipse 45% 34% at 80% -8%,#e6436d8c,transparent 83%);animation:case-rose-breathe 6.5s ease-in-out infinite;opacity:.65}
.case-atmosphere>.case-pattern{inset:0;will-change:auto;background-image:linear-gradient(#91c5d30b 1px,transparent 1px),linear-gradient(90deg,#91c5d30b 1px,transparent 1px),radial-gradient(circle,#b6d8e02b .8px,transparent 1px);background-size:72px 72px,72px 72px,24px 24px;mask-image:linear-gradient(90deg,#000,transparent 38%,transparent 62%,#000);opacity:.65}
@keyframes case-cyan-breathe{0%,100%{opacity:.32;transform:translate3d(-2%,-1%,0) scale(.96)}50%{opacity:1;transform:translate3d(3%,3%,0) scale(1.12)}}
@keyframes case-rose-breathe{0%,100%{opacity:1;transform:translate3d(2%,2%,0) scale(1.12)}50%{opacity:.3;transform:translate3d(-2%,-2%,0) scale(.96)}}
@media(max-width:700px){.case-glow-cyan{background:radial-gradient(ellipse 65% 55% at -18% 20%,#65d2e9a8,transparent 82%),radial-gradient(ellipse 65% 35% at 40% 110%,#65d2e963,transparent 80%)}.case-glow-rose{background:radial-gradient(ellipse 65% 62% at 120% 65%,#e6436db3,transparent 82%),radial-gradient(ellipse 70% 30% at 100% -10%,#e6436d78,transparent 80%)}.case-atmosphere>.case-pattern{background-size:56px 56px,56px 56px,28px 28px;opacity:.45}}
@media(prefers-reduced-motion:reduce){.case-atmosphere>div{animation:none;transform:none;will-change:auto}.case-glow-cyan{opacity:.78}.case-glow-rose{opacity:.7}}