:root{--bg: #0a0a0c;--bg-raised: #111113;--border: #27272a;--border-subtle: #1c1c1f;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #dc8c50;--accent-dim: rgba(220, 140, 80, .25);--accent-trace: rgba(220, 140, 80, .12);--mono: "IBM Plex Mono", "Menlo", monospace;--serif: "EB Garamond", Georgia, "Times New Roman", serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{width:100%;min-height:100dvh;background:var(--bg);color:var(--text-primary);overflow-x:hidden;font-family:var(--mono)}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{background:var(--bg)}body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg)}body.idle{cursor:none}#app{display:flex;flex-direction:column;min-height:100dvh}#hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;overflow:hidden}#wordmark{position:absolute;top:clamp(1.2rem,3vh,2.5rem);left:clamp(1.5rem,3vw,3rem);font-family:var(--mono);font-weight:400;font-size:clamp(.75rem,1.2vw,.9rem);letter-spacing:.35em;text-transform:uppercase;color:var(--text-secondary);line-height:1;opacity:0;animation:fade-in 1.2s ease-out .3s forwards;z-index:2}#terrarium{display:flex;flex-direction:column;align-items:center;width:100%}#frame{position:relative;width:min(94vw,calc((100dvh - 7rem) * 16 / 9));max-width:2000px;aspect-ratio:16 / 9;border:none;border-radius:2px;box-shadow:inset 0 0 30px #00000080,inset 0 0 80px #00000040,0 0 0 1px #ffffff0a,0 0 0 4px #0c0c0e,0 0 0 5px #ffffff08,0 20px 60px #00000080,0 0 120px var(--frame-glow, rgba(220, 140, 80, .06));overflow:hidden;opacity:0;animation:world-emerge 1.5s ease-out .1s forwards,frame-breathe 9s ease-in-out 2s infinite}canvas#world{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(170deg,rgba(255,255,255,.04) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.06) 100%);box-shadow:inset 0 0 60px #00000059,inset 0 0 120px #00000026;border-radius:2px}#audio-prompt{position:absolute;bottom:clamp(.8rem,2vh,1.5rem);left:50%;transform:translate(-50%);font-family:var(--mono);font-weight:300;font-size:.7rem;letter-spacing:.12em;color:#dce0e4b3;text-transform:lowercase;pointer-events:none;opacity:0;animation:audio-prompt-in 1.5s ease-out 2s forwards;z-index:3;text-shadow:0 1px 4px rgba(0,0,0,.6)}#audio-prompt.dismissed{opacity:0!important;transition:opacity .5s ease-out}@keyframes audio-prompt-in{0%{opacity:0}60%{opacity:.8}to{opacity:.6}}#cycle-info{display:flex;justify-content:space-between;align-items:baseline;width:min(94vw,calc((100vh - 7rem) * 16 / 9));width:min(94vw,calc((100dvh - 7rem) * 16 / 9));max-width:2000px;padding:.6rem .2rem 0;font-family:var(--mono);font-weight:400;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;opacity:0;animation:fade-in 1s ease-out .8s forwards}#cycle-name{color:var(--text-secondary)}#cycle-phase{color:var(--text-muted)}#narrative{width:min(94vw,calc((100vh - 7rem) * 16 / 9));width:min(94vw,calc((100dvh - 7rem) * 16 / 9));max-width:2000px;text-align:center;font-family:var(--serif);font-style:italic;font-weight:400;font-size:.95rem;letter-spacing:.02em;color:var(--text-muted);padding-top:.5rem;min-height:1.5rem;opacity:0;transition:opacity .8s ease-out}#story{position:relative;display:flex;justify-content:center;padding:clamp(4rem,10vh,7rem) 1.5rem clamp(4rem,10vh,8rem)}.story-inner{max-width:620px;width:100%}.headline{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(2rem,5vw,3.2rem);line-height:1.2;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:clamp(1.5rem,4vh,2.5rem);position:relative;padding-top:2rem}.headline:before{content:"";position:absolute;top:0;left:0;width:3rem;height:1px;background:var(--accent)}.body-copy{margin-bottom:clamp(2rem,4vh,3rem)}.body-copy p{font-family:var(--serif);font-weight:400;font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.85;letter-spacing:.005em;color:var(--text-secondary);margin-bottom:1.25em}.body-copy p:last-child{margin-bottom:0}.body-copy .interaction-hint{font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--text-muted);background:none;border:none;border-radius:0;padding:0;display:block}.specimen-data{display:flex;flex-wrap:wrap;gap:0;margin-bottom:clamp(2.5rem,5vh,4rem);padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.datum{font-family:var(--mono);font-weight:400;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);padding:.2rem 1.25rem;white-space:nowrap}.datum:not(:last-child){border-right:1px solid var(--border)}.datum em{font-style:normal;color:var(--text-muted);margin-right:.6em}.attribution{display:flex;flex-direction:column;gap:.75rem}.attribution p{font-family:var(--mono);font-weight:300;font-size:.85rem;line-height:1.65;color:var(--text-muted)}.attribution a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-dim);transition:border-color .2s ease,color .2s ease}.attribution a:hover{border-bottom-color:var(--accent)}.journal-link{font-family:var(--mono);font-weight:400;font-size:.85rem;letter-spacing:.04em;color:var(--text-secondary)!important;border-bottom-color:var(--border)!important;width:fit-content}.journal-link:hover{color:var(--accent)!important;border-bottom-color:var(--accent-dim)!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes world-emerge{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@keyframes frame-breathe{0%,to{box-shadow:inset 0 0 30px #00000080,inset 0 0 80px #00000040,0 0 0 1px #ffffff0a,0 0 0 4px #0c0c0e,0 0 0 5px #ffffff08,0 20px 60px #00000080,0 0 120px var(--frame-glow, rgba(220, 140, 80, .05))}50%{box-shadow:inset 0 0 30px #00000080,inset 0 0 80px #00000040,0 0 0 1px #ffffff0a,0 0 0 4px #0c0c0e,0 0 0 5px #ffffff08,0 20px 60px #00000080,0 0 160px var(--frame-glow, rgba(220, 140, 80, .12))}}.reveal{opacity:0;transform:translateY(12px);transition:opacity .7s ease-out,transform .7s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:.1s}.reveal:nth-child(3){transition-delay:.2s}.reveal:nth-child(4){transition-delay:.3s}@media(max-width:700px){#hero{padding:0}#wordmark{top:1rem;left:1.25rem;font-size:.95rem}#frame{width:100vw;max-width:100vw;border-radius:0;border-left:none;border-right:none}#cycle-info{width:100%;max-width:100%;padding-left:1.25rem;padding-right:1.25rem}#story{padding-left:1.25rem;padding-right:1.25rem}.specimen-data{flex-wrap:wrap}.datum{flex:1 1 45%;border-right:none!important;padding:.4rem 0}}@media(min-width:1800px){.story-inner{max-width:680px}}