:root{--bg: #0a0612;--ink: #f4ecd8;--ink-dim: rgba(244, 236, 216, .55);--ink-faint: rgba(244, 236, 216, .16);--accent: #ff5f6d;--accent-2: #ffc371}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:transparent;color:var(--ink);font-family:Fraunces,Georgia,serif;font-weight:300;height:100vh;width:100vw;overflow:hidden;overscroll-behavior:none}#bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;display:block}body:before,body:after{content:"";position:fixed;left:0;right:0;z-index:5;pointer-events:none}body:before{top:0;height:22vh;background:linear-gradient(to bottom,#0a0612eb,#0a061200)}body:after{bottom:0;height:14vh;background:linear-gradient(to top,#0a0612eb,#0a061200)}.hud{position:fixed;top:clamp(1rem,3vh,2.5rem);z-index:10;display:flex;flex-direction:column;gap:.25rem;pointer-events:none}.hud--lived{left:clamp(1rem,4vw,2.5rem);align-items:flex-start}.hud--remaining{right:clamp(1rem,4vw,2.5rem);align-items:flex-end;text-align:right}.hud__label{font-family:JetBrains Mono,monospace;font-size:.625rem;letter-spacing:.35em;text-transform:uppercase;color:var(--ink-dim)}.hud__value{font-family:Fraunces,serif;font-weight:300;font-size:clamp(2rem,5.5vw,4.5rem);line-height:.95;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.hud--lived .hud__value{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 60px rgba(255,95,109,.18)}.hud--remaining .hud__value{color:var(--ink);opacity:.8;font-style:italic}.hud__unit{font-style:italic;color:var(--ink-dim);font-size:.75rem}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}footer{position:fixed;bottom:clamp(.75rem,2vh,1.5rem);left:50%;transform:translate(-50%);text-align:center;font-style:italic;color:var(--ink-dim);font-size:.75rem;line-height:1.5;z-index:10;pointer-events:auto;max-width:90vw}footer a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink-faint);transition:border-color .2s}footer a:hover{border-bottom-color:var(--accent)}@media(max-width:700px){.hud__value{font-size:2rem}.hud__unit,.hud__label{font-size:.6rem}}