.launch-countdown{position:relative;isolation:isolate;width:min(100%,390px);margin:24px 0 4px;padding:18px 10px 9px;color:#f5d8bd;contain:layout style;animation:countdown-reveal 1.2s ease-out both}
.launch-countdown::before{content:'';position:absolute;inset:5px -12px -8px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#bd253946,transparent 70%);animation:countdown-aura 4s ease-in-out infinite alternate}
.countdown-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px;color:#c79a82;font:9px/1.5 'Segoe UI',sans-serif;letter-spacing:2.4px;text-align:center;white-space:nowrap}
.countdown-heading i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#d48b65)}.countdown-heading i:last-child{transform:rotate(180deg)}
.countdown-units{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.countdown-unit{position:relative;text-align:center;min-width:0;padding:8px 2px 10px;border:1px solid #9b5b4e80;border-radius:3px;background:linear-gradient(145deg,#4c2028cc,#130a10 65%);box-shadow:inset 0 1px #f7d9b12a,0 7px 14px #0004;perspective:350px}
.countdown-unit::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffd8ad23 50%,transparent 70%);transform:scaleX(.5);opacity:0;animation:countdown-sheen 6s ease-in-out infinite;animation-delay:calc(var(--unit)*.15s)}
.countdown-unit:not(:last-child)::after{content:':';position:absolute;right:-10px;top:16px;color:#ca775c;font:22px Georgia,serif}
.countdown-window{position:relative;height:52px;overflow:hidden;display:grid;place-items:center}
.countdown-value,.countdown-old{font:400 43px/52px Georgia,'Times New Roman',serif;font-variant-numeric:tabular-nums;letter-spacing:-1.5px;white-space:nowrap;text-shadow:0 2px 0 #45121e,0 0 19px #f45d3c55;transform-origin:center bottom}
.countdown-old{position:absolute;inset:0;opacity:0;pointer-events:none}
.countdown-unit small{position:relative;display:block;margin-top:6px;font:8px/1.5 'Segoe UI',sans-serif;letter-spacing:1.5px;color:#c3947e}
.countdown-tick .countdown-value{animation:countdown-in .65s cubic-bezier(.16,.8,.3,1) both}.countdown-tick .countdown-old{animation:countdown-out .5s ease-in both}
.countdown-rule{display:flex;align-items:center;gap:10px;margin-top:14px;color:#ca7955;font-size:8px}.countdown-rule::before,.countdown-rule::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#854935)}.countdown-rule::after{transform:rotate(180deg)}
.countdown-fire{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.countdown-fire i{position:absolute;left:calc(5% + var(--spark)*12%);bottom:4px;width:2px;height:3px;border-radius:50%;background:#ffb873;box-shadow:0 0 6px #ff5d30;opacity:0;animation:countdown-spark 4.8s linear infinite;animation-delay:calc(var(--spark)*-.61s)}
.countdown-complete .countdown-heading{color:#ffe5b0;letter-spacing:2px}.countdown-complete .countdown-value{color:#f2c49a}
.countdown-paused,.countdown-paused *,.countdown-paused::before,.countdown-paused *::before{animation-play-state:paused!important}
@keyframes countdown-in{from{opacity:0;transform:translateY(-65%) rotateX(65deg)}to{opacity:1;transform:none}}
@keyframes countdown-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(75%) rotateX(-65deg)}}
@keyframes countdown-aura{from{opacity:.35;transform:scale(.94)}to{opacity:.9;transform:scale(1.04)}}
@keyframes countdown-sheen{0%,65%,100%{opacity:0;transform:translateX(-16%) scaleX(.5)}75%{opacity:1;transform:translateX(0) scaleX(1)}90%{opacity:0;transform:translateX(16%) scaleX(.5)}}
@keyframes countdown-spark{0%{opacity:0;transform:translate(0,0)}20%{opacity:.8}85%{opacity:.3}100%{opacity:0;transform:translate(12px,-145px)}}
@keyframes countdown-reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:480px){.launch-countdown{width:min(100%,350px);padding-inline:2px;margin-top:20px}.countdown-units{gap:10px}.countdown-unit:not(:last-child)::after{right:-8px}.countdown-value,.countdown-old{font-size:clamp(29px,9.5vw,39px)}.countdown-heading{font-size:8px;letter-spacing:1.5px}.countdown-unit small{font-size:7px;letter-spacing:1px}.countdown-fire i:nth-child(even){display:none}}
@media(prefers-reduced-motion:reduce){.launch-countdown,.launch-countdown *,.launch-countdown::before,.launch-countdown *::before{animation:none!important}.countdown-fire{display:none}.countdown-old{display:none}.launch-countdown::before{opacity:.5}}
