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