.booster-container{transform-style:preserve-3d;--mx:50%;--my:50%;filter:drop-shadow(0 0 18px #00c8ff40);cursor:pointer;isolation:isolate;flex-direction:column;align-items:center;margin-top:230px;transition:transform .15s ease-out;display:flex;position:relative;overflow:visible}.booster-top,.booster-bottom{line-height:0}.booster-top{z-index:2;transform-origin:100% 100%;will-change:transform,opacity;transition:none;position:relative}.booster-bottom{z-index:1;position:relative}.booster-container:before{content:"";pointer-events:none;z-index:3;background:radial-gradient(circle at var(--mx)var(--my),#fff3,#fff0 40%);mix-blend-mode:overlay;opacity:1;transition:opacity .15s ease-out;position:absolute;inset:10px}.booster-container.shake:before,.booster-container.open:before{opacity:0}.pack-light{opacity:0;filter:blur(10px);pointer-events:none;background:radial-gradient(circle at 50% 30%,#00c8ffe6,#00c8ff33,#0000);border-radius:999px;width:220px;height:140px;transition:opacity .25s,transform .35s;position:absolute;top:40px;left:50%;transform:translate(-50%)scaleY(.2)}.booster-container.open .pack-light{opacity:1;transform:translate(-50%)scaleY(1)}.booster-container.shake{animation:.14s ease-in-out pack-jitter}@keyframes pack-jitter{0%{transform:translate(0)rotate(0)}25%{transform:translate(-2px)rotate(-.6deg)}50%{transform:translate(2px)rotate(.6deg)}75%{transform:translate(-1px)rotate(-.3deg)}to{transform:translate(0)rotate(0)}}@media (max-height:700px){.booster-container{margin-top:120px}}@media (max-width:576px){.booster-container{margin-top:184px;transform:scale(.8)}}
.overlay{z-index:999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(#0028508c 0%,#000000d9 70%);flex-direction:column;justify-content:space-around;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden visible}.overlay-title{letter-spacing:6px;text-transform:uppercase;color:#cef;text-shadow:0 0 10px #64c8ffe6,0 0 25px #3296ff99;font-size:2.4rem}.card-scroll-wrapper{scrollbar-width:thin;scrollbar-color:#4da3ff #0000004d;width:90%;max-width:100%;overflow:auto hidden}.card-section{perspective:1200px;flex-wrap:nowrap;justify-content:center;gap:2rem;padding-top:1rem;display:flex}.step-2{justify-content:flex-start}.overlay-button{color:#eaf6ff;cursor:pointer;background:linear-gradient(135deg,#1fa2ff,#07f);border:none;border-radius:999px;padding:14px 36px;font-size:1rem;font-weight:600;box-shadow:0 0 15px #0096ffcc,0 0 35px #0078ff99}.overlay-button:hover{transform:translateY(-1px);box-shadow:0 0 16px #00b4ff,0 0 36px #0078ffe6}.card-image-0{width:350px;height:530px}.card-image-1{width:270px;height:400px}.card-image-2{transition:transform .3s}.card-image-2:hover{transform:translateY(-12px)}.card-wrapper{transform-style:preserve-3d;z-index:1;--my:50%;position:relative}.flip-in{animation:.85s cubic-bezier(.22,.61,.36,1) both flipIn}@keyframes flipIn{0%{opacity:0;filter:brightness(2);transform:rotateY(90deg)scale(.9)}55%{opacity:1;filter:brightness(1.3);transform:rotateY(-10deg)scale(1.03)}75%{filter:brightness();transform:rotateY(5deg)scale(1)}to{opacity:1;transform:rotateY(0)scale(1)}}.tooltip{color:#fff;pointer-events:none;white-space:pre-line;background:#0a2a4f;border-radius:6px;min-width:200px;padding:6px 10px;font-size:12px;animation:.15s fadeIn;position:absolute}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.card-wrapper:hover .tooltip{right:auto}.card-wrapper:hover:has(.tooltip){z-index:10}.tooltip-title{margin-bottom:4px;font-size:14px;font-weight:700}.tooltip-subtitle{opacity:.8;margin-bottom:8px;font-size:12px}.tooltip-body{margin:0;font-size:12px;line-height:1.4}
.cursor-container{pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;top:60%;left:65%;transform:translate(25%,-50%)}.cursor-icon{filter:invert()drop-shadow(0 0 8px #00bfff)drop-shadow(0 0 16px #00bfff);opacity:.9}.cursor-label{color:#fff;text-shadow:0 0 6px #00bfff;font-size:1.25rem}@media (max-width:700px){.cursor-container{right:62px;transform:scale(.8)}}@media (max-width:576px){.cursor-container{top:50%;right:-40px;transform:scale(.5)}}