*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;touch-action:none}body{background:#120c08;font-family:Iowan Old Style,Georgia,Palatino Linotype,serif;color:#efe6d6;-webkit-font-smoothing:antialiased}canvas{display:block}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;cursor:pointer;background:linear-gradient(0deg,#0e0906f0,#0e0906b3 36%,#0e090600 74%);transition:opacity 1.4s ease}#overlay.hidden{opacity:0;pointer-events:none}#back-home{position:absolute;top:1rem;left:1rem;z-index:2;font:500 .72rem system-ui,sans-serif;letter-spacing:.06em;color:#efe6d699;text-decoration:none;padding:.5em .9em;border:1px solid rgba(239,230,214,.2);border-radius:2px}#back-home:hover{color:#fff;border-color:#efe6d680}.entry{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:clamp(24px,5vw,64px)}.entry-body{max-width:34em}.eyebrow{font:600 .62rem system-ui,sans-serif;letter-spacing:.34em;color:#d9a35c;margin-bottom:1.1rem}#overlay h1{font-size:clamp(2.6rem,7vw,5.2rem);font-weight:400;line-height:.95;letter-spacing:-.01em;margin-bottom:1.2rem}.sub{font-size:clamp(.95rem,1.6vw,1.12rem);line-height:1.55;color:#efe6d6d1;border-left:1px solid rgba(217,163,92,.6);padding-left:1rem}.entry-foot{margin-top:2rem;font-family:system-ui,sans-serif}.cta{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:#efe6d6;margin-bottom:.5rem}.keys{font-size:.7rem;color:#efe6d680;letter-spacing:.04em}body:has(#overlay:not(.hidden)) :is(#era,#timeline){opacity:0;pointer-events:none}#era{position:fixed;top:clamp(14px,3vh,28px);left:50%;transform:translate(-50%);text-align:center;pointer-events:none;transition:opacity 1s ease;text-shadow:0 1px 12px rgba(0,0,0,.55)}#era-ago{font:600 .62rem system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#efe6d6bf}#era-name{font-size:clamp(1.3rem,2.6vw,1.9rem);margin-top:.25rem}#timeline{position:fixed;left:50%;bottom:clamp(30px,4.5vh,42px);transform:translate(-50%);width:min(760px,92vw);display:flex;align-items:center;gap:12px;transition:opacity 1s ease;z-index:10}#timeline button{flex:none;width:38px;height:30px;border:1px solid rgba(239,230,214,.3);background:#120c0873;color:#efe6d6;font:600 .72rem system-ui,sans-serif;border-radius:2px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#tl-track{position:relative;flex:1;height:30px;cursor:pointer;touch-action:none}#tl-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#efe6d659}#tl-fill{position:absolute;left:0;top:50%;height:2px;margin-top:-.5px;background:#d9a35c;width:0}#tl-knob{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#efe6d6;box-shadow:0 0 0 3px #120c0866}#tl-ticks span{position:absolute;top:50%;width:1px;height:7px;margin-top:-3px;background:#efe6d699}#tl-ticks span i{position:absolute;top:-15px;left:50%;transform:translate(-50%);font:600 .5rem system-ui,sans-serif;font-style:normal;letter-spacing:.12em;white-space:nowrap;color:#efe6d68c;text-transform:uppercase}@media(max-width:640px){#tl-ticks span i{display:none}}#touch-stick{position:fixed;left:28px;bottom:80px;width:110px;height:110px;border-radius:50%;border:1px solid rgba(239,230,214,.25);display:none;z-index:9}#touch-knob{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px;border-radius:50%;background:#efe6d640}body.touch.playing #touch-stick{display:block}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000 55%,#00000061)}#underwater{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .4s;background:#14465059}#tl-ticks span.lo i{top:10px}#fact{position:fixed;left:50%;bottom:clamp(88px,13vh,126px);transform:translate(-50%,8px);width:min(560px,88vw);text-align:center;pointer-events:none;opacity:0;transition:opacity 1.2s ease,transform 1.2s ease;text-shadow:0 1px 14px rgba(0,0,0,.7)}#fact.show{opacity:1;transform:translate(-50%)}#fact-label{display:block;font:600 .55rem system-ui,sans-serif;letter-spacing:.32em;color:#d9a35c;margin-bottom:.45rem}#fact-text{display:block;font-size:clamp(.92rem,1.5vw,1.08rem);line-height:1.5;color:#efe6d6}body:has(#overlay:not(.hidden)) #fact{opacity:0}body.portrait{background:#000}body.portrait canvas{position:fixed;left:50%;top:0;transform:translate(-50%)}#rec{position:fixed;top:18px;right:20px;font:700 .62rem system-ui,sans-serif;letter-spacing:.2em;color:#fff;background:#c81e14d9;padding:5px 9px 5px 22px;border-radius:2px;display:none;z-index:20}#rec:before{content:"";position:absolute;left:9px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#fff;animation:recblink 1s steps(2) infinite}#rec.on{display:block}@keyframes recblink{50%{opacity:0}}#tl-sound{font-size:.85rem!important}#tl-sound.muted{opacity:.45;text-decoration:line-through}#back-play{position:fixed;top:1rem;left:1rem;z-index:30;font:500 .72rem system-ui,sans-serif;letter-spacing:.06em;color:#efe6d699;text-decoration:none;padding:.5em .9em;border:1px solid rgba(239,230,214,.2);border-radius:2px;background:#120c084d;transition:color .2s,border-color .2s,opacity 1s}#back-play:hover{color:#fff;border-color:#efe6d680}#hint{position:fixed;left:50%;bottom:8px;transform:translate(-50%);white-space:nowrap;font:.62rem system-ui,sans-serif;letter-spacing:.06em;color:#efe6d652;pointer-events:none;transition:opacity 1s;z-index:10}body:has(#overlay:not(.hidden)) :is(#back-play,#hint){opacity:0;pointer-events:none}@media(max-width:760px){#hint{display:none}}