.flip-countdown-wrap{--fc-bg:#111;--fc-panel:#1b1b1b;--fc-line:rgba(255,255,255,0.08);--fc-text:#fff;--fc-label:rgba(255,255,255,0.75);--fc-radius:12px;--fc-gap:14px;--fc-width:110px;--fc-height:120px;--fc-font:clamp(2rem, 4vw, 3rem);--fc-shadow:0 10px 30px rgba(0,0,0,0.22);width:100%}.flip-countdown-wrap.size-micro{--fc-width:52px;--fc-height:60px;--fc-font:clamp(0.95rem, 1.6vw, 1.35rem);--fc-gap:4px;--fc-radius:8px}.flip-countdown-wrap.size-mini{--fc-width:62px;--fc-height:72px;--fc-font:clamp(1.15rem, 2.1vw, 1.6rem);--fc-gap:6px;--fc-radius:10px}.flip-countdown-wrap.size-small{--fc-width:84px;--fc-height:96px;--fc-font:clamp(1.5rem, 3vw, 2.2rem);--fc-gap:10px}.flip-countdown-wrap.size-banner{--fc-width:78px;--fc-height:86px;--fc-font:clamp(1.35rem, 2.6vw, 2rem);--fc-gap:8px;--fc-radius:10px}.flip-countdown-wrap.size-large{--fc-width:132px;--fc-height:146px;--fc-font:clamp(2.4rem, 5vw, 3.8rem);--fc-gap:16px}.flip-countdown-grid{display:flex;flex-wrap:wrap;gap:var(--fc-gap);align-items:flex-start;justify-content:center}.flip-countdown-wrap.size-micro .flip-countdown-grid{flex-wrap:nowrap;justify-content:space-between;gap:var(--fc-gap)}.flip-countdown-wrap.size-micro .flip-unit{gap:4px;flex:0 1 auto}.flip-countdown-wrap.size-micro .flip-label{font-size:.56rem;letter-spacing:.04em}.flip-unit{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.flip-card{position:relative;width:var(--fc-width);height:var(--fc-height);perspective:1000px;font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.flip-static,.flip-animated{position:absolute;left:0;width:100%;height:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--fc-text);background:linear-gradient(180deg,#232323 0%,var(--fc-panel) 100%);border:1px solid var(--fc-line);box-sizing:border-box;box-shadow:var(--fc-shadow)}.flip-static.top,.flip-animated.top{top:0;border-radius:var(--fc-radius) var(--fc-radius) 0 0;transform-origin:bottom center}.flip-static.bottom,.flip-animated.bottom{bottom:0;border-radius:0 0 var(--fc-radius) var(--fc-radius);transform-origin:top center}.flip-static.top,.flip-animated.top{align-items:flex-end;padding-bottom:.08em}.flip-static.bottom,.flip-animated.bottom{align-items:flex-start;padding-top:.08em}.flip-static::after,.flip-animated::after{content:"";position:absolute;left:0;right:0;top:100%;height:1px;background:rgb(255 255 255 / .05)}.flip-static,.flip-animated{font-size:var(--fc-font);letter-spacing:.03em}.flip-animated{z-index:3;backface-visibility:hidden;visibility:hidden}.flip-card.run .flip-animated{visibility:visible}.flip-card.run .flip-animated.top{animation:flipTop 0.35s ease-in forwards}.flip-card.run .flip-animated.bottom{animation:flipBottom 0.35s ease-out 0.35s forwards;transform:rotateX(90deg)}.flip-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fc-label);white-space:nowrap}.flip-countdown-wrap.size-micro .flip-unit,.flip-countdown-wrap.size-mini .flip-unit,.flip-countdown-wrap.size-banner .flip-unit{gap:5px}.flip-countdown-wrap.size-micro .flip-label,.flip-countdown-wrap.size-mini .flip-label{font-size:.62rem;letter-spacing:.05em}.flip-countdown-wrap.size-banner .flip-label{font-size:.68rem;letter-spacing:.06em}.flip-countdown-complete{margin-top:12px;font-weight:600}.flip-countdown-error{padding:12px 14px;border:1px solid #d63638;background:#fff5f5;color:#7a1011;border-radius:8px}@keyframes flipTop{0%{transform:rotateX(0deg);opacity:1}100%{transform:rotateX(-90deg);opacity:1}}@keyframes flipBottom{0%{transform:rotateX(90deg);opacity:1}100%{transform:rotateX(0deg);opacity:1}}@media (max-width:640px){.flip-countdown-wrap.size-banner{--fc-width:68px;--fc-height:76px;--fc-gap:6px}}@media (max-width:420px){.flip-countdown-wrap.size-micro{--fc-width:46px;--fc-height:54px;--fc-gap:3px}}