.case{transition:opacity .3s}.case:hover{cursor:grab}.case:active{cursor:grabbing}.card{z-index:1;animation:2s ease-in-out infinite halo-breathe;position:relative;overflow:hidden}.card:before{content:"";z-index:4;pointer-events:none;mix-blend-mode:plus-lighter;offset-path:inset(0 round 4px);offset-rotate:0deg;background:#fff5c8;border-radius:50%;width:9px;height:9px;animation:2.7s linear infinite travel-edge;position:absolute;top:0;left:0;box-shadow:0 0 6px 1px #ffdc5af2,0 0 14px 4px #ffc82880,0 0 28px 10px #ffb4142e}@keyframes travel-edge{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes halo-breathe{0%,to{box-shadow:0 0 #ffc80000,0 0 14px 2px #ffc80014}50%{box-shadow:0 0 0 5px #ffc8000f,0 0 32px 10px #ffc80033}}.card-inner{z-index:3;position:relative}.shimmer{z-index:2;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(108deg,#0000 38%,#ffeb6412 46%,#ffffd224 50%,#ffeb6412 54%,#0000 62%);width:55%;height:200%;animation:5.5s ease-in-out infinite shimmer-drift;position:absolute;top:-50%;left:-100%}@keyframes shimmer-drift{0%{opacity:0;transform:translate(0%)}8%{opacity:1}58%{opacity:1;transform:translate(620%)}68%{opacity:0;transform:translate(620%)}to{opacity:0;transform:translate(620%)}}.star-glow button{animation:2s ease-in-out infinite star-pulse}@keyframes star-pulse{0%,to{filter:drop-shadow(0 0 3px #ffc80059)}50%{filter:drop-shadow(0 0 9px #ffd200d1)}}[data-mantine-color-scheme=light] .card{animation:2s ease-in-out infinite halo-breathe-light}@keyframes halo-breathe-light{0%,to{box-shadow:0 0 0 1px #b4820026,0 0 12px 2px #b482001f}50%{box-shadow:0 0 0 3px #b4820040,0 0 24px 8px #b482004d}}[data-mantine-color-scheme=light] .card:before{mix-blend-mode:normal;background:#ffbe00;box-shadow:0 0 8px 3px #ffbe00e6,0 0 18px 6px #ffa00073,0 0 32px 12px #ff8c002e}[data-mantine-color-scheme=light] .shimmer:after{background:linear-gradient(108deg,#0000 38%,#b4820014 46%,#dcaa0033 50%,#b4820014 54%,#0000 62%)}.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)}}