.flip-clock{justify-content:center;align-items:center;gap:16px;display:flex}.flip-unit-container{flex-direction:column;align-items:center;gap:12px;display:flex}.flip-card{width:70px;height:80px;font-family:var(--font-display), sans-serif;color:#fff;perspective:1000px;background-color:#1a1a1a;border-radius:8px;font-size:3rem;font-weight:700;position:relative;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff1a}@media (width>=768px){.flip-card{width:90px;height:110px;font-size:4.5rem}}.flip-card-half{width:100%;height:50%;transform-style:preserve-3d;background-color:#1a1a1a;border-radius:8px;justify-content:center;display:flex;position:absolute;left:0;overflow:hidden}.flip-card-top{transform-origin:bottom;border-bottom-right-radius:0;border-bottom-left-radius:0;align-items:flex-end;top:0}.flip-card-top span{transform:translateY(50%)}.flip-card-bottom{transform-origin:top;border-top-left-radius:0;border-top-right-radius:0;align-items:flex-start;bottom:0}.flip-card-bottom span{transform:translateY(-50%)}.flip-card-divider{z-index:10;background-color:#050505;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 1px #ffffff0d}.flip-card-top-flip{z-index:2;animation:.4s ease-in forwards flipTop}.flip-card-bottom-flip{z-index:2;animation:.4s cubic-bezier(.15,.85,.35,1) .4s forwards flipBottom;transform:rotateX(90deg)}@keyframes flipTop{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flipBottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.flip-card-top-base,.flip-card-bottom-base{z-index:1}.noise-overlay{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0}