:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: transparent; }
.stage { display: flex; align-items: flex-end; width: 100%; height: 100%; padding: clamp(12px,2vw,28px); }
.timer strong { color: #fff; font: 600 clamp(40px,5vw,64px)/1 "IBM Plex Mono",monospace; letter-spacing: -.075em; white-space: nowrap; font-variant-numeric: tabular-nums; text-shadow: 0 2px 12px #000; }
.timer #message { font-size: clamp(21px,3vw,36px); letter-spacing: -.04em; }
@media (max-width: 600px) { .timer strong { font-size: clamp(32px,8vw,48px); } }