.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}}.tk-grid{--tk-amber:#e0a526;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;margin:4px 0 14px;padding-top:6px}@media (min-width:1024px){.tk-grid{grid-template-columns:repeat(var(--tk-wide,6),minmax(0,1fr));gap:14px 14px}}.tk{position:relative;display:block;height:66px;border-radius:9px;transition:transform .26s cubic-bezier(.2,.8,.2,1)}@media (min-width:1024px){.tk{height:74px}}.tk-deal{animation:pk-deal .62s cubic-bezier(.2,.8,.2,1) calc(var(--i, 0) * 40ms + 80ms) backwards}.tk-body,.tk-deal{position:absolute;inset:0;border-radius:inherit}.tk-body{--tk-stub:38%;display:flex;overflow:hidden;background:var(--n-white);box-shadow:inset 0 0 0 1px var(--n-line),0 6px 14px -8px rgb(0 40 33/.45)}.tk-body:after,.tk-body:before{content:"";position:absolute;left:var(--tk-stub);width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--n-paper);box-shadow:inset 0 0 0 1px var(--n-line);z-index:1}.tk-body:before{top:-6px}.tk-body:after{bottom:-6px}.tk-stub{display:grid;place-content:center;justify-items:center;flex:0 0 var(--tk-stub);border-right:2px dashed rgb(255 255 255/.45);background:linear-gradient(165deg,#0d6a56 0,var(--n-green) 60%,#01261f 100%);color:var(--n-white);line-height:1}.tk-stub small{color:var(--n-sec);font:700 9.5px/1.2 var(--f-text);text-transform:uppercase;letter-spacing:.08em}.tk-stub b{margin-top:2px;font:900 22px/1 var(--f-display)}.tk-main{display:grid;place-content:center;justify-items:center;flex:1 1 auto;gap:3px;padding:0 12px 0 4px;text-align:center}.tk-seal{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--n-mint);color:var(--n-deep);font:900 15px/1 var(--f-display);box-shadow:0 0 0 2px rgb(45 187 162/.25)}.tk-word{color:var(--n-muted);font:600 11px/1.15 var(--f-text)}.tk-kit{position:absolute;top:0;right:0;bottom:0;width:7px;background:var(--tk-kit,var(--n-green))}@media (min-width:1024px){.tk-stub b{font-size:26px}.tk-seal{width:28px;height:28px;font-size:17px}.tk-word{font-size:12.5px}}.tk.rz .tk-stub{background:linear-gradient(165deg,#f0c25a,var(--tk-amber));color:var(--n-deep);border-right-color:rgb(0 58 47/.3)}.tk.rz .tk-stub small{color:rgb(0 58 47/.75)}.tk.rz .tk-body{background:#fdf6e4;box-shadow:inset 0 0 0 2px var(--tk-amber)}.tk.rz .tk-seal{background:var(--tk-amber)}.tk.rz .tk-word{color:#7a5a10}.tk.me{transform:translateY(-4px);animation:tk-pick .42s cubic-bezier(.3,1.6,.5,1) backwards}.tk.me .tk-body{background:#e3f6f1;box-shadow:inset 0 0 0 2px var(--n-mint),0 10px 18px -6px rgb(45 187 162/.55)}.tk.me .tk-stub{background:var(--n-mint);color:var(--n-deep);border-right-color:rgb(0 58 47/.3)}.tk.me .tk-stub small{color:rgb(0 58 47/.75)}.tk.me .tk-seal{background:var(--n-green);color:var(--n-white)}.tk.me .tk-word{color:var(--n-deep);font-weight:800}.tk.so .tk-body{background:#e9eeeb;box-shadow:inset 0 0 0 1px var(--n-line)}.tk.so .tk-stub{background:#d3ddd8;color:#93a39d;border-right-color:rgb(0 64 53/.15)}.tk.so .tk-stub small{color:#93a39d}.tk.so .tk-kit,.tk.so .tk-seal,.tk.so .tk-word{visibility:hidden}.tk-stamp{position:absolute;left:62%;top:50%;translate:-50% -50%;rotate:-12deg;padding:2px 7px;border:2px solid var(--n-sale);border-radius:4px;color:var(--n-sale);font:900 12px/1.2 var(--f-display);text-transform:uppercase;letter-spacing:.04em;background:rgb(255 255 255/.6)}.tk.tk-fresh .tk-stamp{animation:pk-slam .46s cubic-bezier(.2,1.4,.4,1) var(--just-delay,0s) both}.tk.tk-fresh .tk-body{animation:pk-grey .42s ease-out var(--just-delay,0s) both}.tk-key .s20key-pill i{width:18px;height:12px;border-radius:3px}@keyframes tk-pick{0%{transform:translateY(0) scale(.92)}60%{transform:translateY(-8px) scale(1.04)}to{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.tk-deal,.tk.me,.tk.tk-fresh .tk-body,.tk.tk-fresh .tk-stamp{animation:none}}