.pack{--pw:180px;--pr:1.42;--px:30%;--py:20%;--tilt-x:0deg;--tilt-y:0deg;--hue:0deg;width:var(--pw);height:calc(var(--pw) * var(--pr));perspective:900px;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 calc(var(--pw) * .1) calc(var(--pw) * .12) #00000073);flex:none;position:relative}.pack-body{border-radius:calc(var(--pw) * .045);transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));box-shadow:inset calc(var(--pw) * .03) 0 calc(var(--pw) * .05) #ffffff2e, inset calc(var(--pw) * -.03) 0 calc(var(--pw) * .05) #00000047;--teeth:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top center / 8px 4px repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom center / 8px 4px repeat-x, linear-gradient(#000, #000) center / 100% calc(100% - 8px) no-repeat;-webkit-mask:var(--teeth);-webkit-mask:var(--teeth);mask:var(--teeth);transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;overflow:hidden}.pack.is-lit .pack-body{transition-duration:80ms}.pack-art,.pack-wrinkles,.pack-shine{pointer-events:none;position:absolute;inset:0}.pack-wrinkles{mix-blend-mode:soft-light;background:linear-gradient(104deg,#0000 18%,#ffffff1a 19%,#0000 23%),linear-gradient(77deg,#0000 52%,#0000001f 53%,#0000 57%),linear-gradient(98deg,#0000 70%,#ffffff14 71%,#0000 74%),linear-gradient(170deg,#0000 38%,#00000014 40%,#0000 44%)}.pack-shine{background:radial-gradient(circle at var(--px) var(--py), #ffffff8c, transparent 38%), linear-gradient(115deg, transparent 35%, #ffffff52 47%, transparent 58%) 160% 0 / 260% 100% no-repeat;mix-blend-mode:overlay;animation:5.5s ease-in-out infinite pack-sweep}.pack.is-lit .pack-shine{background:radial-gradient(circle at var(--px) var(--py), #ffffffa6, transparent 42%);animation:none}@keyframes pack-sweep{0%,55%{background-position:50%,160% 0}85%,to{background-position:50%,-60% 0}}.pack-crimp{height:calc(var(--pw) * .085);background:repeating-linear-gradient(90deg, #ffffff38 0 1px, #0000002e 1px 3px, transparent 3px 5px), var(--crimp,#00000040);pointer-events:none;position:absolute;left:0;right:0}.pack-crimp--top{top:0;box-shadow:inset 0 -2px 3px #0000004d}.pack-crimp--bottom{bottom:0}.pack-brand{align-items:center;gap:calc(var(--pw) * .03);color:var(--ink,#fff);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:54%;left:0;right:0}.pack-word{font:600 calc(var(--pw) * .105) / 1 "Sora", system-ui, sans-serif;letter-spacing:.16em;padding-left:.16em}.pack-count{font:500 calc(var(--pw) * .055) / 1 "Sora", system-ui, sans-serif;letter-spacing:.3em;text-transform:uppercase;opacity:.75}.pack-emblem{bottom:calc(100% + var(--pw) * .1);width:calc(var(--pw) * .26);height:calc(var(--pw) * .26);border:calc(var(--pw) * .012) solid currentColor;border-radius:calc(var(--pw) * .03);opacity:.9;position:absolute;rotate:45deg}.pack-emblem:after{content:"";border-radius:calc(var(--pw) * .015);background:currentColor;position:absolute;inset:22%}.pack--prisma{--ink:#1d1838;--crimp:#ffffff40}.pack--prisma .pack-art{background:linear-gradient(135deg, #ffffff47 25%, transparent 25%) calc(var(--pw) * -.1) 0 / calc(var(--pw) * .2) calc(var(--pw) * .2), linear-gradient(225deg, #ffffff2e 25%, transparent 25%) calc(var(--pw) * -.1) 0 / calc(var(--pw) * .2) calc(var(--pw) * .2), linear-gradient(315deg, #28145a1f 25%, transparent 25%) 0 0 / calc(var(--pw) * .2) calc(var(--pw) * .2), linear-gradient(45deg, #28145a14 25%, transparent 25%) 0 0 / calc(var(--pw) * .2) calc(var(--pw) * .2), conic-gradient(from 200deg at 30% 30%, #ffd1f2, #c3b4ff, #a6f0ff, #b8ffd9, #fff2b0, #ffc2d6, #ffd1f2);filter:hue-rotate(var(--hue)) saturate(1.15);transition:filter .3s}.pack--prisma .pack-emblem{color:#fff;box-shadow:0 0 calc(var(--pw) * .12) #ffffffe6;border-color:#1d1838}.pack--prisma .pack-emblem:after{background:linear-gradient(135deg,#ff7ac6,#7a6bff,#4fe3ff)}.pack--eclipse{--ink:#f2d38a;--crimp:#c8d2e659}.pack--eclipse .pack-art{background:radial-gradient(circle at 50% 33%, #05060f 0 19%, #ffd27a 20.5%, #fff3c4 21.2%, #ffbe508c 23%, #ffaa3c1f 33%, transparent 46%), repeating-conic-gradient(from 0deg at 50% 33%, #ffd78c21 0 1.2deg, transparent 1.2deg 9deg), radial-gradient(120% 80% at 50% 30%, #1d2a63, #0b1030 60%, #060814)}.pack--eclipse .pack-art:after{content:"";background:radial-gradient(circle at 50% 33%,#0000 22%,#ffd27840 23%,#0000 30%);animation:4s ease-in-out infinite eclipse-pulse;position:absolute;inset:0}@keyframes eclipse-pulse{50%{opacity:.35;transform:scale(1.04)}}.pack--eclipse .pack-emblem{display:none}.pack--eclipse .pack-brand{top:60%}.pack--eclipse .pack-word{text-shadow:0 0 calc(var(--pw) * .06) #ffc86499}.pack--cromo{--ink:#2a2f3a;--crimp:#ffffff4d}.pack--cromo .pack-art{background:linear-gradient(118deg,#0000 58%,#ff5ac88c 60%,#5adcff8c 63%,#96ffaa80 66%,#0000 68%) 0 0/100% 100%,radial-gradient(60% 18% at 30% 22%,#ffffffe6,#0000 70%) 0 0/140% 100%,radial-gradient(70% 14% at 70% 78%,#ffffffb3,#0000 70%) 0 0/140% 100%,linear-gradient(#f4f6fa 0%,#9aa3b4 18%,#e9edf3 32%,#5d6577 48%,#d6dbe4 60%,#8c94a6 76%,#f1f3f7 92%,#b5bcc9 100%) 0 0/100% 220%;animation:9s ease-in-out infinite alternate chrome-flow}@keyframes chrome-flow{0%{background-position:0 0,0 0,100% 0,0 0}to{background-position:0 0,100% 0,0 0,0 100%}}.pack--cromo .pack-word{color:#3a404d;text-shadow:0 1px #fffc,0 -1px #00000059}.pack--cromo .pack-emblem{color:#3a404d}.pack--cromo .pack-emblem:after{background:linear-gradient(135deg,#ff5ac8,#5adcff,#96ffaa)}.pack--constelacion{--ink:#efeaff;--crimp:#c8b4ff4d}.pack--constelacion .pack-art{background:radial-gradient(1px 1px at 20% 15%,#fff,#0000),radial-gradient(1px 1px at 80% 12%,#fff,#0000),radial-gradient(1.5px 1.5px at 62% 48%,#fff,#0000),radial-gradient(1px 1px at 12% 58%,#fff,#0000),radial-gradient(1px 1px at 88% 66%,#fff,#0000),radial-gradient(1px 1px at 40% 90%,#fff,#0000),radial-gradient(1px 1px at 72% 92%,#fff,#0000),radial-gradient(circle at 70% 20%,#ff78dc59,#0000 40%),radial-gradient(circle at 20% 80%,#5a8cff59,#0000 45%),linear-gradient(165deg,#2a1360,#140a33 55%,#0a0620)}.constellation{width:88%;height:66%;position:absolute;inset:4% 6% 30%;overflow:visible}.constellation polyline,.constellation line{fill:none;stroke:#dcd2ff8c;stroke-width:.6px;vector-effect:non-scaling-stroke}.constellation circle{fill:#fff;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 4px #c9a8ff);transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite twinkle}@keyframes twinkle{50%{opacity:.35;transform:scale(.6)}}.pack--constelacion .pack-emblem{display:none}.pack--constelacion .pack-brand{top:70%}.pack--orfebre{--crimp:transparent}.pack--orfebre .pack-art{background:#1e1e1e url(/assets/orfebre-ClwR9iTe.webp) 50%/100% 100% no-repeat}.pack--orfebre .pack-crimp,.pack--orfebre .pack-brand{display:none}.pack--orfebre .pack-wrinkles{opacity:.5}.pack--orfebre .pack-shine{mix-blend-mode:color-dodge;opacity:.75}.pack--custom{--crimp:transparent}.pack--custom .pack-art{background:#1e1e1e 50%/cover no-repeat}.pack--custom .pack-crimp,.pack--custom .pack-brand{display:none}.pack--custom .pack-wrinkles{opacity:.5}.pack--custom .pack-shine{mix-blend-mode:soft-light}@media (prefers-reduced-motion:reduce){.pack-shine,.pack--cromo .pack-art,.pack--eclipse .pack-art:after,.constellation circle{animation:none}}