:root{--bg: #09090b;--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);--mono: "IBM Plex Mono", "Menlo", monospace}*{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(1rem,1.8vw,1.25rem);letter-spacing:.2em;color:var(--text-secondary);text-transform:lowercase;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((100vh - 7rem) * 16 / 9));width:min(94vw,calc((100dvh - 7rem) * 16 / 9));max-width:2000px;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:4px;box-shadow:0 0 0 1px #00000080,0 4px 24px #0000004d;overflow:hidden;opacity:0;animation:world-emerge 1.5s ease-out .1s forwards}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(168deg,rgba(255,255,255,.01) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.025) 100%);border-radius:4px}#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)}#story{position:relative;display:flex;justify-content:center;padding:clamp(4rem,10vh,7rem) 1.5rem clamp(4rem,10vh,8rem)}#story:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(360px,60vw);height:1px;background:var(--border-subtle)}.story-inner{max-width:620px;width:100%}.headline{font-family:var(--mono);font-weight:400;font-size:clamp(1.5rem,3.5vw,2rem);line-height:1.35;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:clamp(1.5rem,4vh,2.5rem)}.body-copy{margin-bottom:clamp(2rem,4vh,3rem)}.body-copy p{font-family:var(--mono);font-weight:300;font-size:.9rem;line-height:1.75;color:var(--text-secondary);margin-bottom:1.25em}.body-copy p:last-child{margin-bottom:0}.body-copy .interaction-hint{color:var(--text-muted);font-style:normal;padding:.75rem 1rem;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:6px;display:block}.details{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:clamp(2.5rem,5vh,4rem);border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg-raised)}.detail{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.25rem}.detail:nth-child(odd){border-right:1px solid var(--border-subtle)}.detail:nth-child(n+3){border-top:1px solid var(--border-subtle)}.detail dt{font-family:var(--mono);font-weight:400;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.detail dd{font-family:var(--mono);font-weight:300;font-size:.9rem;color:var(--text-primary);line-height:1.5}.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)}}.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}.details{grid-template-columns:1fr}.detail:nth-child(odd){border-right:none}.detail:nth-child(2){border-top:1px solid var(--border-subtle)}}@media(min-width:1800px){.story-inner{max-width:680px}}