.timeline-universe{--tou-bang: #f5f2eb;--tou-plasma: #ff6b35;--tou-fusion: #e85d2a;--tou-cmb: #c49a3a;--tou-dark: #0a0a10;--tou-first-star: #8fb8ff;--tou-galaxy: #6a9fd8;--tou-solar: #f0d060;--tou-entropy: #2a1a3a}.timeline-universe .im-section-num{display:flex;align-items:center;gap:16px}.timeline-universe .im-section-num:after{content:"";flex:1;height:1px;background:var(--brass-dim)}.tou-scroll-wrapper{position:relative;z-index:1}.tou-viewport{position:sticky;top:0;height:100vh;height:100svh;width:100%;overflow:hidden;z-index:1}.tou-viewport canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.tou-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a10;color:#e8e4dc99;font:14px/1 DM Sans,sans-serif;z-index:2}.tou-transition-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#0a0a10;opacity:0;pointer-events:none;will-change:opacity}.tou-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 clamp(24px,5vw,48px)}.tou-chapter{position:relative;z-index:2;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding:20vh 0 8vh}.tou-chapter:first-of-type{padding-top:60vh}.tou-chapter-inner{max-width:640px;padding:0 24px;pointer-events:auto}.tou-chapter-title{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(28px,5vw,48px);color:var(--white);margin:0 0 16px;line-height:1.15;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;text-shadow:0 2px 16px rgba(10,10,16,1),0 0 8px rgba(10,10,16,.95),0 4px 32px rgba(10,10,16,.8)}.tou-chapter.visible .tou-chapter-title{opacity:1;transform:translateY(0)}.tou-chapter-prose{font-size:clamp(15px,2.5vw,18px);line-height:1.7;color:var(--text-secondary);opacity:0;transform:translateY(12px);transition:opacity 1s ease .2s,transform 1s ease .2s;text-shadow:0 1px 12px rgba(10,10,16,1),0 0 6px rgba(10,10,16,.9),0 3px 24px rgba(10,10,16,.7)}.tou-chapter.visible .tou-chapter-prose{opacity:1;transform:translateY(0)}.tou-chapter-prose p{margin:0 0 12px}.tou-chapter-prose p:last-child{margin-bottom:0}.tou-chapter-inner{position:relative}.tou-chapter-inner:before{content:"";position:absolute;top:-72px;right:-56px;bottom:-72px;left:-56px;background:radial-gradient(ellipse at center,#0a0a10f5,#0a0a10d1 40%,#0a0a1059 65%,#0a0a1000 80%);z-index:-1;pointer-events:none;border-radius:50%}.tou-readout{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2px 24px;padding:0 clamp(24px,5vw,60px);pointer-events:none;transition:opacity .4s ease;text-shadow:0 1px 6px rgba(10,10,16,.95),0 0 16px rgba(10,10,16,.6)}.tou-readout-item{text-align:center}.tou-readout-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:2px}.tou-readout-value{font-family:DM Mono,monospace;font-size:clamp(14px,2vw,18px);color:var(--brass);white-space:nowrap}.tou-era-label{position:absolute;top:clamp(16px,3vw,32px);left:clamp(24px,5vw,60px);z-index:4;pointer-events:none;transition:opacity .6s ease;text-shadow:0 1px 8px rgba(10,10,16,.95),0 0 20px rgba(10,10,16,.7)}.tou-era-name{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--brass);margin-bottom:4px}.tou-era-time{font-family:DM Mono,monospace;font-size:clamp(12px,1.8vw,15px);color:var(--text-dim)}.tou-tier-badge{position:fixed;top:8px;right:8px;background:#0c0c14c7;color:var(--brass);font-family:DM Mono,monospace;font-size:11px;padding:4px 8px;border-radius:4px;z-index:99999;pointer-events:none;display:none}.tou-cosmic-clock{position:fixed;top:clamp(16px,3vw,28px);right:clamp(24px,5vw,60px);z-index:100;pointer-events:none;opacity:0;transform:translateY(-8px);transition:opacity .4s ease,transform .6s ease;text-align:right;text-shadow:0 1px 8px rgba(10,10,16,.95),0 0 20px rgba(10,10,16,.7)}.tou-cosmic-clock.visible{opacity:1;transform:translateY(0)}.tou-cosmic-clock.visible.tou-hud-dimmed,.tou-readout.tou-hud-dimmed{opacity:0}.tou-clock-era{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(14px,2vw,18px);color:var(--white);margin-bottom:6px;line-height:1.2}.tou-clock-readouts{display:flex;gap:20px;justify-content:flex-end}.tou-clock-readouts .im-readout{text-align:right}.tou-clock-readouts .im-readout-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:2px}.tou-clock-readouts .im-readout-value{font-family:DM Mono,monospace;font-size:clamp(12px,1.5vw,15px);color:var(--brass);white-space:nowrap}@media(prefers-reduced-motion:reduce){.tou-chapter-title,.tou-chapter-prose{transition:none;opacity:1;transform:none}}@media(max-width:480px){.tou-cosmic-clock{top:12px;right:12px}.tou-clock-readouts{gap:12px}.tou-clock-readouts .im-readout-value{font-size:11px}.tou-readout{grid-template-columns:repeat(2,1fr);gap:8px 12px;padding:0 16px}.tou-readout-value{font-size:13px}.tou-chapter-inner:before{top:-32px;right:-20px;bottom:-32px;left:-20px}.tou-chapter{padding:15vh 0 14vh}.tou-chapter:first-of-type{padding-top:40vh}.tou-chapter[data-era=recombination]{height:250vh!important}.tou-chapter[data-era=dark-ages]{height:160vh!important}}@media(max-width:768px){.tou-readout{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/immersive-timeline.css.map */