:root{--red: #ff1d1d;--red-deep: #8d0209;--bone: #cbb9b3;--open: 0;--pulse: 0}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#000;overflow:hidden}body{font-family:ui-monospace,SF Mono,Menlo,Consolas,Courier New,monospace;color:var(--bone);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:default;-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.stage{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.6rem,2.2vh,2rem);padding:max(2vh,env(safe-area-inset-top)) 4vw max(2vh,env(safe-area-inset-bottom));will-change:transform}.faces{display:flex;align-items:flex-end;justify-content:center;gap:clamp(1rem,5vw,5rem)}.face{position:relative;width:clamp(120px,21vw,300px);aspect-ratio:var(--cw) / var(--ch);animation:sway 7s ease-in-out infinite;transform-origin:50% 88%}#face-b{animation-duration:8.4s;animation-direction:alternate-reverse}.face:only-child{width:clamp(180px,min(30vw,32vh),420px)}.face img.top,.face img.jaw{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:grayscale(.22) contrast(1.22) brightness(.78) sepia(.16) drop-shadow(0 0 24px rgba(160,0,0,.38))}.face img.jaw{transform-origin:50% var(--split);transform:translateY(calc(var(--open) * 6.2%)) rotate(calc(var(--open) * 1.1deg))}.face img.cavity{position:absolute;left:var(--head-cx);top:var(--split);width:var(--cavity-w);height:auto;transform:translate(-50%,-22%) scaleY(calc(.55 + var(--open) * .6));transform-origin:50% 22%;opacity:calc(.42 + var(--open) * .58);filter:blur(2px)}@keyframes sway{0%{transform:rotate(-1.1deg) translateY(0)}50%{transform:rotate(1.3deg) translateY(-.6%)}to{transform:rotate(-1.1deg) translateY(0)}}.clock{font-size:clamp(2.6rem,13.5vw,12rem);font-weight:700;line-height:.95;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--red);white-space:nowrap;text-shadow:0 0 4px rgba(255,40,40,.95),0 0 18px rgba(255,20,20,.75),0 0 46px rgba(220,0,0,.55),0 0 110px rgba(150,0,0,.45);animation:buzz 4.3s steps(1,end) infinite}@keyframes buzz{0%,96%{opacity:1}97%{opacity:.62}98%{opacity:1}99%{opacity:.78}to{opacity:1}}.clock.done{animation:none;opacity:1}.line{max-width:34ch;text-align:center;font-size:clamp(1.05rem,2.35vw,2rem);line-height:1.7;letter-spacing:.1em;color:var(--bone);opacity:.9;text-shadow:0 0 20px rgba(0,0,0,.9)}.salutation{display:block;margin-bottom:.8em;opacity:.68}.line em{font-style:normal;color:var(--red);text-shadow:0 0 12px rgba(255,30,30,.6)}.whisper{display:block;margin-top:1.1em;font-size:.82em;letter-spacing:.2em;opacity:.5}.dots{opacity:.55;animation:fade-dots 3.4s ease-in-out infinite}@keyframes fade-dots{0%,to{opacity:.2}50%{opacity:.9}}.vignette,.scanlines,.grain,.flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.vignette{background:radial-gradient(ellipse 78% 62% at 50% 48%,#0000 38%,#1e00008c 72%,#000000f5);opacity:calc(.82 + var(--pulse) * .18);transform:scale(calc(1 + var(--pulse) * .012))}.scanlines{background:repeating-linear-gradient(to bottom,#ffffff07 0 1px,#0000 1px 3px);mix-blend-mode:overlay;opacity:.55}.grain{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='180' height='180' filter='url(%23n)' opacity='0.42'/></svg>");opacity:.16;mix-blend-mode:screen;animation:grain-shift .6s steps(6,end) infinite}@keyframes grain-shift{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,1%)}to{transform:translate(0)}}.flash{background:#f5eaea;opacity:0}.stage.glitch{animation:shake .16s steps(2,end) 2}.stage.glitch .clock{text-shadow:-5px 0 0 rgba(0,220,220,.85),5px 0 0 rgba(255,0,60,.9),0 0 30px rgba(255,0,0,.8)}.stage.glitch .face img.top,.stage.glitch .face img.jaw{filter:grayscale(.05) contrast(1.75) brightness(1.05) drop-shadow(0 0 34px rgba(255,0,0,.75))}@keyframes shake{0%{transform:translate(0) skew(0)}25%{transform:translate(-9px,3px) skew(-1.4deg)}50%{transform:translate(7px,-4px) skew(1.1deg)}75%{transform:translate(-4px,-2px) skew(-.5deg)}to{transform:translate(0) skew(0)}}.flash.on{opacity:.14;transition:opacity 60ms linear}.hint{position:fixed;left:50%;bottom:max(3vh,env(safe-area-inset-bottom));transform:translate(-50%);font-size:.66rem;letter-spacing:.42em;text-transform:lowercase;color:var(--bone);opacity:0;pointer-events:none;animation:hint-in 3s ease-out 2.5s forwards}@keyframes hint-in{to{opacity:.3}}.hint.gone{animation:none;opacity:0;transition:opacity 1.2s ease-out}@media(max-aspect-ratio:3/4){.face{width:clamp(104px,30vw,200px)}.faces{gap:clamp(.5rem,4vw,2rem)}.clock{font-size:clamp(2.6rem,17vw,6rem)}.stage{gap:clamp(1rem,3.2vh,2rem);padding-left:6vw;padding-right:6vw}.line{max-width:19ch;font-size:clamp(1.15rem,5.4vw,1.9rem);line-height:1.55;letter-spacing:.05em}.line br{display:none}}@media(max-height:820px)and (min-aspect-ratio:3/4){.face:only-child{width:min(26vh,30vw)}.stage{gap:clamp(.4rem,1.5vh,1.2rem)}.clock{font-size:clamp(2rem,9vh,7rem)}.line{font-size:clamp(.95rem,2vh,1.5rem);line-height:1.6}}@media(max-height:520px){.face{width:clamp(90px,14vw,160px)}.clock{font-size:clamp(2rem,9vh,5rem)}.line{font-size:.72rem;line-height:1.6}}@media(prefers-reduced-motion:reduce){.face{animation:none}.grain{animation:none;opacity:.1}.clock,.stage.glitch{animation:none}.dots{animation:none;opacity:.55}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/countdown.css.map */