/* ================= Countdown-Start ================= */
.cd{position:fixed;inset:0;z-index:290;display:grid;place-items:center;align-content:center;gap:0;background:#06070f;color:#fff;text-align:center;overflow:hidden;
  transition:opacity .9s ease,transform 1.1s var(--ease),filter .9s;--h:262}
.cd.out{opacity:0;transform:scale(1.35);filter:blur(14px);pointer-events:none}
.cd.gone{display:none}
.cd-aur{position:absolute;inset:-10%;filter:blur(60px) saturate(1.5);opacity:1}
.cd-aur i{position:absolute;border-radius:50%;animation:drift 14s ease-in-out infinite alternate;transition:background .8s}
.cd-aur i:nth-child(1){width:85vmax;height:85vmax;left:-20%;top:-25%;background:radial-gradient(circle,hsl(var(--h),90%,55%),transparent 65%)}
.cd-aur i:nth-child(2){width:75vmax;height:75vmax;right:-22%;top:0%;background:radial-gradient(circle,hsl(calc(var(--h) + 28),90%,58%),transparent 65%);animation-delay:-5s}
.cd-aur i:nth-child(3){width:70vmax;height:70vmax;left:12%;bottom:-38%;background:radial-gradient(circle,hsl(calc(var(--h) + 52),90%,58%),transparent 65%);animation-delay:-9s}
.cd::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(6,7,15,.6) 100%);pointer-events:none}
.cd-stars{position:absolute;inset:0;pointer-events:none}
.cd-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:0;animation:tw var(--d,4s) ease-in-out infinite;animation-delay:var(--dl,0s)}
@keyframes tw{50%{opacity:.8;transform:translateY(-18px)}}
.cd-top{position:relative;z-index:2;font-size:clamp(.8rem,2.2vw,1rem);letter-spacing:.38em;text-transform:uppercase;color:#cfd2ea;margin-bottom:clamp(18px,4vh,40px);animation:cdIn 1s var(--ease) both}
.cd-top b{color:#fff;letter-spacing:.38em}
@keyframes cdIn{from{opacity:0;transform:translateY(16px);filter:blur(6px)}}
.cd-stage{position:relative;z-index:2;width:min(64vmin,420px);aspect-ratio:1;display:grid;place-items:center}
.cd-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible;filter:drop-shadow(0 0 22px hsla(var(--h),95%,60%,.7))}
.cd-track{fill:none;stroke:rgba(255,255,255,.1);stroke-width:5}
.cd-bar{fill:none;stroke:url(#cdGrad);stroke-width:5;stroke-linecap:round;stroke-dasharray:553;stroke-dashoffset:553}
.cd-num{position:relative;font-size:clamp(7rem,34vmin,15rem);font-weight:800;line-height:1;letter-spacing:-.05em;
  background:linear-gradient(160deg,#fff 10%,hsl(var(--h),95%,78%) 55%,hsl(calc(var(--h) + 60),95%,68%));-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 40px hsla(var(--h),95%,60%,.6));padding:0 .06em .08em}
.cd-num.pop{animation:numPop .95s cubic-bezier(.2,.9,.2,1) both}
.cd-num.go{font-size:clamp(5rem,26vmin,11rem);letter-spacing:-.04em}
@keyframes numPop{0%{opacity:0;transform:scale(.3) rotate(-14deg);filter:blur(18px) drop-shadow(0 0 40px hsla(var(--h),95%,60%,.6))}
  30%{opacity:1;transform:scale(1.12) rotate(2deg);filter:blur(0)}
  60%{transform:scale(1)}100%{opacity:.92;transform:scale(.94)}}
.cd-wave{position:absolute;inset:8%;border-radius:50%;border:3px solid hsla(var(--h),95%,70%,.9);opacity:0;pointer-events:none}
.cd-wave.fire{animation:wave .9s ease-out}
@keyframes wave{from{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.7)}}
.cd-sub{position:relative;z-index:2;margin-top:clamp(18px,4vh,40px);font-size:clamp(1rem,2.4vw,1.35rem);font-weight:600;color:#e6e8f8;min-height:1.6em;animation:cdIn 1s .3s var(--ease) both;padding:0 20px}
.cd-hint{position:relative;z-index:2;margin-top:10px;font-size:.9rem;color:#aeb2cf;min-height:1.4em;transition:opacity .5s}
.cd-hint.on{animation:hint 1.8s ease-in-out infinite}
@keyframes hint{50%{opacity:.45}}
.cd-skip{position:absolute;z-index:3;right:20px;bottom:20px;padding:9px 18px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:.85rem;color:#d6d8ec;transition:.25s}
.cd-skip:hover{background:rgba(255,255,255,.18)}
.cd-go{position:relative;z-index:3;margin-top:22px;padding:18px 34px;border-radius:99px;font-size:1.15rem;font-weight:800;color:#fff;background:linear-gradient(120deg,#7c5cff,#ff5ca8 55%,#ffb454);
  box-shadow:0 16px 60px rgba(255,92,168,.55);animation:goPulse 1.4s ease-in-out infinite}
.cd-go[hidden]{display:none}
@keyframes goPulse{50%{transform:scale(1.07);box-shadow:0 20px 80px rgba(255,92,168,.8)}}
@media (prefers-reduced-motion:reduce){.cd-aur i,.cd-stars i{animation:none}}