.wh-packs-hero{align-items:center;gap:var(--space-4);background:var(--brand-tint);border-color:#0000;flex-direction:row}.wh-packs-hero h2{color:var(--brand-ink)}.wh-packs-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.wh-packs-grid{gap:var(--space-6) var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.wh-packs-item{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.wh-reveal--summary{scroll-snap-type:x mandatory;width:100%;max-width:none;padding:var(--space-2) var(--space-4) var(--space-4);flex-wrap:nowrap;justify-content:safe center;align-items:flex-start;overflow:auto hidden}.wh-reveal--summary>li{scroll-snap-align:center;flex:0 0 max(240px,min(72vw,264px));width:max(240px,min(72vw,264px));max-width:none}.wh-reveal--summary .wh-card{--w:100%}@media (max-width:639px){.wh-reveal--summary{padding-inline:max(var(--space-4), calc((100% - max(240px, min(72vw, 264px))) / 2))}}.wh-opening{z-index:50;-webkit-user-select:none;user-select:none;padding:calc(var(--space-6) + env(safe-area-inset-top,0px)) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;flex-direction:column;display:flex;position:fixed;inset:0}.wh-opening__skip{z-index:2;top:calc(var(--space-3) + env(safe-area-inset-top,0px));right:var(--space-3);color:var(--stage-muted);position:absolute}.wh .wh-opening__skip:hover{color:var(--stage-ink);background:0 0}.wh-opening__body{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.wh-opening__count,.wh-opening__hint{font:600 14px/20px var(--font-sans);color:var(--stage-muted);text-align:center}.wh-opening__title{font:750 26px/32px var(--font-display);color:var(--stage-ink)}.wh-opening__headline{align-items:center;min-height:32px;display:flex}.wh-opening__pack{padding:var(--space-6) var(--space-4) 0;cursor:pointer;border-radius:var(--radius-lg);background:0 0;border:0}.wh-opening__pack:not(:disabled) .wh-pack{transition:transform var(--wh-dur) var(--wh-ease)}.wh-opening__pack:not(:disabled):hover .wh-pack,.wh-opening__pack:not(:disabled):focus-visible .wh-pack{transform:translateY(-4px)rotate(-1deg)}.wh-opening__card{touch-action:pan-y;cursor:grab;transition:transform .15s var(--wh-ease)}.wh-opening__card .wh-card{--w:max(240px, min(78vw, 320px, calc((100dvh - 300px) * 5 / 7)))}.wh-opening__bar{justify-content:center;align-items:center;gap:var(--space-4);padding-top:var(--space-4);display:flex}