.back-btn{background:var(--color-surface);color:var(--color-text);border:1px solid #ffffff1a;border-radius:8px;padding:.5rem 1rem;font-family:Russo One,sans-serif;font-size:.85rem;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-block;box-shadow:0 2px 8px #0003}.back-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.bs-hero{text-align:center;padding:3rem 1rem 1rem}.bs-title{color:var(--color-accent);margin-bottom:.25rem;font-family:Russo One,sans-serif;font-size:3rem}.bs-subtitle{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-family:Russo One,sans-serif;font-size:1.1rem}.bs-intro{max-width:750px;margin:2rem auto 0}.bs-intro p{color:var(--color-text-muted);margin-bottom:1rem;font-size:1rem;line-height:1.7}.bs-intro strong{color:var(--color-text)}.bs-intro em{color:var(--color-accent);font-style:italic}.timeline-section{margin-top:4rem}.timeline-heading{color:var(--color-accent);text-align:center;margin-bottom:.5rem;padding-bottom:.75rem;font-family:Russo One,sans-serif;font-size:2rem;position:relative}.timeline-heading:after{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);border-radius:2px;width:80px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.timeline-note{color:var(--color-text-muted);opacity:.7;text-align:center;margin-bottom:2rem;font-size:.85rem;font-style:italic}.era-selector-timeline{max-width:700px;margin:0 auto;padding:2rem 0;position:relative}.era-selector-timeline:before{content:"";background:var(--color-text-muted);opacity:.2;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.era-selector-node{cursor:pointer;background:0 0;border:none;align-items:center;gap:1rem;width:100%;padding:1.25rem 0;transition:transform .2s;display:flex;position:relative}.era-selector-node:hover{transform:scale(1.03)}.era-selector-node:hover .era-selector-label{color:var(--era-color)}.era-selector-node--left{text-align:right;flex-direction:row-reverse}.era-selector-node--right{text-align:left}.era-selector-dot{background:var(--era-color);border:2px solid var(--color-bg);z-index:2;border-radius:50%;flex-shrink:0;width:16px;height:16px;position:absolute;left:50%;transform:translate(-50%)}.era-selector-dot:after{content:"";border:2px solid var(--era-color);width:100%;height:100%;animation:2s ease-out infinite radar-pulse;animation-delay:var(--pulse-delay,0s);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.era-selector-info{flex-direction:column;gap:.15rem;display:flex}.era-selector-node--left .era-selector-info{align-items:flex-end;margin-right:calc(50% + 1.5rem)}.era-selector-node--right .era-selector-info{align-items:flex-start;margin-left:calc(50% + 1.5rem)}.era-selector-label{color:var(--color-text);font-family:Russo One,sans-serif;font-size:1rem;transition:color .2s}.era-selector-range{color:var(--color-text-muted);font-size:.75rem}.era-page{position:relative}.era-back-btn{background:var(--color-surface);color:var(--color-text);cursor:pointer;z-index:10;border:1px solid #ffffff1a;border-radius:8px;padding:.4rem .75rem;font-family:Russo One,sans-serif;font-size:.75rem;transition:background-color .2s,border-color .2s,color .2s;position:absolute;top:4rem;left:0;box-shadow:0 2px 8px #0000004d}.era-back-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.era-nav{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:3rem;display:flex}.era-nav-item{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:.85rem;text-decoration:none;transition:color .2s;display:flex}.era-nav-item:hover,.era-nav-item--active{color:var(--color-text)}.era-nav-item--active .era-nav-dot{box-shadow:0 0 8px var(--era-color);transform:scale(1.3)}.era-nav-dot{background:var(--era-color);border-radius:50%;flex-shrink:0;width:10px;height:10px}.era-nav-range{opacity:.6;font-size:.75rem}.timeline{max-width:900px;margin:0 auto;padding:0 1rem;position:relative}.timeline:before{content:"";background:var(--color-text-muted);opacity:.2;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.era-separator{z-index:1;align-items:center;gap:1.5rem;margin:3rem 0 2rem;scroll-margin-top:100px;display:flex;position:relative}.era-separator:first-child{margin-top:0}.era-separator-line{background:linear-gradient(90deg, transparent, var(--era-color), transparent);flex:1;height:2px}.era-separator-content{text-align:center;flex-shrink:0}.era-separator-title{color:var(--era-color);margin-bottom:.15rem;font-family:Russo One,sans-serif;font-size:1.25rem}.era-separator-range{color:var(--color-text-muted);font-size:.8rem}.timeline-item{width:50%;padding:0 2.5rem 2rem;position:relative}.timeline-item--left{text-align:right;padding-right:2.5rem;left:0}.timeline-item--right{text-align:left;padding-left:2.5rem;left:50%}.timeline-dot{background:var(--era-color);border:2px solid var(--color-bg);z-index:2;border-radius:50%;width:12px;height:12px;position:absolute;top:.5rem}.timeline-dot:after{content:"";border:2px solid var(--era-color);width:100%;height:100%;animation:2s ease-out infinite radar-pulse;animation-delay:var(--pulse-delay,0s);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes radar-pulse{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(3)}}.timeline-item--left .timeline-dot{right:-6px}.timeline-item--right .timeline-dot{left:-6px}.timeline-content{background:color-mix(in srgb, var(--color-bg) 99%, transparent);cursor:pointer;border:1px solid #0000;border-radius:12px;padding:.75rem;transition:background .3s,border-color .3s,box-shadow .3s}.timeline-content:hover .timeline-date,.timeline-content:hover .timeline-event-title{transform:scale(1.03)}.timeline-content:hover .timeline-date{box-shadow:0 0 8px color-mix(in srgb, var(--era-color) 40%, transparent)}.timeline-content--open{background:var(--color-surface);border-color:var(--era-color);box-shadow:0 4px 16px #0003}.timeline-header{grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:.25rem;display:grid}.timeline-chevron{background-color:var(--color-accent);opacity:0;grid-area:1/2/-1;align-self:center;width:14px;height:14px;transition:transform .2s,opacity .2s;display:inline-block;mask-size:contain;mask-repeat:no-repeat}.timeline-content--open .timeline-chevron{opacity:1}.timeline-item--left .timeline-header{grid-template-columns:auto 1fr}.timeline-item--left .timeline-date{grid-column:2;justify-self:end}.timeline-item--left .timeline-event-title{text-align:right;grid-column:2}.timeline-item--left .timeline-chevron{grid-column:1;transform:rotate(180deg)}.timeline-content--open .timeline-chevron,.timeline-item--left .timeline-content--open .timeline-chevron{transform:rotate(90deg)}.timeline-details{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s,opacity .3s;display:grid}.timeline-details-inner{overflow:hidden}.timeline-content--open .timeline-details{opacity:1;grid-template-rows:1fr}.timeline-content--open .timeline-details-inner{padding-top:.75rem}.timeline-date{background:var(--era-color);color:#000;letter-spacing:.03em;border-radius:4px;width:fit-content;padding:.2rem .6rem;font-family:Russo One,sans-serif;font-size:.7rem;transition:transform .2s,box-shadow .2s}.timeline-event-title{color:var(--color-text);font-family:Russo One,sans-serif;font-size:1rem;transition:transform .2s}.timeline-event-desc{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.timeline-zoids{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.75rem;display:flex}.timeline-item--left .timeline-zoids{justify-content:flex-end}.timeline-zoids-label{color:var(--color-text-muted);font-size:.75rem;font-weight:600}.timeline-zoid-tag{color:var(--color-text);background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:.15rem .5rem;font-size:.7rem}.era-nav-buttons{z-index:1;flex-direction:column;align-items:center;gap:1.5rem;margin-top:-1rem;display:flex;position:relative}.era-arrow{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;transition:transform .2s;display:flex}.era-arrow:hover{transform:scale(1.1)}.era-arrow--prev{flex-direction:column-reverse}.era-arrow-tip{background-color:var(--next-era-color);width:44px;height:44px;display:inline-block;mask-size:contain;mask-repeat:no-repeat}.era-arrow-tip--up{transform:rotate(180deg)}.era-arrow-label{color:var(--next-era-color);text-transform:uppercase;letter-spacing:.05em;font-family:Russo One,sans-serif;font-size:.7rem}.credits{text-align:center;background:var(--color-surface);border:1px solid #ffffff0d;border-radius:16px;max-width:700px;margin:4rem auto 0;padding:2rem}.credits-title{color:var(--color-accent);margin-bottom:1rem;font-family:Russo One,sans-serif;font-size:1.25rem}.credits-text{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.credits-text a{color:var(--color-accent);text-decoration:none}.credits-text a:hover{text-decoration:underline}.sources-details{text-align:left}.sources-summary{color:var(--color-accent);cursor:pointer;text-align:center;padding:.5rem;font-family:Russo One,sans-serif;font-size:.85rem;transition:color .2s}.sources-summary:hover{color:var(--color-text)}.sources-list{flex-direction:column;gap:.5rem;margin-top:1rem;list-style:none;display:flex}.sources-list li{color:var(--color-text-muted);background:#ffffff05;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;line-height:1.4;display:flex}.source-icon{background-color:var(--color-accent);flex-shrink:0;width:16px;height:16px;display:inline-block;mask-size:contain;mask-repeat:no-repeat}.sources-list li a{color:var(--color-text);text-decoration:none}.sources-list li a:hover{text-decoration:underline}@media (width<=768px){.era-selector-timeline:before{left:20px;transform:none}.era-selector-node,.era-selector-node--left,.era-selector-node--right{text-align:left}.era-selector-node--left{flex-direction:row}.era-selector-dot{left:12px;transform:none}.era-selector-node--left .era-selector-info,.era-selector-node--right .era-selector-info{align-items:flex-start;margin-left:calc(20px + 1.5rem);margin-right:0}.era-selector-label{font-size:.85rem}.bs-hero{padding:2rem 1rem .5rem}.bs-title{font-size:2rem}.bs-intro{margin-top:1.5rem}.timeline-section{margin-top:2rem}.timeline-heading{font-size:1.5rem}.era-nav{gap:.75rem}.era-nav-item{font-size:.75rem}.timeline{padding:0}.timeline:before{left:20px;transform:none}.timeline-item,.timeline-item--left,.timeline-item--right{text-align:left;width:100%;padding:0 0 1.5rem 50px;left:0}.timeline-item--left .timeline-dot,.timeline-item--right .timeline-dot{left:14px;right:auto}.timeline-item--left .timeline-zoids{justify-content:flex-start}.timeline-item--left .timeline-header{grid-template-columns:1fr auto}.timeline-item--left .timeline-date{grid-column:1;justify-self:start}.timeline-item--left .timeline-event-title{text-align:left;grid-column:1}.timeline-item--left .timeline-chevron{grid-column:2;transform:none}.timeline-item--left .timeline-content--open .timeline-chevron{transform:rotate(90deg)}.era-separator{margin:1.5rem 0 1rem;padding:0 .5rem}.era-separator-content{text-align:center;max-width:60%}.era-back-btn{display:block;position:absolute;top:4rem;left:auto;right:0}.era-nav{flex-direction:column;align-items:flex-start;gap:.5rem}.era-nav-buttons{align-items:flex-start;margin-top:0}.era-arrow{align-items:flex-start;padding:0}.era-arrow-label{padding-left:10px}.timeline-content{padding:1rem}.credits{margin-top:2rem;padding:1.5rem 1rem}}