.sa-host{--sa-width:390px;--sa-accent:#b9a8ff;--sa-hold:9000ms;--sa-entry-x:-34px;--sa-exit-x:-22px;--sa-reveal:0 65% 0 0;position:fixed;left:var(--sa-left,18px);top:var(--sa-top,auto);bottom:var(--sa-bottom,18px);width:var(--sa-width);max-width:calc(100vw - 28px);z-index:80;pointer-events:none;isolation:isolate;container-type:inline-size;color:#f8f7fc;font-family:'Segoe UI',Arial,sans-serif;line-height:1.3;text-align:left}
.sa-host[data-side=right]{--sa-entry-x:34px;--sa-exit-x:22px;--sa-reveal:0 0 0 65%}
.sa-host[data-source=golden_ticket] .sa-card{border-color:#efd292a6;background:radial-gradient(ellipse at top right,#ad7b2926,transparent 65%),linear-gradient(110deg,#251c11fa,#15120efa);box-shadow:0 12px 34px #0009,0 0 26px #e7b74d2e,inset 0 1px #fff1ca30}
.sa-host[data-source=golden_ticket] .sa-art{background:radial-gradient(ellipse,#674f296e,#20180f)}
.sa-host[data-source=golden_ticket] .sa-art img{object-fit:contain;padding:5px}
.sa-host .sa-golden-label{font-size:9px;font-weight:850;line-height:1.4;letter-spacing:.08em;color:#f9d995;overflow-wrap:anywhere}
.sa-host[data-source=golden_ticket] .sa-buyer strong{color:#fff0cb}
.sa-host[data-source=golden_ticket] .sa-partner strong{color:#ffe1a0}
.sa-host[data-source=golden_ticket] .sa-quantity{background:linear-gradient(145deg,#eab44b1a,#bc873638,#f9d48a15)}
.sa-host[data-source=golden_ticket] .sa-quantity strong{color:#ffedb5;text-shadow:0 0 20px #e5ad4b63}
.sa-host[data-source=golden_ticket] .sa-card::after{content:'✦';position:absolute;right:16px;bottom:17px;color:#ffe7a8;font-size:16px;line-height:1;filter:drop-shadow(0 0 5px #e9b650);pointer-events:none;opacity:0}
.sa-host[data-source=golden_ticket] .sa-enter::after{animation:sa-gold-spark 2.8s .5s ease-in-out infinite}
.sa-host[data-source=golden_ticket] .sa-enter .sa-art-sheen{animation:sa-art-sheen 2.8s .25s ease-out infinite}
.sa-host[data-source=golden_ticket] .sa-enter .sa-outline rect{stroke:#ffe1a0;stroke-dasharray:12 13;animation-duration:4.6s}
@keyframes sa-gold-spark{0%,75%,100%{opacity:0;transform:scale(.3) rotate(-25deg)}35%{opacity:.85;transform:scale(1) rotate(20deg)}50%{opacity:.3;transform:scale(.65) rotate(35deg)}}
@media(prefers-reduced-motion:reduce){.sa-host[data-source=golden_ticket] .sa-enter::after{animation:none;opacity:.5}.sa-host[data-source=golden_ticket] .sa-enter .sa-art-sheen{animation:none;display:none}.sa-host[data-source=golden_ticket] .sa-enter .sa-outline rect{animation:none;stroke-dasharray:none}}
.sa-host[hidden]{display:block!important;visibility:hidden!important;pointer-events:none!important}.sa-host [hidden]{display:none!important}.sa-host *{box-sizing:border-box}.sa-card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 74px;min-height:154px;overflow:hidden;border:1px solid color-mix(in srgb,var(--sa-accent),transparent 47%);border-radius:14px;background:linear-gradient(110deg,#181820fa,#101117fa);box-shadow:0 12px 34px #0008,0 0 25px color-mix(in srgb,var(--sa-accent),transparent 91%);backdrop-filter:blur(18px);transform-origin:center}
.sa-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,color-mix(in srgb,var(--sa-accent),transparent 84%),transparent 38%,transparent 65%,color-mix(in srgb,var(--sa-accent),transparent 91%));opacity:.4;pointer-events:none;z-index:1}
.sa-art{position:relative;min-width:0;overflow:hidden;background:#171722}.sa-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.03)}.sa-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,#1011184d)}.sa-art-sheen{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 43%,#ffffff40 50%,transparent 57%);transform:translateX(-110%);pointer-events:none}
.sa-copy{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:15px 12px}.sa-copy p{margin:0}.sa-buyer{display:flex;flex-wrap:wrap;align-items:center;gap:3px 5px;font-size:11px;line-height:1.25;color:#bbb8c7}.sa-buyer strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:1.3;white-space:nowrap;color:#f5f2fa}.sa-live-dot{width:4px;height:4px;flex-shrink:0;background:var(--sa-accent);border-radius:50%;box-shadow:0 0 7px var(--sa-accent)}.sa-product{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:19px;font-weight:800;line-height:1.15;letter-spacing:-.025em;color:#fff;padding-bottom:2px}.sa-partner>span{display:block;font-size:8px;font-weight:650;letter-spacing:.1em;color:#a6a3b1;line-height:1.3}.sa-partner strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;color:var(--sa-accent);font-size:14px;font-weight:700;line-height:1.2;letter-spacing:-.015em;padding-bottom:1px}
.sa-quantity{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-left:1px dashed color-mix(in srgb,var(--sa-accent),transparent 71%);color:var(--sa-accent);background:linear-gradient(140deg,color-mix(in srgb,var(--sa-accent),transparent 93%),color-mix(in srgb,var(--sa-accent),transparent 87%));padding:27px 4px 16px}.sa-quantity strong{font-size:32px;font-weight:900;line-height:1;letter-spacing:-.055em;text-shadow:0 0 20px color-mix(in srgb,var(--sa-accent),transparent 78%)}.sa-quantity span{font-size:8px;line-height:1.2;font-weight:800;letter-spacing:.06em}
.sa-host .sa-dismiss{position:absolute;top:3px;right:3px;width:27px;height:27px;min-height:27px;padding:0;display:grid;place-items:center;background:transparent;border:0;border-radius:6px;color:#bfb9d0;font-size:22px;font-weight:400;line-height:1;pointer-events:auto;cursor:pointer;z-index:3}.sa-host .sa-dismiss:hover{background:#ffffff12;color:#fff;transform:none}.sa-host .sa-dismiss:focus-visible{outline:2px solid var(--sa-accent);outline-offset:-2px}.sa-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--sa-accent);opacity:.65;transform-origin:left}
.sa-outline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.sa-outline rect{fill:none;stroke:var(--sa-accent);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-dasharray:12 88;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--sa-accent))}.sa-host[data-bulk=medium] .sa-outline rect{stroke-width:1.9;stroke-dasharray:18 82}.sa-host[data-bulk=large] .sa-outline rect{stroke-width:2.5;stroke-dasharray:22 28;filter:drop-shadow(0 0 5px var(--sa-accent))}.sa-host[data-bulk=large] .sa-quantity{background:linear-gradient(140deg,color-mix(in srgb,var(--sa-accent),transparent 86%),color-mix(in srgb,var(--sa-accent),transparent 72%))}.sa-host[data-bulk=large] .sa-quantity strong{font-size:34px}.sa-host[data-bulk=large] .sa-card{border-color:color-mix(in srgb,var(--sa-accent),transparent 22%)}
.sa-enter{animation:sa-open .56s cubic-bezier(.16,1,.3,1) both}.sa-enter::before{animation:sa-ambient 4.2s .6s ease-in-out infinite alternate}.sa-enter .sa-copy,.sa-enter .sa-quantity{animation:sa-text-in .38s .12s ease-out both}.sa-enter .sa-art img{animation:sa-art-in 1.1s ease-out both}.sa-enter .sa-art-sheen{animation:sa-art-sheen 1.35s .22s ease-out both}.sa-enter .sa-outline rect{animation:sa-orbit 3.6s linear infinite}.sa-host[data-bulk=large] .sa-enter .sa-outline rect{animation-duration:2.8s}.sa-enter .sa-progress{animation:sa-progress var(--sa-hold) linear both}
.sa-card.sa-leave{animation:sa-close .32s cubic-bezier(.4,0,1,1) both;pointer-events:none}.sa-leave .sa-dismiss{pointer-events:none}.sa-leave::before{animation:none}
.sa-host[data-paused=true],.sa-host[data-paused=true] *,.sa-host[data-paused=true] *::before,.sa-host[data-paused=true] *::after{animation-play-state:paused!important}
.sa-screenreader{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@keyframes sa-open{from{opacity:0;transform:translate3d(var(--sa-entry-x),8px,0) scale(.965);clip-path:inset(var(--sa-reveal) round 14px)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 14px)}}
@keyframes sa-close{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(var(--sa-exit-x),-5px,0) scale(.97);filter:blur(2px)}}
@keyframes sa-text-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes sa-art-in{from{transform:scale(1.23);filter:brightness(1.3)}to{transform:scale(1.03);filter:brightness(1)}}
@keyframes sa-art-sheen{to{transform:translateX(110%)}}
@keyframes sa-ambient{from{opacity:.2}to{opacity:.65}}
@keyframes sa-orbit{to{stroke-dashoffset:-100}}
@keyframes sa-progress{to{transform:scaleX(0)}}
@container(min-width:420px){.sa-card{grid-template-columns:88px minmax(0,1fr) 82px;min-height:174px;border-radius:16px}.sa-copy{padding:18px 15px;gap:10px}.sa-buyer{font-size:13px}.sa-buyer strong{font-size:15px}.sa-product{font-size:22px}.sa-partner strong{font-size:17px}.sa-partner>span{font-size:9px}.sa-quantity strong{font-size:39px}.sa-host[data-bulk=large] .sa-quantity strong{font-size:40px}.sa-quantity span{font-size:10px}.sa-host .sa-dismiss{width:31px;height:31px;font-size:25px}}
@container(max-width:339px){.sa-card{grid-template-columns:54px minmax(0,1fr) 60px;min-height:142px;border-radius:12px}.sa-copy{padding:12px 10px;gap:7px}.sa-buyer{font-size:10px}.sa-buyer strong{font-size:12px}.sa-product{font-size:18px;line-height:1.16}.sa-partner strong{font-size:14px}.sa-quantity strong,.sa-host[data-bulk=large] .sa-quantity strong{font-size:27px}.sa-quantity span{font-size:7px;letter-spacing:.03em}}
@media(max-width:600px){.sa-host{max-width:calc(100vw - 28px)}.sa-card{grid-template-columns:58px minmax(0,1fr) 64px;min-height:140px;border-radius:12px}.sa-copy{padding:12px 10px;gap:7px}.sa-buyer{font-size:10px}.sa-buyer strong{font-size:12px}.sa-product{font-size:18px;line-height:1.16}.sa-partner strong{font-size:14px}.sa-partner>span{font-size:8px}.sa-quantity strong,.sa-host[data-bulk=large] .sa-quantity strong{font-size:29px}.sa-quantity span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.sa-enter,.sa-enter .sa-copy,.sa-enter .sa-quantity,.sa-enter .sa-art img{animation:sa-quiet-in .15s ease-out both}.sa-enter::before{animation:none;opacity:.25}.sa-enter .sa-art-sheen{animation:none;display:none}.sa-enter .sa-outline rect{animation:none;stroke-dasharray:none;opacity:.35}.sa-enter .sa-progress{animation:none;opacity:.25}.sa-card.sa-leave{animation:sa-quiet-out .15s ease-out both}@keyframes sa-quiet-in{from{opacity:0}to{opacity:1}}@keyframes sa-quiet-out{from{opacity:1}to{opacity:0}}}

/* A rare redemption has its own opening act. All geometry stays in the
   measured card so random side placements still respect products and controls. */
.sa-host[data-source=golden_ticket] .sa-card{grid-template-columns:76px minmax(0,1fr) 66px;min-height:250px;border:1px solid #f9d782;background:radial-gradient(ellipse at 50% 0,#a870312b,transparent 65%),linear-gradient(140deg,#251b0cfa,#110f0bfa);box-shadow:0 16px 45px #000b,0 0 0 3px #d7a23b10,0 0 42px #ebb34045,inset 0 0 28px #d4a4500d}
.sa-host[data-source=golden_ticket] .sa-golden-label{display:none}
.sa-host[data-source=golden_ticket] .sa-copy{padding:15px 10px 17px;gap:9px}
.sa-host[data-source=golden_ticket] .sa-buyer strong{font-size:15px;color:#fff5d9}
.sa-host[data-source=golden_ticket] .sa-product{font-size:22px;line-height:1.13;-webkit-line-clamp:3}
.sa-host[data-source=golden_ticket] .sa-partner strong{font-size:17px;color:#ffe6a7}
.sa-host[data-source=golden_ticket] .sa-partner>span{color:#c4ae80}
.sa-host[data-source=golden_ticket] .sa-art{min-height:156px;border-top:1px solid #f8d88c21}
.sa-host[data-source=golden_ticket] .sa-quantity{padding:18px 3px;background:linear-gradient(170deg,#d3a15005,#d3a15035);border-left-color:#e9bd6766}
.sa-host[data-source=golden_ticket] .sa-quantity strong{font-size:36px;color:#ffedb5}
.sa-host[data-source=golden_ticket] .sa-dismiss{z-index:8;color:#ecd6a5}
.sa-gold-scene{position:relative;grid-column:1/-1;height:98px;isolation:isolate;border-bottom:1px solid #f6d78750;background:radial-gradient(ellipse at 50% 55%,#e8b5543b,transparent 65%),linear-gradient(110deg,#49300c60,transparent,#74501a35)}
.sa-gold-rays{position:absolute;inset:-160px -90px;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 16deg,#eac06919 18deg,transparent 22deg 36deg);opacity:0;pointer-events:none}
.sa-gold-pass{position:absolute;top:10px;left:50%;width:164px;height:76px;margin-left:-82px;z-index:4;filter:drop-shadow(0 6px 12px #0007);perspective:600px}
.sa-gold-half{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(115deg,#e2aa3f 0%,#fff2b0 32%,#c99b46 48%,#f3d78f 66%,#fff2ba 78%,#d9a446);color:#3f290a;clip-path:polygon(0 0,52% 0,48% 14%,52% 24%,48% 35%,52% 47%,48% 57%,52% 68%,48% 81%,52% 91%,50% 100%,0 100%,0 64%,5% 57%,5% 43%,0 36%);border:1px solid #fff3c9;border-radius:4px}
.sa-gold-half-right{--tear-x:108px;--tear-angle:24deg;clip-path:polygon(52% 0,100% 0,100% 36%,95% 43%,95% 57%,100% 64%,100% 100%,50% 100%,52% 91%,48% 81%,52% 68%,48% 57%,52% 47%,48% 35%,52% 24%,48% 14%)}
.sa-gold-half:not(.sa-gold-half-right){--tear-x:-108px;--tear-angle:-24deg}
.sa-gold-half small{font-size:10px;letter-spacing:.14em;font-weight:900}.sa-gold-half strong{font-size:34px;line-height:1;font-weight:950;letter-spacing:-.06em}.sa-gold-half strong span{font-size:20px;margin-left:3px}.sa-gold-half em{font-size:7px;letter-spacing:.16em;font-weight:850;font-style:normal}
.sa-gold-burst{position:absolute;inset:0;z-index:5;pointer-events:none}
.sa-gold-ticket{position:absolute;left:50%;top:49%;width:18px;height:10px;margin:-5px 0 0 -9px;background:linear-gradient(120deg,#ae701a,#ffe8a6 50%,#e8b448);border:1px solid #fff1bb;border-radius:2px;box-shadow:0 0 9px #f4bd5270;opacity:0;clip-path:polygon(0 0,100% 0,100% 35%,88% 50%,100% 65%,100% 100%,0 100%,0 65%,12% 50%,0 35%)}
.sa-gold-ring{position:absolute;top:49%;left:50%;width:90px;height:90px;margin:-45px;border:1px solid #ffeab5;box-shadow:0 0 15px #eab95888,inset 0 0 10px #eab95844;border-radius:50%;opacity:0;z-index:2}
.sa-gold-ring-two{border:2px dashed #ffdc84}
.sa-gold-heading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;z-index:3;color:#ffedbc;text-align:center;opacity:0}
.sa-gold-heading>span{font-size:16px;line-height:1;color:#fff4d2;text-shadow:0 0 16px #eebd56}.sa-gold-heading strong{font-size:24px;font-weight:950;letter-spacing:.075em;line-height:1.1;text-shadow:0 2px 8px #0008,0 0 28px #eab95666}.sa-gold-heading small{font-size:9px;font-weight:750;letter-spacing:.16em;color:#cdb687}
.sa-gold-comet{position:absolute;bottom:-1px;left:0;width:90px;height:2px;background:linear-gradient(90deg,transparent,#fff7d0);box-shadow:4px 0 12px #ffe2a0;opacity:0;z-index:3}
.sa-host[data-source=golden_ticket] .sa-enter{animation:sa-gold-arrive .65s cubic-bezier(.16,1,.3,1) both}
.sa-host[data-source=golden_ticket] .sa-enter .sa-gold-pass{animation:sa-gold-charge 1.2s cubic-bezier(.2,.8,.2,1) both}
.sa-enter .sa-gold-half{animation:sa-gold-tear .8s 1.05s cubic-bezier(.2,.7,.2,1) both}
.sa-enter .sa-gold-ticket{animation:sa-gold-scatter 1.35s calc(1.05s + var(--gd)) cubic-bezier(.12,.65,.2,1) both}
.sa-enter .sa-gold-ring{animation:sa-gold-shock 1.5s 1.1s ease-out both}
.sa-enter .sa-gold-ring-two{animation-delay:1.3s}
.sa-enter .sa-gold-rays{animation:sa-gold-rays 13s 1.05s ease-out both}
.sa-enter .sa-gold-heading{animation:sa-gold-title .8s 1.55s cubic-bezier(.16,1,.3,1) both}
.sa-enter .sa-gold-comet{animation:sa-gold-comet 3s 2s ease-in-out 4 both}
.sa-host[data-source=golden_ticket] .sa-enter .sa-copy,.sa-host[data-source=golden_ticket] .sa-enter .sa-quantity{animation:sa-text-in .7s 1.35s cubic-bezier(.16,1,.3,1) both}
.sa-host[data-source=golden_ticket] .sa-enter .sa-art img{animation:sa-gold-art .9s 1.2s cubic-bezier(.16,1,.3,1) both}
.sa-host[data-source=golden_ticket] .sa-enter .sa-art-sheen{animation:sa-art-sheen 2.8s 2s ease-out 4 both}
.sa-host[data-source=golden_ticket] .sa-enter .sa-outline rect{stroke-width:2.6;stroke-dasharray:18 32;animation:sa-orbit 4s 1s linear 4}
.sa-host[data-source=golden_ticket] .sa-card.sa-leave{animation:sa-close .32s cubic-bezier(.4,0,1,1) both}
@keyframes sa-gold-arrive{0%{opacity:0;transform:translate3d(var(--sa-entry-x),14px,0) scale(.86);filter:brightness(1.55)}100%{opacity:1;transform:none;filter:none}}
@keyframes sa-gold-charge{0%{opacity:0;transform:translateY(20px) rotateY(-65deg) rotate(-12deg) scale(.4)}45%{opacity:1;transform:translateY(-3px) rotateY(12deg) rotate(4deg) scale(1.08)}80%{filter:brightness(1);transform:rotate(-3deg) scale(1)}100%{filter:brightness(1.6);transform:scale(1.09)}}
@keyframes sa-gold-tear{0%{opacity:1;transform:none}100%{opacity:0;transform:translate3d(var(--tear-x),-26px,0) rotate(var(--tear-angle)) scale(.75)}}
@keyframes sa-gold-scatter{0%{opacity:0;transform:scale(.4)}10%{opacity:1}68%{opacity:1}100%{opacity:0;transform:translate(var(--gx),var(--gy)) rotate(var(--gr)) scale(.45)}}
@keyframes sa-gold-shock{0%{opacity:.9;transform:scale(.2)}100%{opacity:0;transform:scale(5)}}
@keyframes sa-gold-rays{0%{opacity:0;transform:rotate(-15deg) scale(.5)}8%{opacity:1}30%{opacity:.5}100%{opacity:.24;transform:rotate(45deg) scale(1.2)}}
@keyframes sa-gold-title{0%{opacity:0;transform:translateY(9px) scale(1.12);filter:blur(4px)}100%{opacity:1;transform:none;filter:none}}
@keyframes sa-gold-art{0%{opacity:0;transform:scale(.72);filter:brightness(2)}100%{opacity:1;transform:scale(1.03);filter:none}}
@keyframes sa-gold-comet{0%,10%{opacity:0;transform:translateX(-90px)}20%,70%{opacity:1}90%,100%{opacity:0;transform:translateX(460px)}}
@container(min-width:420px){.sa-host[data-source=golden_ticket] .sa-card{grid-template-columns:88px minmax(0,1fr) 78px}.sa-host[data-source=golden_ticket] .sa-product{font-size:25px}.sa-host[data-source=golden_ticket] .sa-partner strong{font-size:19px}.sa-host[data-source=golden_ticket] .sa-buyer strong{font-size:17px}.sa-gold-heading strong{font-size:27px}}
@container(max-width:339px){.sa-host[data-source=golden_ticket] .sa-card{grid-template-columns:54px minmax(0,1fr) 55px}.sa-host[data-source=golden_ticket] .sa-product{font-size:19px}.sa-host[data-source=golden_ticket] .sa-partner strong{font-size:15px}.sa-host[data-source=golden_ticket] .sa-quantity strong{font-size:29px}.sa-gold-heading strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.sa-host[data-source=golden_ticket] .sa-enter,.sa-host[data-source=golden_ticket] .sa-enter .sa-copy,.sa-host[data-source=golden_ticket] .sa-enter .sa-quantity,.sa-host[data-source=golden_ticket] .sa-enter .sa-art img,.sa-host[data-source=golden_ticket] .sa-enter .sa-gold-heading{animation:sa-quiet-in .15s ease-out both;filter:none}.sa-gold-pass,.sa-gold-burst,.sa-gold-ring,.sa-gold-rays,.sa-gold-comet{display:none}.sa-host[data-source=golden_ticket] .sa-enter .sa-art-sheen{animation:none;display:none}.sa-host[data-source=golden_ticket] .sa-enter .sa-outline rect{animation:none;stroke-dasharray:none;opacity:.45}}
@media(prefers-reduced-motion:reduce){.sa-host[data-source=golden_ticket] .sa-card.sa-leave{animation:sa-quiet-out .15s ease-out both}}
