/* An arrival cue belongs beside the gift label, keeping the board readable. */
.gift-label-bell{color:#ffe35a;fill:currentColor}
.stadium-screen #gift-time{fill:#ffe35a;text-shadow:0 0 6px #ffd24c70}
.gift-label-bell-shape{transform-box:fill-box;transform-origin:50% 10%}
.gift-label-rays{opacity:0}
.gift-label-light{opacity:0;pointer-events:none;mix-blend-mode:screen}
.spotlight[data-gift-arrival="alert"] .gift-label-bell-shape{animation:gift-bell-ring .4s steps(7,end) 5,gift-bell-red 2.4s steps(8,end) both}
.spotlight[data-gift-arrival="alert"] .gift-label-rays{animation:gift-bell-rays .8s steps(2,end) 3}
.spotlight[data-gift-arrival="alert"] #gift-time{animation:gift-label-alert 2.4s steps(8,end) both}
.spotlight[data-gift-arrival="alert"] .gift-label-light{animation:gift-label-sweep 2.4s steps(30,end) both}
.stadium-screen:after{z-index:8}
.stadium-fireworks{z-index:2}
#score-rank-next{z-index:9}
.stadium-screen #score-total{stroke-width:1px;fill:#c8dbe5;stroke:#c8dbe5}
.stadium-screen #score-goal,.stadium-screen #score-donors{stroke-width:0;fill:#b5cbd7;opacity:1}
.stadium-screen #latest-amount{text-shadow:0 0 9px color-mix(in srgb,var(--score-accent) 70%,transparent)}
.stadium-screen .score-secondary .score-label{opacity:.78}
@keyframes gift-bell-ring{0%,100%{transform:rotate(0)}20%,65%{transform:rotate(-20deg)}42%,85%{transform:rotate(20deg)}}
@keyframes gift-bell-red{0%,100%{color:#ffe35a}18%,65%{color:#ff9d88;filter:drop-shadow(0 0 4px #ec6f5f80)}}
@keyframes gift-label-alert{0%,100%{fill:#ffe35a}18%,65%{fill:#fff094;text-shadow:0 0 7px #ffe97880}}
@keyframes gift-bell-rays{0%,49%{opacity:.9}50%,100%{opacity:.15}}
@keyframes gift-label-sweep{0%{transform:translateX(0);opacity:0}15%{opacity:.65}80%{transform:translateX(530px);opacity:.65}100%{transform:translateX(530px);opacity:0}}
@media(prefers-reduced-motion:reduce){.gift-label-bell-shape,.gift-label-rays,#gift-time,.gift-label-light{animation:none!important}.gift-label-light{display:none}}
.motion-off .gift-label-light{display:none}