.wadic-confetti { position: fixed; inset: 0; z-index: 950; overflow: hidden; pointer-events: none; }
.wadic-confetti > span { position: absolute; top: -24px; left: var(--start); width: 8px; height: 13px; background: var(--color); animation: wadic-confetti-fall var(--duration) var(--delay) linear both; }
.wadic-confetti .wadic-confetti__round { width: 7px; height: 7px; border-radius: 50%; }
@keyframes wadic-confetti-fall {
  0% { transform: translate3d(0, -24px, 0) rotate(0); opacity: 0; }
  8% { opacity: .95; }
  80% { opacity: .95; }
  100% { transform: translate3d(var(--drift), calc(100vh + 48px), 0) rotate(var(--rotation)); opacity: 0; }
}
.wadic-celebration { position: fixed; z-index: 951; top: 145px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 14px; width: min(490px, calc(100% - 32px)); box-sizing: border-box; padding: 20px 52px 20px 20px; border: 1px solid #d2ab67; border-radius: 20px; background: linear-gradient(135deg, #103631f5, #09282ff5); box-shadow: 0 15px 45px #001e2940; color: #fff7e7; font-family: system-ui, sans-serif; pointer-events: none; }
.wadic-celebration__medal { font-size: 42px; line-height: 1; flex-shrink: 0; }
.wadic-celebration strong { display: block; color: #f5d49b; font-size: clamp(20px, 3vw, 26px); line-height: 1.2; }
.wadic-celebration__detail { display: block; margin-top: 5px; font-size: 14px; font-weight: 750; }
.wadic-celebration__caption { display: block; margin-top: 6px; font-size: 11px; line-height: 1.5; color: #e0e8df; }
.wadic-celebration button { position: absolute; top: 6px; right: 6px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #f5d49b; font: 28px/1 system-ui, sans-serif; cursor: pointer; pointer-events: auto; }
.wadic-celebration button:hover { background: #ffffff15; }
.wadic-celebration button:focus-visible { outline: 3px solid #f5d49b; outline-offset: -3px; }
@media (max-width: 700px) { .wadic-celebration { top: 100px; padding: 16px 42px 16px 14px; gap: 10px; border-radius: 16px; } .wadic-celebration__medal { font-size: 32px; } .wadic-celebration__detail { font-size: 12px; } .wadic-celebration__caption { font-size: 10px; } }
@media (prefers-reduced-motion: reduce) { .wadic-confetti { display: none; } .wadic-confetti > span { animation: none; } }
html.a11y-motion .wadic-confetti { display: none; }
html.a11y-motion .wadic-confetti > span { animation: none; }
@media print { .wadic-celebration, .wadic-confetti { display: none; } }