:root{--bg: #0b0d10;--fg: #e7e5e0;--fg-dim: #9c9a94;--fg-faint: #55534e;--accent: #d4a95c;--ease-out: cubic-bezier(.23, 1, .32, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#2a2d33 var(--bg)}body{position:relative;background:var(--bg);color:var(--fg);font-family:Outfit,system-ui,sans-serif;overflow-x:hidden}#sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hud-left{position:absolute;left:clamp(1.2rem,4vw,3.5rem);bottom:clamp(1.2rem,4vh,3rem)}#year{font-family:JetBrains Mono,monospace;font-weight:700;font-variant-numeric:tabular-nums;font-size:clamp(3.5rem,10vw,8rem);line-height:.95;letter-spacing:-.04em;color:var(--fg)}#count{margin-top:.6rem;font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-size:clamp(.8rem,1.4vw,1rem);color:var(--fg-dim)}#count-num{color:var(--accent);font-weight:700}.play{pointer-events:auto;margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--fg-dim);background:#14171cb3;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0f;border-radius:999px;padding:.45rem .95rem;cursor:pointer;transition:color .16s var(--ease-out),border-color .16s var(--ease-out),transform .16s var(--ease-out)}.play:active{transform:scale(.96)}@media (hover: hover) and (pointer: fine){.play:hover{color:var(--fg);border-color:#ffffff38}}.play .ic-pause{display:none}.play.playing .ic-pause{display:block}.play.playing .ic-play{display:none}#sound{margin-left:.5rem}#sound .ic-snd-on{display:none}#sound.sound-on .ic-snd-on{display:block}#sound.sound-on .ic-snd-off{display:none}.era{position:absolute;right:clamp(1.2rem,5vw,4rem);top:38%;max-width:min(34ch,70vw);text-align:right;font-weight:300;font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.5;color:var(--fg-dim);opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.era.visible{opacity:1;transform:translateY(0)}.era-year{display:block;font-family:JetBrains Mono,monospace;font-size:.75em;color:var(--accent);margin-bottom:.35rem}.legend{position:absolute;top:1.1rem;right:clamp(1.2rem,4vw,3.5rem);display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end;max-width:60vw}.legend-item{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--fg-dim);display:inline-flex;align-items:center;gap:.4rem}.legend-item i{width:7px;height:7px;border-radius:50%;display:inline-block}.tooltip{position:absolute;top:0;left:0;font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--fg);background:#14171ceb;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0f;padding:.35rem .6rem;border-radius:6px;opacity:0;scale:.95;transition:opacity .15s var(--ease-out),scale .15s var(--ease-out);will-change:transform}.tooltip.visible{opacity:1;scale:1}.tooltip .faded{color:var(--fg-faint)}.intro{position:absolute;top:0;left:0;z-index:1;min-height:100dvh;width:100%;display:flex;flex-direction:column;justify-content:center;padding-left:clamp(1.2rem,8vw,7rem);pointer-events:none}.intro h1{font-size:clamp(3rem,9vw,7rem);font-weight:700;letter-spacing:-.045em;line-height:.98}.intro p{margin-top:1.6rem;max-width:34ch;font-weight:300;font-size:clamp(1rem,1.8vw,1.3rem);line-height:1.55;color:var(--fg-dim)}.scroll-hint{font-family:JetBrains Mono,monospace;font-size:.8rem!important;color:var(--fg-faint)!important;animation:drift 2.4s var(--ease-out) infinite}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.outro{position:absolute;bottom:0;right:0;z-index:1;min-height:100dvh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;padding-right:clamp(1.2rem,8vw,7rem);padding-left:1.2rem;pointer-events:none}.outro h2,.outro p{text-shadow:0 1px 14px rgba(11,13,16,.95),0 0 5px rgba(11,13,16,.85)}.outro h2{font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:700;letter-spacing:-.03em}.outro p{margin-top:1.4rem;max-width:44ch;font-weight:300;font-size:clamp(.95rem,1.6vw,1.15rem);line-height:1.6;color:var(--fg-dim)}.outro .method{margin-top:2.2rem;font-family:JetBrains Mono,monospace;font-size:.72rem;max-width:52ch;color:var(--fg-faint)}@media (prefers-reduced-motion: reduce){.scroll-hint{animation:none}.era{transform:none;transition:opacity .3s ease}}@media (max-width: 768px){.era{top:30%}.legend{display:none}}