.ap-celebration{position:fixed;inset:0;z-index:100000;pointer-events:none;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--celebration-color) 17%,transparent),color-mix(in srgb,var(--celebration-color) 7%,transparent));animation:ap-celebration-wash 2.6s ease both}
.ap-celebration canvas{position:absolute;inset:0;width:100%;height:100%}
.ap-celebration-message{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:calc(100vw - 40px);padding:28px 42px 30px;border-radius:32px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 100px color-mix(in srgb,var(--celebration-color) 28%,transparent);text-align:center;font-family:Manrope,Inter,system-ui,sans-serif;animation:ap-celebration-pop 2.6s ease both}
.ap-celebration-icon{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;font-size:64px;line-height:1;color:var(--celebration-color);background:color-mix(in srgb,var(--celebration-color) 12%,white)}
.ap-celebration-message strong{font-size:clamp(32px,5.5vw,66px);font-weight:800;line-height:1.08;letter-spacing:-.04em;color:#30233f}
.ap-celebration-caption{font-size:14px;line-height:1.5;color:#6f627b}
.ap-celebration-controls{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:flex;gap:8px;pointer-events:auto}
.ap-sound-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:1px solid #ded7ee;border-radius:999px;background:#fff;color:#5b4676;font:600 13px/1.2 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.ap-sound-toggle:hover{background:#f4efff;border-color:#aa8ae8}
.ap-sound-toggle:focus-visible{outline:3px solid #8557e5;outline-offset:3px}
.ap-celebration--still,.ap-celebration--still .ap-celebration-message{animation:none}
@keyframes ap-celebration-wash{0%{opacity:0}8%,78%{opacity:1}100%{opacity:0}}
@keyframes ap-celebration-pop{0%{opacity:0;transform:translateY(18px) scale(.86)}12%{opacity:1;transform:translateY(-4px) scale(1.03)}22%,76%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-12px) scale(.98)}}
@media(max-width:480px){.ap-celebration-message{padding:24px;gap:10px}.ap-celebration-icon{width:66px;height:66px;font-size:48px}.ap-celebration-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ap-celebration,.ap-celebration-message{animation:none}.ap-celebration canvas{display:none}}