@keyframes rays-spin{to{rotate:360deg}}@keyframes prism-text{to{background-position:300% 0}}@layer components{.booster-pack{aspect-ratio:5/8;width:100%;color:var(--pack-ink);background:radial-gradient(120% 70% at 50% 0%, color-mix(in oklab, var(--pack-to) 55%, transparent), transparent 60%), linear-gradient(165deg, var(--pack-via) 0%, var(--pack-from) 58%, #050807 100%);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--pack-accent) 35%, transparent), inset 0 2cqi 6cqi -2cqi #ffffff4d;isolation:isolate;-webkit-user-select:none;user-select:none;border-radius:1.6cqi;position:relative;overflow:hidden;container-type:inline-size}@supports (color:lab(0% 0 0)){.booster-pack{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--pack-accent) 35%, transparent), inset 0 2cqi 6cqi -2cqi lab(100% -.0000298023 .0000119209/.3)}}.booster-pack__pattern{background-image:var(--pack-pattern);opacity:.55;background-size:18cqi 18cqi;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#00000059 60%,#000 100%);mask-image:linear-gradient(#000 0%,#00000059 60%,#000 100%)}.booster-pack__foil{mix-blend-mode:color-dodge;opacity:.55;background:radial-gradient(circle at var(--mx,50%) var(--my,30%), #ffffff8c, transparent 32%), linear-gradient(115deg, transparent 18%, #ff78c847 32%, #78dcff4d 44%, #ffec8c4d 56%, transparent 72%);background-size:100% 100%,260% 260%;background-position:center, var(--mx,50%) var(--my,30%);pointer-events:none;position:absolute;inset:0}.booster-pack__content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.4cqi;padding:18cqi 8cqi 12cqi;display:flex;position:absolute;inset:0}.booster-pack__kind{letter-spacing:.24em;text-transform:uppercase;color:var(--pack-accent);font-size:5cqi;font-weight:700}.booster-pack__medallion{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--pack-to) 70%, white), var(--pack-via) 70%);width:42cqi;box-shadow:0 0 0 1.4cqi color-mix(in oklab, var(--pack-accent) 40%, transparent), 0 0 14cqi -2cqi var(--pack-glow);border-radius:999px;place-items:center;margin:4cqi 0;display:grid}.booster-pack__medallion span{font-family:var(--font-display);color:var(--pack-ink);text-shadow:0 1cqi 3cqi #00000059;font-size:26cqi;font-weight:900;line-height:1}.booster-pack__brand{width:24cqi}.booster-pack__name{opacity:.92;font-size:5.6cqi;font-weight:600}.booster-pack__count{border:1px solid color-mix(in oklab, var(--pack-accent) 35%, transparent);background:#00000047;border-radius:999px;margin-top:1cqi;padding:1cqi 4cqi;font-size:4.6cqi;font-weight:700}.booster-pack__tear{border-top:.8cqi dashed color-mix(in oklab, var(--pack-accent) 75%, transparent);height:0;filter:drop-shadow(0 0 2cqi var(--pack-glow));position:absolute;left:4%;right:4%}.booster-pack__grip{background:var(--pack-accent);width:6cqi;height:6cqi;box-shadow:0 0 4cqi var(--pack-glow);border-radius:999px;position:absolute;top:-3.2cqi;left:-3%}.opening-stage{z-index:60;color:#f4f6f3;background:radial-gradient(70% 55% at 50% 42%, color-mix(in oklab, var(--stage-glow,#4ade80) 22%, transparent), transparent 70%), #07090a;touch-action:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0;overflow:hidden}.opening-stage__rays{pointer-events:none;background:repeating-conic-gradient(from 0deg, color-mix(in oklab, var(--ray-color,#fff) 32%, transparent) 0deg 6deg, transparent 6deg 18deg);width:180vmax;height:180vmax;animation:18s linear infinite rays-spin;position:absolute;top:46%;left:50%;translate:-50% -50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 55%);mask-image:radial-gradient(circle,#000 0%,#0000 55%)}.opening-stage__rays[data-prism=true]{background:repeating-conic-gradient(#fb718566 0deg 5deg,#0000 5deg 12deg,#fbbf2466 12deg 17deg,#0000 17deg 24deg,#4ade8066 24deg 29deg,#0000 29deg 36deg,#38bdf866 36deg 41deg,#0000 41deg 48deg,#a78bfa66 48deg 53deg,#0000 53deg 60deg);animation-duration:12s}.flip-card{transform-style:preserve-3d;width:100%;position:relative}.flip-card__face{backface-visibility:hidden}.flip-card__face--front{position:absolute;inset:0;transform:rotateY(180deg)}.mythic-text{font-family:var(--font-display);background:linear-gradient(90deg,#fb7185,#fbbf24,#4ade80,#38bdf8,#a78bfa,#fb7185) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:900;animation:4s linear infinite prism-text}@media (prefers-reduced-motion:reduce){.opening-stage__rays,.mythic-text{animation:none}}}.tear-guide{pointer-events:none;height:16px;position:absolute;left:0;right:0;transform:translateY(-50%)}.tear-guide__perf{height:4px;filter:drop-shadow(0 0 3px var(--glow));background:radial-gradient(circle,#ffffffe6 1.3px,#0000 1.8px) 0 0/8px 4px repeat-x;position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%)}.tear-guide__shine{filter:blur(1.5px);background:linear-gradient(90deg,#0000,#fffffff2,#0000);border-radius:999px;width:22%;height:8px;animation:2.6s ease-in-out infinite tear-shine;position:absolute;top:50%;left:5%;transform:translateY(-50%)}@keyframes tear-shine{0%{opacity:0;left:3%}15%{opacity:1}80%{opacity:1}to{opacity:0;left:75%}}.tear-guide__grip{color:#1a1205;width:26px;height:26px;box-shadow:0 0 0 2px #ffffffd9, 0 0 14px var(--glow);border-radius:999px;justify-content:center;align-items:center;animation:2.6s ease-in-out infinite tear-grip;display:flex;position:absolute;top:50%;left:-13px;transform:translateY(-50%)}@keyframes tear-grip{0%,to{transform:translateY(-50%)scale(1)}12%{transform:translateY(-50%)scale(1.12)}}@media (prefers-reduced-motion:reduce){.tear-guide__grip{animation:none}}.god-pack-banner{font-family:var(--font-display);letter-spacing:.04em;background:linear-gradient(90deg,#fb7185,#fbbf24,#4ade80,#38bdf8,#a78bfa,#fb7185) 0 0/300% 100%;color:#0000;filter:drop-shadow(0 0 12px #ffffff59);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,6vw,2.4rem);font-weight:800;animation:4s linear infinite prism-text}@media (prefers-reduced-motion:reduce){.god-pack-banner{animation:none}}