:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;background:#090507;color:#e4ddd7}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#090507}
.scene{position:relative;isolation:isolate;width:100%;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 5% 43%,#32140490,transparent 56%),radial-gradient(ellipse at 95% 48%,#33051685,transparent 56%),#080506}
#particles{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;opacity:0;transition:opacity 1.1s ease}.ready #particles{opacity:1}
.countdown{position:absolute;z-index:2;top:61.5%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:.13em;width:max-content;max-width:96%;color:rgb(248 238 232 / .86);font-size:clamp(28px,4.8vw,76px);font-weight:300;font-variant-numeric:tabular-nums lining-nums;line-height:1;letter-spacing:-.035em;white-space:nowrap;pointer-events:none;user-select:none;text-shadow:0 1px 12px #09040980}
.count-unit{display:flex;align-items:center;gap:.055em;--glass-tint:255 140 55}.count-unit:nth-of-type(2){--glass-tint:255 172 126}.count-unit:nth-of-type(3){--glass-tint:255 107 146}.count-unit:nth-of-type(4){--glass-tint:255 35 127}
.digit{position:relative;display:grid;place-items:center;width:.78em;height:1.20em;border:1px solid rgb(255 243 242 / .20);border-radius:.13em;overflow:hidden;isolation:isolate;background:linear-gradient(170deg,rgb(255 255 255 / .17),rgb(240 225 236 / .035) 38%,rgb(255 248 247 / .13) 75%,rgb(255 248 247 / .20)),linear-gradient(135deg,rgb(var(--glass-tint) / .09),rgb(9 6 12 / .28));box-shadow:inset 0 1px 1px rgb(255 249 242 / .20),inset 0 -1px 1px rgb(255 240 240 / .07),0 7px 22px rgb(0 0 0 / .17);backdrop-filter:blur(7px) saturate(1.15);-webkit-backdrop-filter:blur(7px) saturate(1.15)}
.digit::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(114deg,rgb(255 255 255 / .10),transparent 27%,transparent 72%,rgb(255 255 255 / .04));pointer-events:none}
.digit-value{display:block;position:relative;z-index:1;text-align:center;transform:translateY(-.018em);width:100%}.old-digit{position:absolute;inset:0;display:grid;place-items:center}
.countdown i{font-style:normal;font-weight:300;width:.27em;text-align:center;opacity:.88;text-shadow:0 1px 3px #080309,0 0 8px #080309,0 0 2px #000;transform:translateY(-.055em)}
.glass-light{position:absolute;z-index:3;inset:-15%;pointer-events:none;background:linear-gradient(113deg,transparent 35%,#fff6eb05 48%,transparent 62%);transform:translateX(-18%);animation:reflection 32s ease-in-out infinite alternate}
@keyframes reflection{to{transform:translateX(18%);opacity:.45}}
.scene nav{position:absolute;z-index:4;left:max(32px,calc(env(safe-area-inset-left) + 18px));bottom:max(26px,calc(env(safe-area-inset-bottom) + 18px));display:flex;gap:26px}
.scene nav a{color:#e6ddd6a8;font-size:14px;text-decoration:none;padding:7px 0;transition:color .2s}.scene nav a:hover{color:#fff0e4}.scene nav a:focus-visible{outline:1px solid #ffae68;outline-offset:7px;border-radius:2px}
.fallback-word{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:max-content;display:none;align-items:baseline;gap:0;font:700 clamp(24px,9.9vw,174px)/1 Arial,sans-serif;letter-spacing:-.025em;color:#ff9337}.fallback-word small{font-family:"Segoe UI",sans-serif;font-size:1em;font-weight:700;color:#e6c0ad;letter-spacing:0}.fallback-word span:last-child{color:#f52a72}.fallback .fallback-word{display:flex}
@media(max-width:600px){.countdown{top:64%;font-size:clamp(27px,8.4vw,48px)}.scene nav{left:max(20px,calc(env(safe-area-inset-left) + 14px));bottom:max(20px,calc(env(safe-area-inset-bottom) + 14px));gap:22px}.scene nav a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.glass-light{animation:none}#particles{transition:none}}
.motion-reduced .glass-light{animation:none}

.economy .digit{backdrop-filter:none;-webkit-backdrop-filter:none}

/* White home lettering, matching the WebGL word material. */
.fallback-word,.fallback-word small,.fallback-word span:last-child{color:#f1f1f1}
