@keyframes holo-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes chromatic-wave{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes liquid-flow{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes pulse-glow{0%,to{opacity:.8}50%{opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(100%)rotate(45deg)}}.bg-holo-iridescent{background:linear-gradient(135deg,#ff0080 0%,#ff8c00 14%,#40e0d0 28%,#00bfff 42%,#8a2be2 57%,#ff1493 71%,#00ff7f 85%,#ff0080 100%) 0 0/400% 400%;animation:8s infinite holo-shift}.bg-holo-iridescent-dark{background:linear-gradient(135deg,#000 0%,#1a0a2e 15%,#16213e 30%,#0f3460 45%,#533483 60%,#e94560 75%,#1a0a2e 90%,#000 100%) 0 0/400% 400%;animation:10s infinite holo-shift}.bg-chromatic-wave{background-color:#0000;background-image:radial-gradient(at 20%,#0096ffcc 0%,#0000 50%),radial-gradient(at 80%,#00c8ff99 0%,#0000 50%),radial-gradient(at 50% 80%,#6400ff80 0%,#0000 50%),linear-gradient(#001 0%,#002 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:12s ease-in-out infinite liquid-flow}.bg-chromatic-neon{background:radial-gradient(circle at 30% 30%,#0ff6 0%,#0000 40%),radial-gradient(circle at 70% 70%,#ff008066 0%,#0000 40%),radial-gradient(circle,#8000ff4d 0%,#0000 60%),#0a0a0a;animation:15s linear infinite chromatic-wave}.bg-liquid-sunset{background:linear-gradient(45deg,#ff006e 0%,#fb5607 20%,#ffbe0b 40%,#00f5d4 60%,#8338ec 80%,#ff006e 100%) 0 0/300% 300%;animation:8s infinite liquid-flow}.bg-liquid-ocean{background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#6b8dd6 50%,#8e37d7 75%,#667eea 100%) 0 0/400% 400%;animation:6s infinite holo-shift}.bg-liquid-toxic{background:linear-gradient(60deg,#00ff87 0%,#60efff 25%,#ff00ea 50%,#ff7b00 75%,#00ff87 100%) 0 0/300% 300%;animation:10s infinite liquid-flow}.bg-y2k-silver{background:linear-gradient(135deg,silver 0%,#fff 10%,#a8a8a8 20%,#e8e8e8 30%,#b0b0b0 40%,#f5f5f5 50%,#9a9a9a 60%,#d0d0d0 70%,#b8b8b8 80%,#fff 90%,silver 100%) 0 0/200% 200%;animation:4s infinite holo-shift}.bg-y2k-chrome{background:linear-gradient(135deg,#0000 40%,#fffc 50%,#0000 60%) 0 0/200% 100%,linear-gradient(90deg,#1a1a2e 0%,#16213e 20%,#0f3460 40%,#1a1a2e 60%,#16213e 80%,#0f3460 100%) 0 0/100% 100%;animation:3s linear infinite shimmer}.bg-y2k-bubble{background-color:#0000;background-image:radial-gradient(circle at 25% 25%,#ff69b499 0%,#0000 30%),radial-gradient(circle at 75% 75%,#0ff9 0%,#0000 30%),radial-gradient(circle,#9370db66 0%,#0000 50%),linear-gradient(135deg,#ff69b4 0%,#0ff 50%,#9370db 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:15s infinite liquid-flow}.bg-holo-foil{background:linear-gradient(105deg,red 0%,#f80 10%,#ff0 20%,#8f0 30%,#0f0 40%,#0f8 50%,#0ff 60%,#08f 70%,#00f 80%,#80f 90%,#f0f 100%) 0 0/200% 100%;animation:3s linear infinite holo-shift}.bg-holo-foil-subtle{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(135deg,#ff00804d 0%,#00ffff4d 25%,#ffff004d 50%,#0080ff4d 75%,#ff00804d 100%) 0 0/400% 400%;animation:8s infinite holo-shift}.bg-holo-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #fff3;box-shadow:0 8px 32px #0000004d,inset 0 0 80px #ffffff0d}.bg-holo-glass:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ff00801a 0%,#00ffff1a 50%,#8000ff1a 100%) 0 0/400% 400%;animation:6s infinite holo-shift;position:absolute;inset:0}.bg-glow-pink{filter:blur(20px);will-change:opacity;background:radial-gradient(#ff008066 0%,#ff00801a 40%,#0000 70%);animation:4s infinite pulse-glow}.bg-glow-cyan{filter:blur(20px);will-change:opacity;background:radial-gradient(#0ff6 0%,#00ffff1a 40%,#0000 70%);animation:4s infinite pulse-glow}.bg-glow-multi{filter:blur(20px);will-change:opacity;background:radial-gradient(at 30% 30%,#ff00804d 0%,#0000 50%),radial-gradient(at 70% 30%,#00ffff4d 0%,#0000 50%),radial-gradient(at 50% 70%,#8000ff4d 0%,#0000 50%);animation:5s infinite pulse-glow}.bg-noise:after{content:"";opacity:.05;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.bg-mesh-aurora{background-color:#0a0a0a;background-image:radial-gradient(at 40% 20%,#1a4a6e 0,#0000 50%),radial-gradient(at 80% 0,#9b3d94 0,#0000 50%),radial-gradient(at 0%,#1e6e50 0,#0000 50%),radial-gradient(at 80%,#6e1e50 0,#0000 50%),radial-gradient(at 0 100%,#1a4a6e 0,#0000 50%),radial-gradient(at 80% 100%,#9b593d 0,#0000 50%),radial-gradient(at 0 0,#3d9b94 0,#0000 50%)}.bg-mesh-candy{background-color:#ffecd2;background-image:radial-gradient(at 0 0,#fcb69f 0,#0000 50%),radial-gradient(at 100% 0,#ff9a9e 0,#0000 50%),radial-gradient(at 100% 100%,#a18cd1 0,#0000 50%),radial-gradient(at 0 100%,#fbc2eb 0,#0000 50%)}.holo-container{position:relative;overflow:hidden}.border-holo{background:linear-gradient(#000,#000) 0 0/100% 100% padding-box padding-box,linear-gradient(135deg,#ff0080,#ff8c00,#40e0d0,#00bfff,#8a2be2,#ff1493,#00ff7f,#ff0080) 0 0/400% 400% border-box;border:2px solid #0000;animation:4s infinite holo-shift}.border-holo-glow{background:linear-gradient(#0a0a0a,#0a0a0a) 0 0/100% 100% padding-box padding-box,linear-gradient(135deg,#ff0080,#0ff,#ff0080) 0 0/200% 200% border-box;border:2px solid #0000;animation:3s infinite holo-shift;box-shadow:0 0 20px #ff00804d,0 0 40px #0ff3}.bg-holo-static{background:linear-gradient(135deg,#ff0080 0%,#ff8c00 14%,#40e0d0 28%,#00bfff 42%,#8a2be2 57%,#ff1493 71%,#00ff7f 85%,#ff0080 100%)}.bg-holo-subtle-static{background:linear-gradient(135deg,#ff008026 0%,#00ffff26 25%,#ffff0026 50%,#0080ff26 75%,#ff008026 100%)}.bg-gradient-subtle-dark{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 25%,#16213e 50%,#1a1a2e 75%,#0a0a0a 100%)}.bg-gradient-subtle-light{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 25%,#dee2e6 50%,#e9ecef 75%,#f8f9fa 100%)}.bg-minimal-aurora{background:radial-gradient(at 40% 20%,#1a4a6e4d 0,#0000 50%),radial-gradient(at 80% 0,#9b3d9433 0,#0000 50%),radial-gradient(at 0%,#1e6e5033 0,#0000 50%),#0a0a0a}
.flash-button{z-index:1;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 -1px #ffffff4d,0 1px 2px #003264cc,0 2px 4px #001e3c80;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#7ed0f8 0%,#5dc0f0 15%,#3aa8e0 35%,#2890d0 50%,#2080c0 65%,#1870b0 85%,#1060a0 100%);border:none;border-radius:8px;padding:14px 44px;font-size:26px;font-weight:700;transition:all 80ms ease-out;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff80,inset 0 4px 8px #ffffff40,inset 0 -2px 4px #00285066,0 1px #00285080,0 2px #001e3c4d}.flash-button:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c 0%,#ffffff59 40%,#ffffff1a 80%,#0000 100%);border-radius:7px 7px 50% 50%;height:45%;position:absolute;top:0;left:0;right:0}.flash-button:after{content:"";filter:blur(1px);pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff9 20%,#fffc 50%,#fff9 80%,#0000 100%);border-radius:50%;width:70%;height:8px;position:absolute;top:3px;left:15%}.flash-button:hover{background:linear-gradient(#90daf8 0%,#70ccf4 15%,#50b8ec 35%,#38a0dc 50%,#2890cc 65%,#2080bc 85%,#1870ac 100%);box-shadow:inset 0 2px #fff9,inset 0 4px 10px #ffffff4d,inset 0 -2px 4px #00285066,0 1px #00285080,0 2px #001e3c4d,0 0 20px #64b4f066}.metallic-border-wrapper:hover{box-shadow:2px 2px #5a6a7a,3px 3px #4a5a6a,-1px -1px #fff,-2px -2px #e8f0f8,4px 6px 16px #00000080,0 0 25px #64b4f04d,inset 0 1px #ffffffe6,inset 0 -1px #0003}.flash-button:active{background:linear-gradient(#4ab0e0 0%,#38a0d4 15%,#2890c8 35%,#2080b8 50%,#1870a8 65%,#106098 85%,#085088 100%);transform:translateY(1px);box-shadow:inset 0 2px 4px #00285080,inset 0 4px 8px #001e3c4d,inset 0 -1px #fff3,0 1px #0028504d}.flash-button:active:before{opacity:.7}.flash-button:disabled{color:#d8d8d8;cursor:not-allowed;text-shadow:0 1px 2px #0000004d;background:linear-gradient(#b8c0c8 0%,#a0a8b0 15%,#889098 35%,#788088 50%,#687078 65%,#586068 85%,#485058 100%);box-shadow:inset 0 2px #ffffff4d,inset 0 -2px 4px #0003,0 1px #0003}.metallic-border-wrapper:has(.flash-button:disabled){opacity:.7;box-shadow:1px 1px #6a7a8a,2px 2px #5a6a7a,-1px -1px #e8f0f8,2px 4px 8px #00000040,inset 0 1px #ffffffb3,inset 0 -1px #00000026}.metallic-button-base{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;transition:box-shadow 80ms ease-out;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,inset 0 2px 4px #ffffff26,inset 0 -1px 2px #0003,2px 3px 6px #00000040}.metallic-button-base:before{content:"";pointer-events:none;background:linear-gradient(#ffffff40 0%,#ffffff26 40%,#ffffff0d 80%,#0000 100%);border-radius:4px 4px 50% 50%;height:40%;position:absolute;top:0;left:0;right:0}.metallic-button-base:hover{box-shadow:inset 0 1px #fff6,inset 0 2px 6px #fff3,inset 0 -1px 2px #0003,2px 3px 8px #0000004d}.metallic-button-base:active{box-shadow:inset 0 1px 2px #0000004d,inset 0 2px 4px #0003,1px 2px 4px #0003}.metallic-button-base:active:before{opacity:.6}.flash-button-standalone{color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 -1px #ffffff4d,0 1px 2px #003264cc,0 2px 4px #001e3c80;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#7ed0f8 0%,#5dc0f0 15%,#3aa8e0 35%,#2890d0 50%,#2080c0 65%,#1870b0 85%,#1060a0 100%);border:4px solid #e8f0f8;border-color:#e8f0f8 #8898a8 #6a7a8a #d0dce8;border-radius:12px;font-weight:700;transition:all 80ms ease-out;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff80,inset 0 4px 8px #ffffff40,inset 0 -2px 4px #00285066,0 0 0 2px #b8c8d8,0 0 0 4px #7888a0,0 0 0 5px #c8d4e0,3px 5px 10px #0006}.flash-button-standalone:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c 0%,#ffffff59 40%,#ffffff1a 80%,#0000 100%);border-radius:6px 6px 50% 50%;height:45%;position:absolute;top:0;left:0;right:0}.flash-button-standalone:hover{background:linear-gradient(#90daf8 0%,#70ccf4 15%,#50b8ec 35%,#38a0dc 50%,#2890cc 65%,#2080bc 85%,#1870ac 100%);box-shadow:inset 0 2px #fff9,inset 0 4px 10px #ffffff4d,inset 0 -2px 4px #00285066,0 0 0 2px #c0d0e0,0 0 0 4px #8898a8,0 0 0 5px #d0dce8,3px 5px 14px #00000073,0 0 25px #64b4f059}.flash-button-standalone:active{background:linear-gradient(#4ab0e0 0%,#38a0d4 15%,#2890c8 35%,#2080b8 50%,#1870a8 65%,#106098 85%,#085088 100%);border-color:#8898a8 #c8d4e0 #d8e2ec #7888a0;transform:translateY(2px);box-shadow:inset 0 2px 4px #00285080,inset 0 4px 8px #001e3c4d,0 0 0 2px #a8b8c8,0 0 0 4px #6878a0,0 0 0 5px #b8c4d0,2px 3px 6px #00000059}.flash-button-standalone:disabled{color:#d8d8d8;cursor:not-allowed;background:linear-gradient(#b8c0c8 0%,#a0a8b0 35%,#889098 50%,#788088 65%,#586068 100%);border-color:#c8d0d8 #888890 #707078 #b8c0c8;box-shadow:inset 0 2px #fff3,inset 0 -2px 4px #00000026,0 0 0 2px #a0a8b0,0 0 0 4px #686870,0 0 0 5px #b0b8c0,2px 3px 6px #0003}.flash-button-purple{background:linear-gradient(#d8a8f8 0%,#c090f0 15%,#a878e0 35%,#9060d0 50%,#8050c0 65%,#7040b0 85%,#6030a0 100%)}.flash-button-purple:hover{background:linear-gradient(#e0b8f8 0%,#d0a0f4 15%,#b888ec 35%,#a070dc 50%,#9060cc 65%,#8050bc 85%,#7040ac 100%);box-shadow:inset 0 2px #fff9,inset 0 4px 10px #ffffff4d,inset 0 -2px 4px #50005066,0 0 0 2px #c0d0e0,0 0 0 4px #8898a8,0 0 0 5px #d0dce8,3px 5px 14px #00000073,0 0 25px #a064f059}.flash-button-purple:active{background:linear-gradient(#a870e0 0%,#9060d4 15%,#8050c8 35%,#7040b8 50%,#6030a8 65%,#502098 85%,#401088 100%)}.flash-button-amber{background:linear-gradient(#ffd870 0%,#ffc850 15%,#ffb030 35%,#ff9820 50%,#f88810 65%,#e87800 85%,#d86800 100%)}.flash-button-amber:hover{background:linear-gradient(#ffe090 0%,#ffd070 15%,#ffc050 35%,#ffa838 50%,#ff9828 65%,#f88818 85%,#e87808 100%);box-shadow:inset 0 2px #fff9,inset 0 4px 10px #ffffff4d,inset 0 -2px 4px #50280066,0 0 0 2px #c0d0e0,0 0 0 4px #8898a8,0 0 0 5px #d0dce8,3px 5px 14px #00000073,0 0 25px #ffb43259}.flash-button-amber:active{background:linear-gradient(#ffb040 0%,#ffa030 15%,#ff9020 35%,#f88010 50%,#e87000 65%,#d06000 85%,#b85000 100%)}.flash-button-green{background:linear-gradient(#90f8b0 0%,#70f098 15%,#50e080 35%,#38d070 50%,#28c060 65%,#20b050 85%,#18a040 100%)}.flash-button-green:hover{background:linear-gradient(#a0f8c0 0%,#80f4a8 15%,#60ec90 35%,#48dc78 50%,#38cc68 65%,#28bc58 85%,#20ac48 100%);box-shadow:inset 0 2px #fff9,inset 0 4px 10px #ffffff4d,inset 0 -2px 4px #00502866,0 0 0 2px #c0d0e0,0 0 0 4px #8898a8,0 0 0 5px #d0dce8,3px 5px 14px #00000073,0 0 25px #64f08c59}.flash-button-green:active{background:linear-gradient(#50e080 0%,#40d470 15%,#30c860 35%,#28b850 50%,#20a840 65%,#189030 85%,#108028 100%)}.metallic-border{background:linear-gradient(90deg,#0000 0%,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%,#0000 100%),linear-gradient(#ffffff0d 0%,#0000 100%);border:4px solid #f0f4f8;border-color:#f0f4f8 #98a8b8 #7888a0 #d8e0e8;border-radius:8px;transition:box-shadow .15s ease-out;position:relative;box-shadow:inset 0 1px #fffc,inset 0 2px 3px #fff6,inset 1px 0 #fff9,inset 0 -1px #00000040,inset -1px 0 #00000026,inset 0 -2px 3px #0000001a,0 0 0 1px #c8d4e0,0 0 0 2px #b0bcc8,0 0 0 3px #e0e8f0,2px 2px #6a7a8a,3px 3px #5a6a7a,-1px -1px #fff,-2px -2px #f0f4f8,4px 6px 12px #00000059}.metallic-border:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#fff6 0%,#fff3 15%,#0000 30% 70%,#0000001a 85%,#00000026 100%);border-radius:8px;position:absolute;inset:-4px}.metallic-border:hover{box-shadow:inset 0 1px #ffffffe6,inset 0 2px 4px #ffffff80,inset 1px 0 #ffffffb3,inset 0 -1px #00000040,inset -1px 0 #00000026,inset 0 -2px 3px #0000001a,0 0 0 1px #d0dce8,0 0 0 2px #b8c4d0,0 0 0 3px #e8f0f8,2px 2px #6a7a8a,3px 3px #5a6a7a,-1px -1px #fff,-2px -2px #f8fcff,4px 6px 16px #0006,0 0 20px #fff3}
.checkerboard-organic{--size:512px;background:  repeating-conic-gradient(#0000 0deg 90deg,#00000003 90deg 180deg,#0000 180deg 270deg,#00000001 270deg 360deg  )0 0/var(--size)var(--size),repeating-conic-gradient(#0000 0deg 90deg,#00000003 90deg 180deg,#0000 180deg 270deg,#00000003 270deg 360deg  )calc(var(--size)/2)calc(var(--size)/2)/var(--size)var(--size),repeating-conic-gradient(#0000 0deg 90deg,#00000001 90deg 180deg,#0000 180deg 270deg,#00000001 270deg 360deg  )0 calc(var(--size)/2)/var(--size)var(--size),repeating-conic-gradient(#0000 0deg 90deg,#00000003 90deg 180deg,#0000 180deg 270deg,#00000001 270deg 360deg  )calc(var(--size)/2)0/var(--size)var(--size),repeating-conic-gradient(#0000 0deg 90deg,#00000003 90deg 180deg,#0000 180deg 270deg,#00000003 270deg 360deg  )calc(var(--size)/4)calc(var(--size)/4)/var(--size)var(--size),repeating-conic-gradient(#0000 0deg 90deg,#00000004 90deg 180deg,#0000 180deg 270deg,#00000002 270deg 360deg  )calc(var(--size)/-4)calc(var(--size)/-4)/var(--size)var(--size);background-color:#fff}@media (max-width:767px){.checkerboard-mobile-off{background:#fff}}.checkerboard-organic-animated{--size:512px;background-color:#fff;position:relative;overflow:hidden}.checkerboard-organic-animated:before{content:"";inset:0 calc(-1*var(--size))0 0;width:calc(100% + var(--size));pointer-events:none;z-index:0;background:  repeating-conic-gradient(#0000 0deg 90deg,#00000004 90deg 180deg,#0000 180deg 270deg,#00000002 270deg 360deg)0 0/var(--size)var(--size),repeating-conic-gradient(#0000 0deg 90deg,#00000003 90deg 180deg,#0000 180deg 270deg,#00000003 270deg 360deg)calc(var(--size)/2)calc(var(--size)/2)/var(--size)var(--size);will-change:transform;animation:45s linear infinite checkerboard-translate;position:absolute}@keyframes checkerboard-translate{0%{transform:translate(0)translateZ(0)}to{transform:translateX(var(--size))translateZ(0)}}@media (prefers-reduced-motion:reduce){.checkerboard-organic-animated:before{animation:none!important}}.checkerboard-varied{--square-size:8px;--base-color:#fff;--checker-opacity:.08;background-image:  linear-gradient(45deg,rgba(0,0,0,calc(var(--checker-opacity)*1))25%,transparent 25%,transparent 75%,rgba(0,0,0,calc(var(--checker-opacity)*1))75%),linear-gradient(45deg,rgba(0,0,0,calc(var(--checker-opacity)*.65))25%,transparent 25%,transparent 75%,rgba(0,0,0,calc(var(--checker-opacity)*.65))75%),linear-gradient(45deg,rgba(0,0,0,calc(var(--checker-opacity)*.9))25%,transparent 25%,transparent 75%,rgba(0,0,0,calc(var(--checker-opacity)*.9))75%),linear-gradient(45deg,rgba(0,0,0,calc(var(--checker-opacity)*.45))25%,transparent 25%,transparent 75%,rgba(0,0,0,calc(var(--checker-opacity)*.45))75%);background-size:var(--square-size)var(--square-size),var(--square-size)var(--square-size),calc(var(--square-size)*2)calc(var(--square-size)*2),calc(var(--square-size)*2)calc(var(--square-size)*2);background-position:0 0,var(--square-size)var(--square-size),0 0,var(--square-size)var(--square-size)}
.comic-border{border:4px solid #000;border-radius:18px 22px 14px 26px;padding:1.5em 1.8em;position:relative;box-shadow:0 0 0 4px #000,6px 6px #000,-3px -3px #000,9px 4px #000}
.pack-bg{opacity:var(--pack-progress,0);background:radial-gradient(#581c8799 0%,#0f172acc 50%,#000 100%)}.pack-nebula-primary{opacity:calc(var(--pack-progress,0)*.6);will-change:transform;background:radial-gradient(80% 60% at 30% 40%,#a855f799 0%,#0000 50%),radial-gradient(60% 80% at 70% 60%,#3b82f699 0%,#0000 50%),radial-gradient(50% 50%,#ec48994d 0%,#0000 40%);animation:12s linear infinite pack-swirl}.pack-nebula-lite{opacity:calc(var(--pack-progress,0)*.45);animation:none}.pack-nebula-alt{opacity:calc(var(--pack-progress,0)*.4);will-change:transform;background:radial-gradient(70% 50% at 60% 30%,#22d3ee6b 0%,#0000 40%),radial-gradient(40% 70% at 40% 70%,#fb923c4d 0%,#0000 40%);animation:18s linear infinite reverse pack-swirl}.pack-star{width:var(--star-size,2px);height:var(--star-size,2px);opacity:calc(var(--pack-progress,0)*.9);transform:scale(calc(1 + var(--pack-progress,0)));will-change:opacity,transform;background:#fff;border-radius:50%}.pack-star-lite{transform:none}.pack-star-opened{opacity:.7;animation:pack-twinkle var(--star-dur,1.5s)ease-in-out var(--star-del,0s)infinite;background:#fff;border-radius:50%}.pack-glow{filter:blur(30px);width:400px;height:400px;opacity:var(--pack-progress,0);transform:translate(-50%,-50%);scale:calc(.5 + var(--pack-progress,0));will-change:transform,scale,opacity;background:radial-gradient(circle,#a855f766 0%,#3b82f633 40%,#0000 70%)}.pack-glow-animated{animation:1.5s ease-in-out infinite pack-glow-pulse}.pack-glow-static{animation:none}.pack-shoot{height:2px;opacity:clamp(0,calc((var(--pack-progress,0) - .5)*2),1);will-change:transform;background:linear-gradient(90deg,#0000,#fff,#0000)}.pack-shoot-1{width:100px;animation:2s linear infinite pack-shoot-anim;top:20%;left:-100px}.pack-shoot-2{width:80px;animation:3s linear 1s infinite pack-shoot-anim;top:60%;left:-80px}.pack-ring{width:300px;height:300px;opacity:clamp(0,calc((var(--pack-progress,0) - .7)*3.33),1);will-change:transform,opacity;border:2px solid #a855f7cc;border-radius:50%;animation:1s ease-out infinite pack-ring-expand;box-shadow:0 0 20px #a855f799}.pack-img{scale:calc(1 + var(--pack-progress,0)*.08);will-change:transform,scale;animation:.5s ease-in-out infinite pack-wobble}.pack-img-intro{filter:brightness();will-change:transform;animation:.5s ease-in-out .5s 3 both pack-intro-wiggle}.pack-img-intro-hop{filter:brightness();will-change:transform;animation:.55s cubic-bezier(.34,1.56,.64,1) .4s 2 both pack-intro-hop}.pack-img-intro-spin{filter:brightness();will-change:transform;animation:.9s cubic-bezier(.34,1.56,.64,1) .3s both pack-intro-spin}.pack-img-burst{will-change:transform,filter,opacity;animation:.4s ease-out forwards pack-burst}.pack-shimmer{background:linear-gradient(90deg,var(--holo-pink,#f472b6),var(--holo-purple,#a855f7),var(--holo-blue,#3b82f6),var(--holo-cyan,#22d3ee),var(--holo-green,#22d3ee),var(--holo-yellow,#fbbf24),var(--holo-orange,#fb923c),var(--holo-pink,#f472b6));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #9333ea80);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite pack-shimmer-slide}.pack-shimmer-static{background:linear-gradient(90deg,var(--holo-pink,#f472b6),var(--holo-purple,#a855f7),var(--holo-blue,#3b82f6),var(--holo-cyan,#22d3ee));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pack-shimmer-opened{background:linear-gradient(90deg,#f472b6,#a855f7,#3b82f6,#22d3ee) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite pack-shimmer-slide}.pack-flash{z-index:100;background:radial-gradient(circle,#fff 0%,#a855f7cc 30%,#3b82f699 60%,#0000 100%);transition:opacity .4s ease-out}.pack-particle{animation:ease-out forwards pack-particle-fly;animation-duration:var(--p-dur,.6s);animation-delay:var(--p-del,0s)}.pack-spotlights{pointer-events:none;height:100%;opacity:clamp(0,calc((var(--pack-progress,0) - .15)*2.857),1);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.pack-spotlight{transform-origin:50% 100%;will-change:transform,opacity;background:conic-gradient(from 353deg at 50% 100%,transparent 0deg,var(--spot-color,#a855f72e)4deg,var(--spot-color-bright,#a855f759)7deg,var(--spot-color,#a855f72e)10deg,transparent 14deg);filter:blur(4px);width:250%;height:140%;position:absolute;bottom:-10%}.pack-spot-1{--spot-color:#a855f74d;--spot-color-bright:#a855f78c;animation:4s ease-in-out infinite pack-spot-swing-1;left:-75%}.pack-spot-2{--spot-color:#3b82f647;--spot-color-bright:#3b82f685;animation:5s ease-in-out infinite pack-spot-swing-2;left:-75%}.pack-spot-3{--spot-color:#ec489947;--spot-color-bright:#ec489985;animation:4.5s ease-in-out infinite pack-spot-swing-3;left:-75%}.pack-spot-4{--spot-color:#22d3ee42;--spot-color-bright:#22d3ee80;animation:5.5s ease-in-out infinite pack-spot-swing-4;left:-75%}.pack-spot-floor{filter:blur(20px);height:80px;opacity:calc(var(--pack-progress,0)*.8);background:radial-gradient(100% 100% at 50% 100%,#a855f747 0%,#3b82f62e 40%,#0000 80%);position:absolute;bottom:0;left:10%;right:10%}@keyframes pack-swirl{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}@keyframes pack-twinkle{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.2;transform:scale(.8)}}@keyframes pack-glow-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.18)}}@keyframes pack-shoot-anim{0%{opacity:0;transform:translate(0)translateY(0)}10%{opacity:1}to{opacity:0;transform:translate(calc(100vw + 200px))translateY(100px)}}@keyframes pack-ring-expand{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes pack-intro-wiggle{0%,to{transform:rotate(0)translateY(0)}25%{transform:rotate(-3deg)translateY(-2px)}75%{transform:rotate(3deg)translateY(-1px)}}@keyframes pack-intro-hop{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-18px)scale(.97,1.04)}70%{transform:translateY(-6px)scale(1.01,.99)}to{transform:translateY(0)scale(1)}}@keyframes pack-intro-spin{0%{transform:rotate(0)scale(1)}20%{transform:rotate(90deg)scale(.85,1.15)}50%{transform:rotate(200deg)scale(1.15,.85)}75%{transform:rotate(330deg)scale(.92,1.08)}to{transform:rotate(360deg)scale(1)}}@keyframes pack-wobble{0%,to{transform:rotate(calc(var(--pack-progress,0)*-3.2deg))}50%{transform:rotate(calc(var(--pack-progress,0)*3.2deg))}}@keyframes pack-shimmer-slide{0%{background-position:0%}to{background-position:200%}}@keyframes pack-particle-fly{0%{transform:translate(-50%,-50%)rotate(var(--p-angle))translateX(0);opacity:1}to{transform:translate(-50%,-50%)rotate(var(--p-angle))translateX(var(--p-dist));opacity:0}}@keyframes pack-burst{0%{opacity:1;filter:brightness();transform:scale(1)}30%{filter:brightness(3);transform:scale(1.3)}to{opacity:0;filter:brightness(5);transform:scale(2)}}@keyframes pack-spot-swing-1{0%{transform:rotate(-25deg)}50%{transform:rotate(30deg)}to{transform:rotate(-25deg)}}@keyframes pack-spot-swing-2{0%{transform:rotate(20deg)}50%{transform:rotate(-35deg)}to{transform:rotate(20deg)}}@keyframes pack-spot-swing-3{0%{transform:rotate(-10deg)}50%{transform:rotate(25deg)}to{transform:rotate(-10deg)}}@keyframes pack-spot-swing-4{0%{transform:rotate(30deg)}50%{transform:rotate(-20deg)}to{transform:rotate(30deg)}}@keyframes pack-spot-swing-5{0%{transform:rotate(-35deg)}50%{transform:rotate(15deg)}to{transform:rotate(-35deg)}}@keyframes pack-spot-swing-6{0%{transform:rotate(10deg)}50%{transform:rotate(-30deg)}to{transform:rotate(10deg)}}@keyframes pack-spot-swing-7{0%{transform:rotate(-18deg)}50%{transform:rotate(35deg)}to{transform:rotate(-18deg)}}.pack-scissors-idle{animation:2s ease-in-out infinite pack-scissors-pulse}.pack-cut-trail{--cut-heat:clamp(0,calc((var(--cut-progress,0) - .72)*3.6),1);--cut-white-hot:clamp(0,calc((var(--cut-progress,0) - .86)*7.14),1);opacity:calc(.55 + var(--cut-progress,0)*.45);will-change:opacity,transform;background:linear-gradient(90deg,#ffffff80 0%,#ffffffa6 50%,#ffffff80 100%);transition:opacity .18s ease-out;box-shadow:0 0 8px 3px #ffffff5c,0 0 18px 7px #ffffff38}.pack-cut-trail-heat{opacity:var(--cut-heat,0);pointer-events:none;will-change:opacity;position:absolute;inset:-4px 0;box-shadow:0 0 22px 9px #ffffff73,0 0 40px 16px #ffc8f04d}.pack-cut-trail-white-hot{opacity:var(--cut-white-hot,0);pointer-events:none;will-change:opacity;position:absolute;inset:-6px 0;box-shadow:0 0 32px 12px #fff9,0 0 60px 24px #fff6}.pack-cut-trail-active{opacity:calc(.75 + var(--cut-progress,0)*.25);box-shadow:0 0 10px 4px #ffffff7a,0 0 22px 9px #ffffff47}.pack-cut-page-flash{will-change:opacity,filter,transform;animation:.64s cubic-bezier(.16,.96,.22,1) forwards pack-cut-page-flash-fade;transform:translateY(-50%)}.pack-cut-screen-flash{will-change:opacity;background:#fff;animation:.64s cubic-bezier(.16,.96,.22,1) forwards pack-cut-screen-flash}.pack-cut-page-flash-line{background:linear-gradient(90deg,#ffffffd9 0%,#fff 40% 60%,#ffffffd9 100%);width:100vw;height:4px;position:relative;box-shadow:0 0 24px 10px #fffffff2,0 0 56px 22px #ffffffb8,0 0 110px 44px #ffffff73,0 0 180px 70px #ffffff2e}.pack-cut-page-flash-line:before{content:"";filter:blur(8px);pointer-events:none;background:radial-gradient(80% 100%,#fff9 0%,#ffffff40 40%,#0000 80%);height:64px;position:absolute;top:-30px;left:-5%;right:-5%}.pack-cut-page-flash-line:after{content:"";filter:blur(3px);opacity:0;background:radial-gradient(70% 50%,#fff 0%,#fff9 35%,#fff3 65%,#fff0 100%);height:28px;animation:.64s cubic-bezier(.16,.96,.22,1) forwards pack-cut-page-core-burst;position:absolute;top:-12px;left:-2%;right:-2%}@keyframes pack-cut-page-flash-fade{0%{opacity:0;filter:brightness(1.1);transform:translateY(-50%)translate(0)scaleX(.96)}18%{opacity:1;filter:brightness(3);transform:translateY(-50%)translate(.8%)scaleX(1.02)}35%{opacity:1;filter:brightness(2.6);transform:translateY(-50%)translate(1.8%)scaleX(1.05)}60%{opacity:.7;filter:brightness(1.9);transform:translateY(-50%)translate(3.4%)scaleX(1.08)}to{opacity:0;filter:brightness(1.1);transform:translateY(-50%)translate(5.6%)scaleX(1.1)}}@keyframes pack-cut-page-core-burst{0%{opacity:0;transform:scaleX(.85)}20%{opacity:1;transform:scaleX(1.04)}45%{opacity:.85;transform:scaleX(1.08)}70%{opacity:.45;transform:scaleX(1.12)}to{opacity:0;transform:scaleX(1.18)}}@keyframes pack-cut-screen-flash{0%{opacity:0}15%{opacity:.28}25%{opacity:.38}45%{opacity:.18}to{opacity:0}}@keyframes pack-scissors-pulse{0%,to{filter:drop-shadow(0 0 4px #a855f74d)}50%{filter:drop-shadow(0 0 14px #a855f7b3)}}.pack-peel-top-fast{backface-visibility:hidden;will-change:transform,opacity;animation:.4s cubic-bezier(.33,1,.68,1) forwards pack-peel-top-fast-anim}@keyframes pack-peel-top-fast-anim{0%{opacity:1;transform:rotateX(0)}50%{opacity:.6;transform:rotateX(-100deg)}to{opacity:0;transform:rotateX(-150deg)}}.pack-peel-bottom-fast{will-change:filter}.pack-brightness-out{pointer-events:none;transform-origin:50% 48%;will-change:filter,opacity,transform;animation:.56s cubic-bezier(.19,1,.22,1) forwards pack-white-hot-fade}@keyframes pack-white-hot-fade{0%{opacity:1;filter:brightness(1.12)saturate(1.08)contrast(1.02);transform:scale(1)}34%{opacity:1;filter:brightness(5.8)saturate(.24)contrast(1.18)drop-shadow(0 0 24px #ffffffe6);transform:scale(1.06)}66%{opacity:.78;filter:brightness(12.5)saturate(.05)contrast(1.32)blur(1px)drop-shadow(0 0 52px #ffffffeb);transform:scale(1.14)}to{opacity:0;filter:brightness(18)saturate(0)contrast(1.4)blur(2px)drop-shadow(0 0 84px #fffffff5);transform:scale(1.24)}}.pack-peel-seam{z-index:10;pointer-events:none;background:linear-gradient(90deg,#0000 2%,#fffc 15%,#0ff 35%,#fff 50%,#0ff 65%,#fffc 85%,#0000 98%);height:4px;animation:.5s ease-out forwards pack-seam-glow;box-shadow:0 0 40px 14px #ffffffd9,0 0 80px 30px #a855f780,0 0 130px 55px #3b82f64d,0 0 200px 80px #a855f71f}@keyframes pack-seam-glow{0%{opacity:0;transform:scaleY(1)}20%{opacity:1;transform:scaleY(2)}60%{opacity:1;transform:scaleY(4)}to{opacity:0;transform:scaleY(8)}}.pack-peel-inner-glow{filter:blur(30px);z-index:5;pointer-events:none;background:radial-gradient(120% 60%,#fff 0%,#a855f799 25%,#3b82f666 50%,#0000 85%);animation:.5s ease-out forwards pack-inner-glow}@keyframes pack-inner-glow{0%{opacity:0;transform:scaleX(.3)scaleY(.2)}25%{opacity:1;transform:scaleX(1)scaleY(.6)}50%{opacity:1;transform:scaleX(1.05)scaleY(.75)}75%{opacity:.7;transform:scaleX(1.1)scaleY(.85)}to{opacity:0;transform:scaleX(1.15)scaleY(1)}}.card-reveal-enter{animation:.55s cubic-bezier(.16,1,.3,1) both card-reveal-enter-anim}@keyframes card-reveal-enter-anim{0%{opacity:0;filter:brightness(2)blur(6px);transform:scale(.6)}50%{opacity:1;filter:brightness(1.3)blur();transform:scale(1.04)}to{opacity:1;filter:brightness()blur();transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pack-nebula-primary,.pack-nebula-alt,.pack-star-opened,.pack-glow,.pack-shoot-1,.pack-shoot-2,.pack-ring,.pack-img,.pack-img-intro,.pack-img-intro-hop,.pack-img-intro-spin,.pack-shimmer,.pack-shimmer-opened,.pack-scissors-idle,.pack-peel-seam,.pack-peel-inner-glow,.card-reveal-enter,.pack-spot-1,.pack-spot-2,.pack-spot-3,.pack-spot-4{animation:none!important}.pack-glow,.pack-spotlight,.pack-spot-floor,.pack-peel-inner-glow,.pack-cut-page-flash{filter:none!important}.pack-cut-screen-flash{opacity:.08;animation:none!important}}
