.hr-celebration{pointer-events:none;position:absolute;left:50%;top:24%;transform:translateX(-50%);width:min(340px,88%);padding:20px 16px;text-align:center;box-sizing:border-box;z-index:12;color:#fff5ce;background:linear-gradient(135deg,#112e3aeb,#234b42eb);border:2px solid #dce8a6;box-shadow:6px 6px 0 #07191d80;font-family:monospace}.hr-celebration[hidden]{display:none}.hr-celebration>strong{display:block;font-size:clamp(26px,7vw,40px);letter-spacing:1px;text-shadow:3px 3px #314d31}.hr-stats{display:flex;justify-content:space-around;gap:12px;margin-top:17px}.hr-stats span{display:flex;flex-direction:column;gap:5px}.hr-stats b{font-size:24px}.hr-stats small{font-size:10px;color:#caddb6}.hr-celebration.celebrate{animation:hr-pop 2.8s ease-out both}.hr-celebration i{position:absolute;left:calc(8% + var(--i)*12%);top:30%;width:6px;height:6px;background:#d4e99d;opacity:0}.hr-celebration.celebrate i{animation:hr-pixels .9s ease-out both;animation-delay:calc(var(--i)*.025s)}@keyframes hr-pop{0%{opacity:0;transform:translate(-50%,14px) scale(.9)}12%,80%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-8px) scale(1)}}@keyframes hr-pixels{10%{opacity:1}100%{opacity:0;transform:translateY(-100px) rotate(90deg)}}@media(prefers-reduced-motion:reduce){.hr-celebration.celebrate{animation:none}.hr-celebration i{display:none}}@media(max-height:450px){.hr-celebration{top:15%;padding:10px}.hr-celebration>strong{font-size:26px}.hr-stats{margin-top:8px}.hr-stats b{font-size:19px}}