#match-countdown{position:fixed;z-index:9999;inset:0;background:radial-gradient(circle at 50% 45%,#25331a,#080a09 62%);display:grid;place-content:center;text-align:center;opacity:0;visibility:hidden;transition:.25s;color:#f5f3eb;padding:24px}#match-countdown.show{opacity:1;visibility:visible}.countdown-rings{width:min(68vw,290px);aspect-ratio:1;border-radius:50%;border:1px solid #c9ff4a55;display:grid;place-items:center;position:relative;margin:auto;box-shadow:0 0 90px #c9ff4a18}.countdown-rings:before{content:"";position:absolute;inset:12px;border-radius:50%;background:conic-gradient(#c9ff4a calc(var(--progress)*1turn),#2b3327 0);mask:radial-gradient(transparent 64%,#000 65%)}.countdown-rings i{position:absolute;inset:38px;border:1px dashed #80936f;border-radius:50%;animation:countspin 4s linear infinite}.countdown-rings i:nth-child(2){inset:62px;animation-direction:reverse}.countdown-rings strong{font-size:clamp(72px,25vw,130px);letter-spacing:-.08em;color:#c9ff4a;position:relative}.countdown-rings.tick strong{transform:scale(1.08)}#match-countdown p{font-size:12px;font-weight:900;letter-spacing:.22em;margin-top:30px}#match-countdown small{color:#9da698;letter-spacing:.1em}@keyframes countspin{to{transform:rotate(360deg)}}