:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#000}#root{min-height:100vh}.scene{--scene-pad: clamp(.5rem, 2.5vmin, 1.5rem);display:grid;place-items:center;width:100dvw;height:100dvh;padding:var(--scene-pad);overflow:hidden;background:#fff}.stage{position:relative;width:min(1200px,calc(100dvw - (var(--scene-pad) * 2)));height:calc(100dvh - (var(--scene-pad) * 2))}.layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.layer-background,.layer-foreground{object-fit:contain;object-position:center}.layer-text{display:grid;place-content:center;text-align:center;transform:translateY(-28%);z-index:2;color:#000;pointer-events:none;padding:clamp(.4rem,1.4vmin,1rem)}.days-value{display:flex;gap:0;justify-content:center;align-items:center;font-size:clamp(1.5rem,7.5vmin,5.3rem);font-weight:800;line-height:.95;text-shadow:none}.digit-box{display:inline-flex;justify-content:center;align-items:center;width:clamp(1.8rem,5.8vmin,4.8rem);height:clamp(2rem,7.2vmin,5.7rem);border:2px solid rgb(0 0 0 / 65%);border-right-width:1px;border-radius:0;background:linear-gradient(to bottom,#f8f8f8f5,#eeeeeef5 48%,#dadadaf5 50%,#f2f2f2f5);box-shadow:inset 0 0 .25rem #0000002e;position:relative}.digit-box:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#00000059}.digit-box:first-child{border-top-left-radius:clamp(.2rem,.6vmin,.4rem);border-bottom-left-radius:clamp(.2rem,.6vmin,.4rem)}.digit-box:last-child{border-right-width:2px;border-top-right-radius:clamp(.2rem,.6vmin,.4rem);border-bottom-right-radius:clamp(.2rem,.6vmin,.4rem)}.digit-box-fraction{color:#fff;border-color:#820000e5;background:linear-gradient(to bottom,#d22424f5,#ba1616f5 48%,#910a0af5 50%,#c61c1cf5)}.digit-box-fraction:after{background:#4100008c}.layer-foreground{z-index:3;pointer-events:none}.status{min-height:100dvh;display:grid;place-items:center;padding:1.5rem;text-align:center;font-size:1.1rem;color:#fff;background:#111}@media(max-aspect-ratio:9/16){.layer-text{transform:translateY(-20%)}}