.mog .mog-icons{transition:all .2s;opacity:0!important}.mog:hover .mog-icons{transition:all .2s;opacity:1!important}
.case:hover{cursor:grab}.case:active{cursor:grabbing}.card{z-index:1;position:relative;overflow:hidden}.bg{z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:absolute;inset:5px}.blob{z-index:1;filter:blur(12px);pointer-events:none;background-color:#ffd900b3;width:clamp(80px,60%,180px);height:clamp(80px,60%,180px);animation:4s linear infinite blob-bounce;position:absolute;top:50%;left:50%}.card-inner{z-index:3;position:relative}@keyframes blob-bounce{0%{transform:translate(-100%,-100%)}25%{transform:translateY(-100%)}50%{transform:translate(0%)}75%{transform:translate(-100%)}to{transform:translate(-100%,-100%)}}.tilt{transform-style:preserve-3d;transition:transform .2s,box-shadow .2s}.tilt:hover{transform:perspective(600px)rotateX(4deg)rotateY(-4deg)translateY(-2px);box-shadow:0 8px 20px #00000026}.tilt:active{transform:perspective(600px)rotateX(1deg)rotateY(-1deg)translateY(0)}.case-opened-anim{animation:.44s ease-out forwards case-opened}@keyframes case-opened{0%{opacity:1;transform:scale(1)translateY(0)}40%{opacity:1;transform:scale(1.03)translateY(-2px)}to{opacity:.25;transform:scale(.98)translateY(4px)}}