@keyframes countdownPop{0%{transform:translateY(8px) scale(.88) rotate(-3deg);opacity:.45}60%{transform:translateY(-2px) scale(1.04) rotate(1deg);opacity:1}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes countdownGo{0%{transform:scale(.86);opacity:.5}55%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.countdown-overlay{position:fixed;inset:0;z-index:9999;display:flex;height:var(--app-height, 100dvh);padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));overflow-y:auto;background:#070d13db}.countdown-content{--countdown-figure-size: clamp(136px, min(40vw, 32dvh), 224px);display:flex;width:min(640px,100%);flex-shrink:0;flex-direction:column;align-items:center;gap:24px;margin:auto;color:var(--atlas-ink);text-align:center}.countdown-challenge{display:flex;max-width:100%;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:1px solid var(--atlas-glass-line);border-radius:var(--atlas-radius-control);background:var(--atlas-panel)}.countdown-challenge-label{color:var(--countdown-accent);font-size:14px;font-weight:600}.countdown-figure{display:grid;width:100%;height:var(--countdown-figure-size);flex-shrink:0;place-items:center}.countdown-number,.countdown-go{font-family:inherit;font-weight:700;line-height:1;letter-spacing:-.03em;text-shadow:0 8px 24px rgb(0 0 0 / 30%);-webkit-user-select:none;user-select:none}.countdown-number{font-size:var(--countdown-figure-size);font-variant-numeric:tabular-nums;animation:countdownPop .36s cubic-bezier(.16,1,.3,1) both}.countdown-go{max-width:100%;color:var(--countdown-accent);font-size:clamp(30px,8vw,64px);line-height:1.1;animation:countdownGo .44s cubic-bezier(.16,1,.3,1) both}.countdown-beats{display:grid;width:104px;height:6px;grid-template-columns:repeat(3,1fr);gap:8px}.countdown-beat{border-radius:999px;background:var(--atlas-line);transition:background-color .16s ease}.countdown-beat[data-complete=true]{background:color-mix(in srgb,var(--countdown-accent) 55%,var(--atlas-line))}.countdown-beat[data-active=true]{background:var(--countdown-accent)}.countdown-mode-description{max-width:100%;margin:0;font-size:clamp(16px,2.5vw,22px);font-weight:600;line-height:1.4;text-wrap:balance}.countdown-details{margin:-12px 0 0;color:var(--atlas-muted);font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}.countdown-skip{min-width:44px;min-height:44px;flex-shrink:0;padding:8px 16px;border:1px solid var(--atlas-glass-line);border-radius:var(--atlas-radius-control);background:var(--atlas-panel);color:var(--atlas-muted);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease}.countdown-skip:focus-visible{background:var(--atlas-raised);color:var(--atlas-ink)}@media (hover: hover) and (pointer: fine){.countdown-skip:hover{background:var(--atlas-raised);color:var(--atlas-ink)}}.countdown-skip:active:not(:disabled){border-color:var(--countdown-accent);background:var(--atlas-line);color:var(--atlas-ink)}.countdown-skip:focus-visible{outline-color:var(--countdown-accent)}@media (max-height: 480px){.countdown-overlay{padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom))}.countdown-content{--countdown-figure-size: 88px;gap:10px}.countdown-go{font-size:clamp(26px,6vw,42px)}.countdown-mode-description{font-size:14px}.countdown-details{margin-top:0}}@media (prefers-reduced-motion: reduce){.countdown-number,.countdown-go{animation:none}.countdown-beat{transition:none}}