.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#pinder-page.is-revealing{opacity:0;transform:scale(.975);pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}#pack-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-start;justify-content:center;overflow-y:auto;overflow-x:clip;font-family:Saira,system-ui,sans-serif}#pack-overlay:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 620px at 50% 26%,rgba(223,243,106,.18),transparent 60%),radial-gradient(1200px 760px at 50% 28%,#0d1a0cdb,#040604f5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:ov-fade .35s ease both}@media(pointer:coarse){#pack-overlay:before{-webkit-backdrop-filter:none;backdrop-filter:none}}#pack-overlay.open{display:flex}@keyframes ov-fade{0%{opacity:0}to{opacity:1}}#pack-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}#pack-stage,#reveal-stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px;padding:18px;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));margin:auto;perspective:1100px}@media(pointer:coarse){#pack-stage,#reveal-stage{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}}#reveal-stage{display:none}#reveal-cardwrap,#reveal-actions,#reveal-header{position:relative;z-index:2}#reveal-header{text-align:center;margin-bottom:-2px}#reveal-congrats{font-family:Saira Condensed;font-style:italic;font-weight:800;font-size:30px;text-transform:uppercase;letter-spacing:.03em;color:#dff36a;text-shadow:0 0 26px rgba(174,224,57,.45)}#reveal-congrats span{font-size:18px;vertical-align:middle;color:#aee039}#reveal-sub{color:#cfd6cb;font:500 15px Saira;margin-top:2px}.pack-step{display:flex;align-items:center;gap:13px;padding:15px 16px;border-radius:14px;background:linear-gradient(180deg,#1a281b,#111a12);border:1.5px solid rgba(174,224,57,.5);box-shadow:0 10px 26px -12px #000000bf,inset 0 1px #ffffff0d;text-decoration:none;text-align:left;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.pack-step:hover{transform:translateY(-2px);border-color:#aee039d9;box-shadow:0 16px 30px -12px #000c,0 0 22px #aee0392e;background:linear-gradient(180deg,#1f3020,#142016)}.pack-step:active{transform:translateY(0)}.pack-step-ico{width:42px;height:42px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:#aee03929;color:#aee039}.pack-step-txt{flex:1;min-width:0}.pack-step-title{display:block;font-family:Saira Condensed;font-weight:800;font-style:italic;font-size:18.5px;text-transform:uppercase;letter-spacing:.02em;color:#eaffb0}.pack-step-sub{display:block;color:#9aa697;font:400 12.5px Saira;margin-top:1px}.pack-step:after{content:"›";margin-left:4px;flex:none;font:800 24px/1 Saira;color:#aee039;opacity:.85}.pack-step:focus-visible{outline:2px solid #aee039;outline-offset:3px}#reveal-bloom{position:absolute;top:50%;left:50%;width:min(560px,92vw);height:min(560px,92vw);margin:calc(min(560px,92vw)/-2) 0 0 calc(min(560px,92vw)/-2);border-radius:50%;pointer-events:none;opacity:0;z-index:0;filter:blur(4px);background:radial-gradient(circle,rgba(190,240,90,.55),rgba(150,220,50,.18) 42%,transparent 68%)}#pack-label{font-family:Saira Condensed;font-style:italic;font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:.04em;color:#dff36a;text-shadow:0 0 22px rgba(174,224,57,.5);margin:0;text-align:center}#pack-wrapper{position:relative;width:min(360px,78vw);aspect-ratio:2/3;will-change:transform,opacity;cursor:pointer;outline:none;transform-style:preserve-3d;filter:drop-shadow(0 34px 68px rgba(0,0,0,.64)) drop-shadow(0 0 42px rgba(174,224,57,.3))}@media(pointer:coarse){#pack-wrapper{filter:drop-shadow(0 18px 34px rgba(0,0,0,.6))}}#pack-wrapper:focus-visible{box-shadow:0 0 0 3px #aee03999;border-radius:18px}.pack-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}#pack-front{z-index:3}#pack-seam{position:absolute;top:6%;left:18%;right:18%;height:3px;z-index:4;opacity:0;border-radius:3px;background:linear-gradient(90deg,transparent,#eaffa0,#ffffff,#cdee4a,transparent);box-shadow:0 0 18px 4px #cdee4ab3;transform:scaleX(.2)}#pack-foil{display:none;position:absolute;inset:0;z-index:5;pointer-events:none;mix-blend-mode:screen;opacity:.62;-webkit-mask-image:url(/pinder/pinder-envelope-2.png);mask-image:url(/pinder/pinder-envelope-2.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;background:linear-gradient(125deg,transparent 0%,rgba(174,224,57,.16) 24%,rgba(255,255,255,.18) 44%,rgba(0,120,60,.12) 63%,rgba(205,238,74,.12) 84%,transparent 100%);background-size:300% 300%;animation:foil-shift 4.5s ease-in-out infinite}@supports (mask-image: url(#)) or (-webkit-mask-image: url(#)){#pack-foil{display:block}}@keyframes foil-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}#pack-hint{font:600 11px Saira;letter-spacing:.2em;text-transform:uppercase;color:#8fb24a;opacity:0;animation:hint-pulse 1.5s ease-in-out infinite}@keyframes hint-pulse{0%,to{transform:translateY(0);opacity:.65}50%{transform:translateY(3px);opacity:1}}#reveal-cardwrap{--rx:0;--ry:0;--rz:0;--ty:0;--s:1;--mx:.5;--my:.42;--ang:90;--pa:0;--pg:0;--q:0;--shine-max:.7;perspective:1900px}#reveal-shadow{position:absolute;left:12%;right:12%;bottom:-30px;height:46px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,.6),rgba(0,0,0,.25) 45%,transparent 70%);filter:blur(9px);opacity:calc(.7 - var(--pa) * .3);transform:translate(calc(var(--ry) * -2.4px)) translateY(calc(var(--ty) * -.3px)) scale(calc(1 + var(--pa) * .1),calc(1 - var(--pa) * .2));will-change:transform,opacity}#reveal-card{--glow:.45;--glow-hi:.6;position:relative;max-width:min(330px,80vw);border-radius:18px;cursor:pointer;touch-action:pan-y pinch-zoom;will-change:transform;transform:translate3d(0,calc(var(--ty) * 1px),0) rotateX(calc(var(--rx) * 1deg)) rotateY(calc(var(--ry) * 1deg)) rotate(calc(var(--rz) * 1deg)) scale(var(--s));filter:drop-shadow(0 30px 60px rgba(0,0,0,.7)) drop-shadow(0 0 46px rgba(174,224,57,var(--glow)));transition:filter .45s ease}#reveal-card.is-engaged{filter:drop-shadow(0 44px 80px rgba(0,0,0,.78)) drop-shadow(0 0 60px rgba(174,224,57,var(--glow-hi)))}#reveal-card img{display:block;width:auto;height:auto;max-width:min(330px,80vw);max-height:60vh;border-radius:18px}#reveal-card:after{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #00000052,inset 0 0 0 1px #eaffa024}#reveal-holo{position:absolute;inset:0;border-radius:18px;pointer-events:none;opacity:calc(var(--pa) * .75);background:linear-gradient(calc(var(--ang) * 1deg),rgba(255,255,255,calc(var(--my) * var(--shine-max))),#fff0 80%)}#reveal-glow{position:absolute;inset:0;border-radius:18px;pointer-events:none;overflow:hidden}#reveal-glow:before{content:"";position:absolute;left:-60%;top:-60%;width:220%;height:220%;will-change:transform;background:radial-gradient(closest-side circle,rgba(255,255,255,.34),rgba(205,235,120,.22) 26%,rgba(174,224,57,.1) 48%,transparent 66%);opacity:calc(var(--pg) * (.62 + .35 * var(--q)));transform:translate3d(calc((var(--mx) - .5) * 46%),calc((var(--my) - .5) * 46%),0)}#reveal-spark,#reveal-glare,#reveal-edge{position:absolute;inset:0;border-radius:18px;pointer-events:none;display:none}html[data-fx-style=foil] #reveal-holo{opacity:calc(var(--holo-base, .08) + var(--pa) * var(--holo-gain, .2));mix-blend-mode:color-dodge;background-image:repeating-linear-gradient(115deg,#b0ec5157,#52e0b14d,#5fcdf24d,#8db8e23d,#f6d55147,#b0ec5157 30%),repeating-linear-gradient(-48deg,#fff0 0% 6%,#ffffff38 9%,#fff0 12% 18%);background-size:340% 340%,230% 230%;background-position:calc((1.3 - var(--mx) * 1.6) * 100%) calc((1.3 - var(--my) * 1.6) * 100%),calc(var(--mx) * 100%) calc(var(--my) * 100%);-webkit-mask-image:radial-gradient(120% 120% at calc(var(--mx) * 100%) calc(var(--my) * 100%),#000 0%,rgba(0,0,0,.5) 45%,rgba(0,0,0,.12) 78%,transparent 100%);mask-image:radial-gradient(120% 120% at calc(var(--mx) * 100%) calc(var(--my) * 100%),#000 0%,rgba(0,0,0,.5) 45%,rgba(0,0,0,.12) 78%,transparent 100%);filter:brightness(.72) contrast(calc(1.15 + var(--q) * .6)) saturate(calc(.6 + var(--q) * .55));transform:translate(calc(var(--ry) * .5px),calc(var(--rx) * -.5px))}html[data-fx-style=foil] #reveal-spark{display:block;mix-blend-mode:color-dodge;opacity:calc(var(--spark-base, 0) + var(--pa) * var(--spark-gain, .2));background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='s' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='11'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 18 -11'/></filter><rect width='240' height='240' filter='url(%23s)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='s' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='37'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 18 -11.5'/></filter><rect width='240' height='240' filter='url(%23s)'/></svg>");background-size:240px 240px,150px 150px;background-position:calc(var(--mx) * 50px) calc(var(--my) * 50px),calc(var(--mx) * -90px) calc(var(--my) * -90px);-webkit-mask-image:radial-gradient(circle at calc(var(--mx) * 100%) calc(var(--my) * 100%),#000 0%,rgba(0,0,0,.4) 26%,transparent 52%);mask-image:radial-gradient(circle at calc(var(--mx) * 100%) calc(var(--my) * 100%),#000 0%,rgba(0,0,0,.4) 26%,transparent 52%);filter:brightness(1) contrast(1.9);transform:translate(calc(var(--ry) * 1.1px),calc(var(--rx) * -1.1px))}html[data-fx-style=foil] #reveal-glare{display:block;overflow:hidden;mix-blend-mode:screen;opacity:calc(var(--glare-base, .08) + var(--pa) * var(--glare-max, .4))}html[data-fx-style=foil] #reveal-glare-dot{position:absolute;left:-60%;top:-60%;width:220%;height:220%;will-change:transform;background:radial-gradient(closest-side circle,rgba(255,255,255,.26),rgba(223,243,106,.08) 30%,rgba(255,255,255,.04) 42%,transparent 62%);transform:translate3d(calc((var(--mx) - .5) * 46%),calc((var(--my) - .5) * 46%),0)}html[data-fx-style=foil] #reveal-edge{display:block;padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;mix-blend-mode:screen;opacity:calc(var(--edge-base, .1) + var(--pa) * var(--edge-gain, .3));background:conic-gradient(from calc(var(--ang) * 1deg),rgba(255,255,255,.95),rgba(205,238,74,.35) 12%,transparent 30% 55%,rgba(140,220,255,.3) 72%,transparent 86%,rgba(255,255,255,.95))}#reveal-sweep{position:absolute;inset:0;border-radius:18px;pointer-events:none;mix-blend-mode:screen;opacity:0;background-image:linear-gradient(115deg,transparent 32%,rgba(205,238,74,.35) 44%,rgba(255,255,255,.6) 50%,rgba(140,220,255,.35) 56%,transparent 68%);background-size:320% 320%;background-position:-40% 50%}#reveal-actions{display:flex;flex-direction:column;gap:11px;width:min(330px,80vw);opacity:0;transform:translateY(12px)}.pack-btn{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;border-radius:13px;cursor:pointer;text-decoration:none;text-align:center;font-family:Saira Condensed;font-weight:800;font-style:italic;font-size:17px;text-transform:uppercase;letter-spacing:.02em;border:none}.pack-btn-primary{color:#0a0c0a;background:linear-gradient(180deg,#cdee4a,#7ec62b);box-shadow:0 10px 24px -8px #96dc3280}.pack-btn-ghost{background:#16201a;border:1px solid rgba(174,224,57,.3);color:#dff36a;font:600 15px Saira;text-transform:none;font-style:normal}.pack-text-btn{background:none;border:none;color:#8f9a8d;font:600 13px Saira;cursor:pointer;text-decoration:underline;padding:6px}.pack-btn:focus-visible,.pack-text-btn:focus-visible,#pack-wrapper:focus-visible{outline:2px solid #aee039;outline-offset:3px}@media(prefers-reduced-motion:reduce){#pack-overlay:before,#pack-foil,#pack-hint,#pack-wrapper{animation:none}#reveal-actions{opacity:1;transform:none}#pack-wrapper{transform:none!important}#reveal-card{transform:none!important;transition:none}#reveal-shadow{transform:none!important;opacity:.6!important}#reveal-holo,#reveal-glow,#reveal-sweep,#reveal-spark,#reveal-glare,#reveal-edge{opacity:0!important}}
