.s20{--pk-amber:#e0a526;display:grid;grid-template-columns:repeat(var(--s20-narrow,10),minmax(0,1fr));gap:14px 8px;margin:4px 0 14px;padding-top:10px}.s20:not(.s20-words){grid-template-columns:repeat(var(--s20-narrow,10),minmax(0,56px))}.s20-words{grid-template-columns:repeat(var(--s20-narrow,6),minmax(0,56px))}.pk{position:relative;display:block;aspect-ratio:5/7;border-radius:7px;transition:transform .26s cubic-bezier(.2,.8,.2,1),filter .26s ease}button.s20-cell{appearance:none;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit;cursor:default;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button.s20-cell:enabled:not([aria-disabled=true]){cursor:pointer}button.s20-cell:focus-visible{outline:3px solid var(--n-mintdk);outline-offset:4px}.pk-deal{animation:pk-deal .62s cubic-bezier(.2,.8,.2,1) calc(var(--i, 0) * 45ms + 80ms) backwards}.pk-body,.pk-deal{position:absolute;inset:0;border-radius:inherit}.pk-body{overflow:hidden;background:radial-gradient(120% 70% at 50% 18%,rgb(255 255 255/.14),transparent 60%),var(--pack-body,linear-gradient(165deg,#0d6a56 0,var(--n-green) 48%,#01261f 100%));box-shadow:0 8px 16px -8px rgb(0 40 33/.55),inset 0 0 0 1px rgb(255 255 255/.1);border-radius:3px;--pk-tooth:calc(100% / 12);-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top /var(--pk-tooth) 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /var(--pk-tooth) 51% repeat-x;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top /var(--pk-tooth) 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /var(--pk-tooth) 51% repeat-x}.pk-crimp{position:absolute;left:0;right:0;height:9%;background:repeating-linear-gradient(90deg,rgb(255 255 255/.22) 0 1.5px,transparent 1.5px 4px),var(--pack-seal,rgb(0 0 0/.22))}.pk-crimp-top{top:0}.pk-crimp-bottom{bottom:0}.pk-crown{position:absolute;left:50%;top:44%;width:46%;height:auto;translate:-50% -50%;color:var(--pack-crown,var(--n-mint));fill:currentColor;filter:drop-shadow(0 2px 3px rgb(0 0 0/.35))}.pk-foil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 28%,rgb(140 255 228/.28) 40%,rgb(255 220 150/.22) 49%,rgb(196 168 255/.26) 58%,transparent 70%);background-size:260% 260%;mix-blend-mode:screen;animation:pk-foil 2.2s ease-in-out calc(var(--i, 0) * 45ms + .6s) 1}.s20-word{display:none}.pk.so{--lift:0px}.pk.so .pk-body{background:linear-gradient(165deg,#e9eeeb,#dce4e0);box-shadow:inset 0 0 0 1px var(--n-line)}.pk.so .pk-crimp{background:repeating-linear-gradient(90deg,rgb(0 64 53/.1) 0 1.5px,transparent 1.5px 4px),rgb(0 64 53/.05)}.pk.so .pk-crown{color:#b9c6c0;filter:none}.pk.so .pk-foil{display:none}.pk-stamp{position:absolute;left:-6%;right:-6%;top:50%;height:4px;translate:0 -50%;rotate:-28deg;border-radius:2px;background:var(--n-sale);font-size:0;box-shadow:0 1px 2px rgb(0 0 0/.2)}.pk.rz .pk-body{background:linear-gradient(rgb(224 165 38/.2),rgb(224 165 38/.2)),linear-gradient(165deg,#0d6a56 0,var(--n-green) 48%,#01261f 100%)}.pk.rz .pk-crown{color:var(--pk-amber)}.pk.rz .pk-foil{display:none}.pk-deal:after,.pk-deal:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.pk-deal:before{opacity:0}.pk.rz .pk-deal{filter:drop-shadow(2px 0 0 var(--pk-amber)) drop-shadow(-2px 0 0 var(--pk-amber)) drop-shadow(0 2px 0 var(--pk-amber)) drop-shadow(0 -2px 0 var(--pk-amber))}.pk.me .pk-deal:before,.pk.rz .pk-deal:before{inset:-4px -4px;border-radius:6px;--pk-tooth:calc(100% / 12);-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top /var(--pk-tooth) 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /var(--pk-tooth) 51% repeat-x;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top /var(--pk-tooth) 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /var(--pk-tooth) 51% repeat-x}.pk.rz .pk-deal:before{background:rgb(224 165 38/.24)}.pk.me,.pk[data-tilt]{transform:perspective(600px) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg)) translateY(var(--lift,0)) scale(var(--grow,1))}.pk.me{--lift:-6px;--grow:1.04;animation:pk-pick .46s cubic-bezier(.3,1.6,.5,1) backwards}.pk.me .pk-deal{filter:drop-shadow(2px 0 0 var(--n-mint)) drop-shadow(-2px 0 0 var(--n-mint)) drop-shadow(0 2px 0 var(--n-mint)) drop-shadow(0 -2px 0 var(--n-mint)) drop-shadow(0 10px 10px rgb(45 187 162/.55))}.pk.me .pk-deal:before{background:rgb(45 187 162/.22)}@media (prefers-reduced-motion:no-preference){.pk.rz .pk-deal:before{animation:pk-beat 1.8s ease-in-out .7s infinite}.pk.me .pk-deal:before{animation:pk-beat 2.8s ease-in-out .6s infinite}}.pk.me .pk-crown{color:var(--n-white)}.s20key{display:flex;flex-wrap:wrap;gap:8px;margin:0}.s20key-pill{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:4px 12px 4px 8px;border:1px solid var(--n-line);border-radius:999px;background:var(--n-white);font-size:13.5px;color:var(--n-muted)}.s20key-pill b{font-size:16px;font-weight:700;color:var(--n-ink)}.s20key-pill i{width:12px;height:16px;border-radius:3px;background:linear-gradient(165deg,#0d6a56,var(--n-green))}.s20key-pill.so i{background:#dce4e0;box-shadow:inset 0 0 0 1px var(--n-line);background-image:linear-gradient(-62deg,transparent 44%,var(--n-sale) 44% 56%,transparent 56%)}.s20key-pill.rz i{box-shadow:0 0 0 2px var(--pk-amber,#e0a526);background:linear-gradient(rgb(224 165 38/.35),rgb(224 165 38/.35)),linear-gradient(165deg,#0d6a56,var(--n-green))}.s20key-pill.me{border-color:var(--n-mint)}.s20key-pill.me i{box-shadow:0 0 0 2px var(--n-mint)}[data-pack] .pk.rz .pk-body{background:linear-gradient(rgb(224 165 38/.2),rgb(224 165 38/.2)),var(--pack-body)}[data-pack] .pk.me .pk-deal{filter:drop-shadow(2px 0 0 var(--pack-ring)) drop-shadow(-2px 0 0 var(--pack-ring)) drop-shadow(0 2px 0 var(--pack-ring)) drop-shadow(0 -2px 0 var(--pack-ring)) drop-shadow(0 10px 10px var(--pack-halo))}[data-pack] .pk.me .pk-deal:before{background:var(--pack-halo)}[data-pack] .pk.me .pk-crown{color:#ffffff}[data-pack] .pk-crown{top:var(--pack-band-mid,49%);width:24%}[data-pack] .s20key-pill i{background:var(--pack-body)}[data-pack] .s20key-pill.rz i{background:linear-gradient(rgb(224 165 38/.35),rgb(224 165 38/.35)),var(--pack-body)}[data-pack] .s20key-pill.so i{background:#dce4e0;background-image:linear-gradient(-62deg,transparent 44%,var(--n-sale) 44% 56%,transparent 56%)}[data-pack] .s20key-pill.me{border-color:var(--pack-ring)}[data-pack] .s20key-pill.me i{box-shadow:0 0 0 2px var(--pack-ring)}.s20key-pill.free.last{border-color:var(--n-sale);box-shadow:inset 0 0 0 1px var(--n-sale)}.s20key-last,.s20key-pill.free.last b{color:var(--n-sale)}.s20key-last{align-self:center;font-size:14px;font-weight:700}@media (min-width:1024px){.s20{grid-template-columns:repeat(var(--s20-wide,20),minmax(0,1fr));gap:18px 14px;padding-top:14px}.s20-words{grid-template-columns:repeat(var(--s20-wide,12),minmax(0,88px))}.s20:not(.s20-words){grid-template-columns:repeat(var(--s20-wide,20),minmax(0,64px));gap:14px 10px}.pk.me{--lift:-8px}.s20-words .pk{border-radius:10px}.s20-words .s20-word{position:absolute;left:50%;bottom:13%;translate:-50% 0;display:block;padding:3px 9px;border-radius:999px;background:rgb(255 255 255/.14);backdrop-filter:blur(2px);font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--n-white);white-space:nowrap}.s20-words .pk.free .s20-word{color:#b6f5e7}[data-pack] .s20-words .pk.free .s20-word,[data-pack] .s20-words .pk.me .s20-word,[data-pack] .s20-words .pk.rz .s20-word{top:calc((var(--pack-band-end, 67%) + 91%) / 2);bottom:auto;translate:-50% -50%;padding:0;background:none;backdrop-filter:none;box-shadow:none;font-size:13px;color:var(--pack-ink);text-shadow:0 0 3px rgb(255 248 230/.9)}[data-pack] .s20-words .pk.rz .s20-word{color:#7a4d00}.s20-words .pk.rz .s20-word{background:#1d1600;box-shadow:inset 0 0 0 1.5px var(--pk-amber);color:var(--pk-amber)}.s20-words .pk.me .s20-word{background:var(--n-mint);color:var(--n-deep)}.s20-words .pk-stamp{left:50%;right:auto;height:auto;translate:-50% -50%;rotate:-16deg;padding:3px 8px;border:2.5px solid var(--n-sale);border-radius:6px;background:rgb(255 255 255/.55);box-shadow:none;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--n-sale)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.pk[data-tilt]{--grow:1.06;z-index:1;transition-duration:80ms}.pk.me[data-tilt]{--grow:1.08}.pk[data-tilt]:not(.so) .pk-foil{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgb(255 255 255/.45),transparent 42%),linear-gradient(115deg,transparent 28%,rgb(140 255 228/.32) 40%,rgb(255 220 150/.26) 49%,rgb(196 168 255/.3) 58%,transparent 70%);background-size:100% 100%,260% 260%}}.pk.s20-fresh{animation:pk-hit .52s cubic-bezier(.2,.7,.2,1) calc(var(--just-delay, 0s) + .26s) both}.pk.s20-fresh .pk-stamp{animation:pk-slam .46s cubic-bezier(.2,1.4,.4,1) var(--just-delay,0s) both}.pk.s20-fresh .pk-body{animation:pk-grey .42s ease-out var(--just-delay,0s) both}@keyframes pk-deal{0%{opacity:0;transform:perspective(600px) translateY(28px) rotate(-7deg) scale(.86)}to{opacity:1}}@keyframes pk-foil{0%,to{background-position:0 0}50%{background-position:100% 100%}}@keyframes pk-beat{50%{opacity:1}}@keyframes pk-pick{0%{transform:perspective(600px) translateY(0) scale(.84)}60%{transform:perspective(600px) translateY(-11px) scale(1.08)}to{transform:perspective(600px) translateY(-8px) scale(1.04)}}@keyframes pk-slam{0%{opacity:0;scale:2.6}70%{opacity:1;scale:.92}to{opacity:1;scale:1}}@keyframes pk-hit{0%{transform:perspective(600px) scale(1)}35%{transform:perspective(600px) scale(.9) rotate(-2deg)}70%{transform:perspective(600px) scale(1.03) rotate(1deg)}to{transform:none}}@keyframes pk-grey{0%{filter:saturate(3) brightness(.6)}to{filter:none}}@media (prefers-reduced-motion:reduce){.pk,.pk-deal,.pk-deal:after,.pk-deal:before,.pk-foil,.pk.me,.pk.me .pk-deal:before,.pk.rz .pk-deal:before,.pk.s20-fresh,.pk.s20-fresh .pk-body,.pk.s20-fresh .pk-stamp{animation:none}.pk{transition:none}}