@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --gradient-angle-offset{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --gradient-percent{syntax: "<percentage>"; initial-value: 20%; inherits: false;}@property --gradient-shine{syntax: "<color>"; initial-value: #00ff9d; inherits: false;}.shiny-card{--gradient-angle: 0deg;--gradient-angle-offset: 0deg;--gradient-percent: 20%;--gradient-shine: rgba(0, 255, 157, .35);--shadow-size: 2px;position:relative;overflow:hidden;border-radius:1rem;color:#fff;background:linear-gradient(#050505,#050505) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent 0%,rgba(0,255,157,.35) 5%,var(--gradient-shine) 15%,rgba(0,255,157,.35) 30%,transparent 40%,transparent 100%) border-box;border:2px solid transparent;box-shadow:inset 0 0 0 1px #1a1818;outline:none;transition:--gradient-angle-offset .8s cubic-bezier(.25,1,.5,1),--gradient-percent .8s cubic-bezier(.25,1,.5,1),--gradient-shine .8s cubic-bezier(.25,1,.5,1),box-shadow .3s;isolation:isolate;z-index:0;animation:border-spin 4s linear infinite}@keyframes border-spin{to{--gradient-angle: 360deg}}.shiny-card:active{transform:translateY(1px)}.shiny-card:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;--size: 100%;--position: 2px;--space: 4px;width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position) var(--position),white .5px,transparent 0) padding-box;background-size:var(--space) var(--space);background-repeat:space;-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.2;pointer-events:none}.shiny-card:after{content:"";pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:200%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,#00ff9d,transparent);opacity:.05;animation:shimmer 7s linear infinite;animation-play-state:running}@keyframes shimmer{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes slide-up-spring{0%{transform:translateY(100%);opacity:0}60%{transform:translateY(-10px);opacity:1}80%{transform:translateY(5px)}to{transform:translateY(0)}}.animate-slide-up{animation:slide-up-spring .6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes scan{0%{left:-100%}to{left:200%}}.scan-line{position:absolute;top:0;left:-50%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:scan 2s infinite ease-in-out;transform:skew(-20deg);pointer-events:none;z-index:10}@keyframes star-shine{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1) rotate(90deg);opacity:1}to{transform:scale(0) rotate(180deg);opacity:0}}.star-sparkle{position:absolute;top:15%;right:15%;width:24px;height:24px;background:#fff;clip-path:polygon(50% 0%,61% 35%,100% 50%,61% 65%,50% 100%,39% 65%,0% 50%,39% 35%);z-index:40;opacity:0;animation:star-shine 1s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:.4s;box-shadow:0 0 10px #fffc}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.shake-animation{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-from-bottom{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.animate-in{animation-fill-mode:both}.fade-in{animation-name:fade-in}.slide-in-from-bottom-4{animation-name:slide-in-from-bottom}.duration-700{animation-duration:.7s}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes ticket-flip-in{0%{transform:rotateY(-90deg) scale(.96);opacity:0}55%{transform:rotateY(6deg) scale(1.01);opacity:1}75%{transform:rotateY(-3deg) scale(.99)}to{transform:rotateY(0) scale(1);opacity:1}}.ticket-flip-in{perspective:1000px;animation:ticket-flip-in 1.1s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.3s;transform-origin:center center;will-change:transform,opacity}@keyframes shimmer-slide{to{transform:translate(calc(100cqw - 100%))}}@keyframes spin-around{0%{transform:translateZ(0) rotate(0)}15%,35%{transform:translateZ(0) rotate(90deg)}65%,85%{transform:translateZ(0) rotate(270deg)}to{transform:translateZ(0) rotate(360deg)}}