.interactive-timeline{--tl-line-color:#ffffff14;--tl-card-bg:var(--bg-card,#1a1a2e);--tl-border:var(--border,#ffffff14);--tl-text:var(--text,#e2e8f0);--tl-text-muted:var(--text-muted,#94a3b8);--tl-text-heading:var(--text-heading,#f8fafc);--tl-hover-bg:var(--bg-hover,#ffffff0a);position:relative}.tl-search{margin-bottom:1.5rem}.tl-search-inner{background:var(--tl-card-bg);border:1px solid var(--tl-border);border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem 1rem;transition:border-color .2s;display:flex}.tl-search-inner:focus-within{border-color:var(--accent,#c4a24e)}.tl-search-icon{width:1rem;height:1rem;color:var(--tl-text-muted);flex-shrink:0}.tl-search-input{color:var(--tl-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.tl-search-input::placeholder{color:var(--tl-text-muted);opacity:.6}.tl-clear-btn{border:1px solid var(--tl-border);color:var(--tl-text-muted);cursor:pointer;background:#ffffff0f;border-radius:9999px;padding:.25rem .75rem;font-family:inherit;font-size:.75rem;transition:all .2s}.tl-clear-btn:hover{color:var(--tl-text);background:#ffffff1a}.tl-era-nav{margin-bottom:1.5rem;overflow:hidden}.tl-era-scroll{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;-webkit-overflow-scrolling:touch;gap:.5rem;padding:.5rem 0;display:flex;overflow-x:auto}.tl-era-scroll::-webkit-scrollbar{height:3px}.tl-era-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.tl-era-chip{border:1px solid var(--tl-border);color:var(--tl-text-muted);cursor:pointer;white-space:nowrap;background:#ffffff08;border-radius:9999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.4rem .8rem;font-family:inherit;font-size:.78rem;transition:all .25s;display:flex}.tl-era-chip:hover{border-color:var(--era-color);color:var(--era-color);background:#ffffff0f}.tl-era-chip.active{border-color:var(--era-color);background:color-mix(in srgb, var(--era-color) 15%, transparent);color:var(--era-color);box-shadow:0 0 12px var(--era-glow)}.tl-era-dot{background:var(--era-color);border-radius:50%;flex-shrink:0;width:6px;height:6px}.tl-era-count{color:var(--tl-text-muted);background:#ffffff0f;border-radius:9999px;padding:.1rem .4rem;font-size:.65rem}.tl-civ-filter{margin-bottom:1.25rem}.tl-civ-label{text-transform:uppercase;letter-spacing:.12em;color:var(--tl-text-muted);margin-bottom:.5rem;font-size:.7rem;display:block}.tl-civ-chips{flex-wrap:wrap;gap:.35rem;display:flex}.tl-civ-chip{border:1px solid var(--tl-border);color:var(--tl-text-muted);cursor:pointer;background:#ffffff0a;border-radius:9999px;padding:.2rem .6rem;font-family:inherit;font-size:.7rem;transition:all .2s}.tl-civ-chip:hover{color:var(--tl-text);background:#ffffff14}.tl-civ-chip.active{color:#c4a24e;background:#c4a24e26;border-color:#c4a24e66}.tl-stats{color:var(--tl-text-muted);gap:1rem;margin-bottom:2rem;font-size:.75rem;display:flex}.tl-stats-active{color:#c4a24e;background:#c4a24e26;border-radius:9999px;padding:.1rem .5rem}.tl-content{padding-left:2rem;position:relative}.tl-line{opacity:.3;background:linear-gradient(gold 0%,#c084fc 15%,#f97316 25%,#38bdf8 35%,#4ade80 45%,#a78bfa 55%,#ef4444 65%,#6b7280 72%,#2dd4bf 80%,#fb923c 90%,#e2e8f0 100%);width:2px;position:absolute;top:0;bottom:0;left:.5rem}.tl-era-section{margin-bottom:2.5rem;scroll-margin-top:6rem}.tl-era-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex;position:relative}.tl-era-marker{justify-content:center;align-items:center;width:1rem;height:1rem;display:flex;position:absolute;left:-2rem}.tl-era-marker-dot{background:var(--era-color);z-index:2;border-radius:50%;width:10px;height:10px}.tl-era-marker-pulse{background:var(--era-glow);border-radius:50%;width:20px;height:20px;animation:2.5s ease-in-out infinite eraPulse;position:absolute}@keyframes eraPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.tl-era-info{flex:1}.tl-era-title{font-family:var(--font-heading,"Cinzel Decorative", serif);color:var(--era-color);margin:0;font-size:1.3rem;font-weight:700;line-height:1.3}.tl-era-meta{color:var(--tl-text-muted);font-size:.75rem}.tl-events{flex-direction:column;gap:.75rem;display:flex}.tl-event{align-items:flex-start;gap:0;display:flex;position:relative}.tl-event-node{align-items:center;display:flex;position:absolute;top:.75rem;left:-2rem}.tl-event-dot{background:var(--era-color);opacity:.6;z-index:2;border-radius:50%;width:8px;height:8px;margin-left:1px;transition:all .3s}.tl-event:hover .tl-event-dot,.tl-event.expanded .tl-event-dot{opacity:1;box-shadow:0 0 8px var(--era-glow);transform:scale(1.3)}.tl-event-connector{background:var(--era-color);opacity:.2;width:1.5rem;height:1px;margin-left:2px}.tl-event-card{background:var(--tl-card-bg);border:1px solid var(--tl-border);cursor:pointer;border-radius:.75rem;flex:1;padding:1rem 1.25rem;transition:all .3s;position:relative;overflow:hidden}.tl-event-card:before{content:"";background:var(--era-color);opacity:.3;width:3px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.tl-event-card:hover{border-color:color-mix(in srgb, var(--era-color) 40%, transparent);box-shadow:0 0 20px var(--era-glow);transform:translate(4px)}.tl-event-card:hover:before,.tl-event.expanded .tl-event-card:before{opacity:1}.tl-event.expanded .tl-event-card{border-color:color-mix(in srgb, var(--era-color) 50%, transparent);box-shadow:0 0 25px var(--era-glow)}.tl-event-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.tl-event-order{font-family:var(--font-mono,monospace);color:var(--era-color);opacity:.5;font-size:.7rem}.tl-event-title{font-family:var(--font-heading,"Cinzel Decorative", serif);color:var(--tl-text-heading);flex:1;margin:0;font-size:.95rem;font-weight:600}.tl-event-expand{width:1.5rem;height:1.5rem;color:var(--tl-text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.tl-event-expand.open{color:var(--era-color)}.tl-event-preview{color:var(--tl-text-muted);margin:0;font-size:.85rem;line-height:1.6}.tl-event-expanded{border-top:1px solid var(--tl-border);flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.tl-event-significance{color:var(--tl-text);font-size:.82rem;line-height:1.5}.tl-event-figures{color:var(--tl-text);font-size:.82rem}.tl-event-figure-list{flex-wrap:wrap;gap:.3rem;margin-top:.3rem;display:flex}.tl-event-figure{background:var(--tl-hover-bg);color:var(--tl-text-muted);border-radius:9999px;padding:.15rem .5rem;font-size:.72rem}.tl-event-civs{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex}.tl-event-civ{border:1px solid var(--tl-border);color:var(--tl-text-muted);cursor:pointer;background:#ffffff0a;border-radius:9999px;padding:.15rem .5rem;font-family:inherit;font-size:.68rem;transition:all .2s}.tl-event-civ:hover{color:var(--tl-text);background:#ffffff14}.tl-event-civ.active{color:#c4a24e;background:#c4a24e26;border-color:#c4a24e66}.tl-empty{text-align:center;color:var(--tl-text-muted);padding:3rem 1rem}.tl-empty p{margin-bottom:1rem}.tl-empty-btn{border:1px solid var(--tl-border);color:var(--tl-text);cursor:pointer;background:#ffffff0f;border-radius:.5rem;padding:.5rem 1.5rem;font-family:inherit;transition:all .2s}.tl-empty-btn:hover{background:#ffffff1a}@media (width>=768px){.tl-content{padding-left:3rem}.tl-era-marker{width:1.5rem;height:1.5rem;left:-3rem}.tl-event-node{left:-3rem}.tl-event-connector{width:2.5rem}.tl-era-title{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.tl-era-marker-pulse{animation:none}.tl-event-card,.tl-event-dot{transition:none}}.timeline-hero[data-astro-cid-uvmciu33]{justify-content:center;align-items:center;height:50vh;min-height:300px;max-height:500px;display:flex;position:relative;overflow:hidden}.timeline-hero-bg[data-astro-cid-uvmciu33]{object-fit:cover;filter:brightness(.35)saturate(1.3);width:100%;height:100%;position:absolute;inset:0}.timeline-hero-overlay[data-astro-cid-uvmciu33]{background:linear-gradient(to bottom, var(--bg) 0%, transparent 30%, transparent 60%, var(--bg) 100%);position:absolute;inset:0}.timeline-hero-content[data-astro-cid-uvmciu33]{z-index:2;text-align:center;padding:2rem;position:relative}.timeline-hero-badge[data-astro-cid-uvmciu33]{text-transform:uppercase;letter-spacing:.2em;color:var(--gold,#c4a24e);opacity:0;border:1px solid #c4a24e66;border-radius:9999px;margin-bottom:1.5rem;padding:.3rem 1rem;font-size:.75rem;animation:.8s ease-out .2s forwards fadeSlideUp;display:inline-block}.timeline-hero-title[data-astro-cid-uvmciu33]{font-family:var(--font-heading);color:var(--text-heading);text-shadow:0 0 40px #c4a24e4d;opacity:0;margin-bottom:1rem;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;animation:1s ease-out .4s forwards fadeSlideUp}.timeline-hero-sub[data-astro-cid-uvmciu33]{color:var(--text-muted);opacity:0;max-width:500px;margin:0 auto;font-size:1.1rem;animation:.8s ease-out .7s forwards fadeSlideUp}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}