@font-face{font-family:Geist;src:url('/loyaltyrewards/assets/Geist.woff2') format('woff2');font-display:swap;font-weight:100 900}
.immersive{margin:0;padding:0!important;background:#f3f0e8;color:#242722;font-family:Geist,Arial,sans-serif;min-height:100svh;overflow-x:hidden}.immersive *{box-sizing:border-box}.immersive button{font:inherit;cursor:pointer}.immersive button:disabled{cursor:default}.immersive button:focus-visible,.pack-experience button:focus-visible{outline:2px solid #617184;outline-offset:5px}.loyalty-header{height:80px;padding:0 34px;display:flex;align-items:center;gap:18px;max-width:1600px;margin:0 auto}.loyalty-wordmark{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:700;letter-spacing:-.8px}.loyalty-wordmark img{width:23px;height:29px;object-fit:contain;image-rendering:pixelated}.loyalty-header h1{font-size:13px;font-weight:450;letter-spacing:0;border-left:1px solid #c6c4b7;padding-left:18px;margin:0}.immersive-main{width:100%;max-width:1600px;padding:0 20px 16px;margin:0 auto}.pack-experience{width:100%;position:relative;font-family:Geist,Arial,sans-serif;color:#242722;text-align:center;background:#f3f0e8;border-radius:12px;isolation:isolate}.pack-stage{position:relative;height:clamp(340px,calc(100svh - 320px),740px);overflow:hidden;width:100%;isolation:isolate;background:#f3f0e8}.pack-world{position:absolute;inset:0;touch-action:pan-y;mask-image:linear-gradient(to bottom,#000 94%,transparent 100%)}.pack-world canvas{width:100%;height:100%;display:block}.stage-loading{position:absolute;inset:0;display:grid;place-items:center;background:#f3f0e8;font-size:13px;color:#6b6b60;z-index:4}.pack-object-hit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36%;max-width:300px;height:82%;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;z-index:2;cursor:pointer;border-radius:15px}.pack-object-hit:disabled{display:none}.pack-object-hit:focus-visible{outline:1px solid #70786d!important;outline-offset:12px}.pack-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;position:absolute;top:8px;right:12px;z-index:5}.pack-tools button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:96px;background:transparent;border:1px solid #cac8bd;border-radius:6px;padding:9px 12px;color:#353930;font-size:12px}.pack-tools button svg{width:17px;height:17px;flex:none}.pack-tools button:hover:not(:disabled){background:#e8e5db}.pack-tools button:disabled{opacity:.43}.pack-sound[aria-pressed=false] .sound-waves{display:none}.immersive .pack-tools{position:fixed;top:18px;right:34px}.pack-announcement{min-height:97px;padding:12px 14px 0}.pack-kicker{display:block;font-size:10px;line-height:1.3;letter-spacing:1.2px;text-transform:uppercase;color:#70694f;min-height:13px}.pack-reveal-title{font-size:28px;font-weight:580;line-height:1.2;letter-spacing:-.7px;margin:9px 0 7px}.pack-reveal-note{font-size:12px;line-height:1.5;color:#676b60;margin:0 auto;max-width:510px;min-height:18px}.pack-actions{display:flex;align-items:center;justify-content:center;min-height:58px;padding:7px 10px;gap:12px}.pack-actions button{height:46px;min-width:190px;padding:10px 22px;border-radius:5px;font-size:13px}.pack-open-button{background:#262c25;color:#fff;border:1px solid #262c25;box-shadow:0 3px 8px #25292315}.pack-open-button span{margin-left:28px}.pack-open-button:hover:not(:disabled){background:#3c4438}.pack-open-button:disabled{opacity:.4}.pack-skip{color:#595e52;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;min-width:120px!important}.preview-picker{display:flex;justify-content:center;align-items:center;gap:4px;margin:8px auto 0;max-width:290px;border-top:1px solid #d7d5c9;padding-top:10px}.preview-picker span{font-size:12px;color:#5c6154;margin-right:5px}.preview-picker button{min-height:44px;border:0;background:transparent;border-radius:4px;color:#4d5548;font-size:13px;padding:8px 13px}.preview-picker button[aria-pressed=true]{background:#e4e2d7;color:#2c3327}.pack-stage[data-phase=opening]~.pack-announcement .pack-reveal-title{font-weight:450;font-size:23px}.pack-stage[data-phase=opened]~.pack-announcement .pack-reveal-title{font-size:31px}.pack-fallback{position:absolute;inset:0;display:grid;place-items:center;perspective:900px}.fallback-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:220px;height:320px;border:1px solid #c2baa4;border-top:14px double #c2baa4;border-bottom:14px double #c2baa4;border-radius:5px;background:linear-gradient(100deg,#dbd5c2,#f4efdf 52%,#d3c9af);box-shadow:12px 25px 35px #32312620;transform:rotate(-5deg)}.fallback-wrapper>span{font-size:29px;font-weight:700}.fallback-wrapper img{width:65px;image-rendering:pixelated}.fallback-wrapper>strong{font-size:18px;font-weight:550}.fallback-reward{width:230px;height:320px;padding:14px;background:#f7f2e3;border:4px solid #b9a681;border-radius:12px;box-shadow:10px 20px 30px #32312622;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.fallback-reward img{width:100%;height:235px;object-fit:contain;image-rendering:pixelated}.fallback-reward strong{font-size:23px}.pack-stage[data-phase=opening] .fallback-wrapper{animation:fallback-anticipation 8.2s cubic-bezier(.3,.7,.3,1) both}.pack-stage[data-phase=opened] .fallback-reward{animation:fallback-reveal .7s ease-out both}.recipient-status{text-align:center;margin:3px auto 0;max-width:560px;font-size:12px;color:#61665a;padding:0 15px}.recipient-status p{line-height:1.6;margin:0 0 12px}.recipient-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.recipient-actions button{min-height:44px;background:#fffdfa;border:1px solid #c9c9bb;border-radius:5px;padding:8px 16px;font-size:12px;color:#333b2d}.recipient-actions .primary-button{background:#272d25;color:white;border-color:#272d25}.eligibility-toggle{display:block;margin:18px auto 0;min-height:36px;font-size:11px;background:transparent;color:#6b705f;border:0;text-decoration:underline;text-underline-offset:4px}.eligibility-dialog{max-width:500px;padding:25px;background:#f7f3e8;border:1px solid #cbc6b3;border-radius:12px;color:#30372c}.eligibility-dialog p{font-size:13px;line-height:1.8}.eligibility-dialog h2{font-size:22px}.eligibility-dialog button{padding:9px 18px;background:#2a3126;color:#fff;border:0;border-radius:5px}.eligibility-dialog::backdrop{background:#25292366}.receipt-copy{font-size:11px;background:transparent;border:0;text-decoration:underline;min-height:40px;color:#5e6655}.receipt-code{font-size:11px;overflow-wrap:anywhere;margin:10px 0}#pack-dialog{max-width:1000px;background:#f3f0e8}#pack-dialog .dialog-body{padding:8px}#pack-dialog .pack-preview>h2,#pack-dialog .pack-preview>p{display:none}#pack-dialog .pack-stage{height:min(55vh,580px)}#pack-dialog .pack-tools{position:absolute;top:8px;right:12px}#pack-dialog .pack-announcement{padding-top:0}#pack-dialog .pack-reveal-title{font-size:25px}.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}[hidden]{display:none!important}
@keyframes fallback-anticipation{0%{transform:rotate(-5deg) scale(1)}25%{transform:rotateY(24deg) rotate(-2deg) scale(1.2)}45%{transform:rotateY(-15deg) scale(1.2)}65%{transform:translateY(20px) rotate(12deg) scale(.9);opacity:1}80%,100%{transform:translateY(160px) rotate(30deg) scale(.7);opacity:0}}@keyframes fallback-reveal{from{transform:rotateY(90deg) scale(.9);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}
@media(max-width:640px){.loyalty-header{height:69px;padding:0 17px;gap:0;display:block;padding-top:13px}.loyalty-wordmark{font-size:22px;gap:7px;line-height:1}.loyalty-wordmark img{width:19px;height:25px}.loyalty-header h1{border:0;font-size:10px;margin:5px 0 0 27px;padding:0;color:#737564}.immersive-main{padding:0 0 16px}.immersive .pack-tools{top:14px;right:14px;gap:6px}.pack-tools button{font-size:11px;min-width:76px;gap:5px;padding:8px;min-height:42px}.pack-tools button svg{width:15px;height:15px}.pack-stage{height:clamp(310px,calc(100svh - 290px),650px)}.pack-object-hit{width:70%;max-width:280px}.pack-announcement{padding:0 16px;min-height:88px}.pack-reveal-title{font-size:24px;margin-top:8px}.pack-reveal-note{font-size:11px;max-width:330px}.pack-stage[data-phase=opened]~.pack-announcement .pack-reveal-title{font-size:27px}.pack-actions{padding:5px 12px;min-height:55px}.pack-actions button{min-width:195px;min-height:46px;font-size:12px}.preview-picker{margin-top:4px;padding-top:7px}.preview-picker button{min-height:44px}.pack-kicker{font-size:9px}.eligibility-toggle{margin-top:13px}#pack-dialog .pack-stage{height:min(48vh,460px)}#pack-dialog .pack-tools{top:3px;right:5px}#pack-dialog .pack-tools button{min-width:70px}.recipient-status{font-size:11px;max-width:350px}.stage-loading{font-size:12px}}
@media(max-width:360px){.pack-tools button{min-width:65px;font-size:10px;gap:3px}.immersive .pack-tools{right:9px;gap:3px}.loyalty-header{padding-left:12px}.loyalty-wordmark{font-size:20px}.pack-stage{min-height:300px}.pack-reveal-title{font-size:22px}}
@media(prefers-reduced-motion:reduce){.pack-experience *{animation:none!important;transition:none!important}}

.pack-share{background:#272d25;color:white;border:1px solid #272d25}.pack-share-dialog{padding:22px;max-width:510px;width:calc(100% - 28px);max-height:92svh;overflow:auto;border:1px solid #c5c0b2;border-radius:12px;background:#f3f0e8;color:#242722;font-family:Geist,Arial,sans-serif;text-align:left;box-shadow:0 25px 70px #25292330}.pack-share-dialog::backdrop{background:#25292388;backdrop-filter:blur(5px)}.share-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.share-brand{font-size:13px;font-weight:650}.share-heading h2{font-size:24px;letter-spacing:-.6px;margin:5px 0 14px}.share-close{border:0;background:transparent;color:#30352d;min-width:44px;min-height:44px;font-size:25px}.share-tabs{display:flex;gap:5px;padding:4px;background:#e5e1d6;border-radius:7px;margin-bottom:15px}.share-tabs button{flex:1;min-height:44px;border:0;border-radius:5px;background:transparent;color:#53594d;font-size:13px}.share-tabs button[aria-pressed=true]{background:#fffdf7;color:#222a20;box-shadow:0 1px 4px #25292312}.share-preview{display:grid;place-items:center;min-height:230px;background:#e8e3d7;border:1px solid #d7d1c2;border-radius:8px;padding:8px;overflow:hidden}.share-preview img,.share-preview video{display:block;max-width:100%;height:310px;max-height:40svh;object-fit:contain;border-radius:3px}.share-placeholder{max-width:270px;text-align:center;font-size:14px;line-height:1.6;color:#606656}.share-status{font-size:12px;line-height:1.5;min-height:18px;margin:12px 0}.share-actions{display:flex;gap:8px;flex-wrap:wrap}.share-actions button{flex:1;min-height:44px;padding:10px 14px;border:1px solid #bdbbaa;border-radius:5px;color:#2b3226;background:#fffdf7;font-size:13px}.share-actions .share-create,.share-actions .share-native{background:#272d25;color:#fff;border-color:#272d25}.share-actions button:disabled{opacity:.5}.share-privacy{font-size:11px;color:#686d61;line-height:1.6;margin:12px 0 0}.share-render-studio{position:fixed;left:-12000px;top:0;pointer-events:none;contain:strict}.share-render-studio canvas{display:block}.pack-share-dialog button:focus-visible{outline:2px solid #52687c;outline-offset:3px}@media(max-width:380px){.pack-share-dialog{padding:16px}.share-heading h2{font-size:22px}.share-preview img,.share-preview video{height:270px}}
.share-caption{margin-top:16px;padding:12px 14px;background:#e9e5db;border-radius:6px}.share-caption p{font-size:12px;line-height:1.6;white-space:pre-line;margin:0 0 8px;user-select:text}.share-copy{min-height:44px;border:0;background:transparent;color:#42483f;padding:4px 0;text-decoration:underline;text-underline-offset:3px;font-size:12px}.share-x{display:flex;justify-content:space-between;align-items:center;min-height:46px;margin-top:12px;padding:12px 16px;background:#252923;color:white;text-decoration:none;border-radius:5px;font-size:13px}.share-help{font-size:11px;line-height:1.5;color:#62665c;margin:8px 0}.share-actions .share-download{background:#fffdf7;color:#252923}
.pack-film{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.pack-world[data-film-phase=sealed] .pack-film{animation:pack-film-float 5s ease-in-out infinite}@keyframes pack-film-float{0%,100%{transform:translateY(3px) rotate(-.4deg)}50%{transform:translateY(-4px) rotate(.4deg)}}
@media(max-width:640px){.share-preview{min-height:180px}.share-preview img,.share-preview video{height:220px;max-height:27svh}.share-caption{margin-top:10px;padding:10px 12px}.share-caption p{font-size:11px;line-height:1.5;margin:0 0 4px}.share-copy{min-height:36px}.share-heading h2{margin-bottom:10px}.share-tabs{margin-bottom:10px}.share-privacy{margin-top:6px}}
@media(max-width:640px){.pack-film{object-fit:cover}}

.pack-world{perspective:950px}.pack-film-plane{position:absolute;inset:0;transform-origin:50% 48%;will-change:transform;backface-visibility:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}

.pack-actions{flex-wrap:wrap}.pack-actions .pack-share-link{display:flex;align-items:center;justify-content:center;min-height:46px;min-width:160px;padding:10px 22px;border:1px solid #242422;border-radius:5px;background:#242422;color:#fffdf8;text-decoration:none;font-size:13px}.pack-actions .pack-copy-link,.pack-actions .pack-share{min-width:125px;background:transparent;border:1px solid #b7b7ad;color:#242422}.pack-link-status{margin:5px auto 0;min-height:18px;padding:0 14px;text-align:center;font-size:12px;color:#686860;line-height:1.6}.pack-share-link:focus-visible{outline:2px solid #3d576c;outline-offset:3px}@media(max-width:640px){.pack-actions{gap:8px}.pack-actions .pack-share-link{min-width:150px}.pack-actions .pack-copy-link,.pack-actions .pack-share{min-width:115px}}
