.hipop-celebration-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none!important;z-index:30;transition:opacity .4s ease}
.combo-hero{isolation:isolate;position:relative}
.hipop-light{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden;z-index:3}
.hipop-light:before{content:"";position:absolute;inset:-100%;background:conic-gradient(from 0deg,transparent 0 25%,#ffe7ac99 29%,#fff9 31%,transparent 36% 65%,#ffc0e877 70%,transparent 76%);animation:light-sweep 2.3s cubic-bezier(.2,.7,.3,1) both}
.hipop-light:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 35px 10px #ffdeaa77;animation:light-bloom 2.3s ease both}
body.selected-app #app .celebrate-enter .combo-selected-label{animation:seal-in .7s cubic-bezier(.16,1,.3,1) both}
body.selected-app #app .celebrate-enter .combo-rewards{animation:reward-in .8s .1s cubic-bezier(.16,1,.3,1) both}
body.selected-app #app .cta-invite{animation:cta-invite .8s cubic-bezier(.22,1,.36,1)!important;transform-origin:center}
@keyframes cta-invite{0%,100%{transform:translateY(0) scale(1);box-shadow:0 5px 16px #085c371f}42%{transform:translateY(-2px) scale(1.015);box-shadow:0 7px 22px #26cd8d55,0 0 0 4px #5ae7a526}}
@keyframes light-sweep{0%{transform:rotate(-95deg);opacity:0}22%{opacity:.8}70%{opacity:.65}100%{transform:rotate(130deg);opacity:0}}
@keyframes light-bloom{0%,100%{opacity:0}35%{opacity:1}}
@keyframes seal-in{0%{transform:scale(.88)}65%{transform:scale(1.035)}100%{transform:scale(1)}}
@keyframes reward-in{from{transform:translateY(12px)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){body.selected-app #app .celebrate-enter *,body.selected-app #app .cta-invite{animation:none!important}.hipop-celebration-canvas,.hipop-light{display:none!important}}

body.selected-app #app :is(.entry-return,.back){font-size:14px!important;font-weight:650!important;gap:7px;letter-spacing:0;min-height:36px;opacity:.92}
body.selected-app #app :is(.entry-return,.back) svg{width:17px;height:17px;stroke-width:2.3}
body.selected-app #app .delivery-assurance{display:flex;align-items:center;justify-content:center;gap:11px;margin:10px 0 12px;padding:10px 12px;border:1px solid #e8cf9b;border-radius:13px;background:linear-gradient(110deg,#fff9e9,#fffdf7);color:#553926;font-size:12px;font-weight:550;line-height:1.35;position:relative;overflow:hidden;isolation:isolate}
body.selected-app #app .delivery-assurance strong{font-weight:750;color:#624318}
body.selected-app #app .delivery-assurance span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;position:relative;z-index:1}
body.selected-app #app .delivery-assurance svg{width:16px;height:16px;flex-shrink:0;stroke:#9c732c;stroke-width:1.8;fill:none}
body.selected-app #app .delivery-assurance i{width:1px;height:16px;background:#d7bd90;flex-shrink:0}
body.selected-app #app .delivery-assurance.assurance-enter:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(110deg,transparent 25%,#ffffffcc 48%,transparent 70%);animation:assurance-sheen 1.25s .2s ease-out both;pointer-events:none;z-index:0}
@keyframes assurance-sheen{to{transform:translateX(100%)}}
@media(max-width:359px){body.selected-app #app .delivery-assurance{font-size:11px;gap:7px;padding:9px 7px}body.selected-app #app .delivery-assurance svg{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){body.selected-app #app .delivery-assurance:after{animation:none!important;display:none}}

@media(min-width:900px){body.selected-app #app .delivery-assurance{flex-direction:column;gap:6px;font-size:12px;padding:10px 8px}body.selected-app #app .delivery-assurance i{display:none}}