*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--sand: #f4e4c1;--warm-orange: #f4a261;--sunset: #e76f51;--sky-blue: #89c2d9;--deep-blue: #1d3557;--sea-green: #2a9d8f;--cream: #fefae0;--coral: #e9967a}html,body{width:100%;height:100%;overflow:hidden;font-family:JetBrains Mono,monospace;background:var(--sand)}#app{width:100%;height:100%;position:relative}#scene{position:absolute;top:0;left:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#overlay{position:absolute;bottom:0;left:0;right:0;z-index:10;text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 2rem 2rem;background:none}#title{font-size:clamp(1.2rem,4.5vw,2.6rem);font-weight:800;letter-spacing:.04em;text-transform:lowercase;line-height:1.2;color:var(--deep-blue);text-shadow:1px 1px 0 var(--warm-orange),2px 2px 0 rgba(231,111,81,.3),0 0 8px rgba(255,255,255,.6)}.nighttime #title{color:var(--cream);text-shadow:1px 1px 0 rgba(0,0,0,.6),2px 2px 0 rgba(0,0,0,.3),0 0 12px rgba(0,0,0,.5)}#countdown{display:flex;gap:clamp(.4rem,1.5vw,1rem);flex-wrap:wrap;justify-content:center}.countdown-unit{display:flex;flex-direction:column;align-items:center;background:#fefae0e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.4rem .6rem;border-radius:6px;border:2px solid var(--warm-orange);min-width:3.8rem;box-shadow:0 2px 8px #e76f511f,inset 0 1px #ffffff80}.countdown-number{font-size:clamp(1.3rem,3.5vw,2.2rem);font-weight:800;color:var(--deep-blue);line-height:1;font-variant-numeric:tabular-nums}@media(max-width:480px){#overlay{padding:1rem .75rem 1.25rem;gap:.4rem}.countdown-unit{min-width:3rem;padding:.3rem .4rem}}@media(min-width:768px)and (min-height:600px){#overlay{padding:2rem 3rem 2.5rem;gap:.75rem}.countdown-unit{min-width:5rem;padding:.6rem 1rem}}