.hero-pack{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 55%), radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--cta) 22%, transparent), transparent 50%), var(--chrome);max-width:36rem;color:var(--on-dark);border:1px solid color-mix(in srgb, var(--on-dark) 10%, transparent);box-shadow:var(--shadow-lg);border-radius:18px;padding:1.35rem 1.4rem 1.1rem;overflow:hidden;container-type:inline-size}.hero-pack .eyebrow{font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-subtle);align-items:center;gap:.4rem;margin:0;font-weight:700;display:inline-flex}.hero-pack header{justify-content:space-between;align-items:start;display:flex}.hero-pack h2{color:var(--on-dark);margin:.2rem 0 0;font-size:1.35rem}.hero-pack .pill-calc{background:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent-soft) 30%, transparent)}.hero-pack footer{border-top:1px solid color-mix(in srgb, var(--on-dark) 12%, transparent);font-size:var(--text-xs);color:var(--on-dark-muted);text-align:center;text-wrap:balance;margin-top:1rem;padding-top:.85rem}.hero-pack footer a{color:var(--accent-soft);font-weight:700;text-decoration:none}.hero-pack footer a:hover{text-decoration:underline}.hero-pack footer .up{color:var(--success-on-dark)}.hero-pack footer .down{color:var(--cta-on-dark)}.hp-stage{--w:min(17cqi, 6rem);min-height:calc(var(--w) * 88 / 63 + .9rem);justify-content:center;align-items:flex-end;gap:.5rem;margin:1.4rem 0 .4rem;padding:0;list-style:none;display:flex}.hp-slot{width:var(--w);aspect-ratio:63/88;perspective:800px}.hp-flip{height:100%;transform-style:preserve-3d;position:relative}.hp-slot.flipped .hp-flip{animation:.5s cubic-bezier(.45,0,.2,1) both hp-flip;animation-delay:calc(var(--i) * .14s)}.hp-slot.flipped.hit .hp-flip{animation-delay:calc(var(--i) * .14s + .35s)}.hp-face{backface-visibility:hidden;border-radius:6%/4.3%;position:absolute;inset:0;box-shadow:0 8px 20px #0006}.hp-back{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--on-dark) 6%, transparent) 0 4px, transparent 4px 9px), linear-gradient(160deg, var(--chrome-raised), var(--chrome));outline:2px solid color-mix(in srgb, var(--on-dark) 25%, transparent);outline-offset:-4px;place-items:center;display:grid}.hp-back svg{fill:none;width:52%;stroke:var(--cta);stroke-width:7px;stroke-linejoin:round}.hp-front{background:var(--paper);outline:3px solid var(--line);outline-offset:-4px;place-items:center;display:grid;transform:rotateY(180deg)}.hp-slot.hit .hp-front{background:var(--chrome-raised);outline:0}.hp-slot.best .hp-front{box-shadow:0 0 0 2px var(--warning), 0 0 26px 4px color-mix(in srgb, var(--warning) 45%, transparent), 0 10px 24px #00000073}.hp-front img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.hp-bulk{background:var(--card);max-width:86%;color:var(--muted);font-size:var(--text-2xs);text-align:center;overflow-wrap:anywhere;border-radius:6px;padding:.2em .45em;font-weight:700;line-height:1.15}.hp-filler{background:0 0;outline:0}.hp-front>.mock-card{border-radius:inherit;box-shadow:none;position:absolute;inset:0}.hp-front>.hp-bulk{z-index:2;box-sizing:border-box;overflow-wrap:normal;width:max-content;max-width:94%;padding-inline:.3em;position:absolute;bottom:14%;left:50%;translate:-50%;box-shadow:0 2px 6px #00000040}@container (width<=26rem){.hp-front>.hp-bulk{font-size:.5rem}}.hp-bulk.hp-noart{color:var(--ink)}.hp-price{border-radius:var(--radius-pill);background:var(--card);color:var(--ink);font-size:var(--text-2xs);white-space:nowrap;padding:.1em .5em;font-weight:800;position:absolute;bottom:-.75em;left:50%;translate:-50%;box-shadow:0 2px 8px #0000004d}.hp-result{min-height:2.6em;font-size:var(--text-sm);text-align:center;color:var(--on-dark-muted);margin:1.4rem 0 .9rem}.hp-reveal{animation:.3s 1.3s both hp-fade}.hp-result strong{color:var(--on-dark)}.hp-odds{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--accent-soft);font-size:var(--text-xs);margin-left:.25rem;padding:0 .45em;font-weight:700;display:inline-block}.hp-actions{justify-content:center;align-items:center;gap:1rem;display:flex}.hp-more{min-height:24px;font-size:var(--text-sm);color:var(--on-dark);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.hp-more:hover{text-decoration:underline}@keyframes hp-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes hp-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hp-slot.flipped .hp-flip{animation:none;transform:rotateY(180deg)}.hp-reveal{animation:none}}