.history-timeline{position:relative;padding:clamp(90px,11vw,150px) 0;overflow:hidden;border-top:1px solid #ffffff10;background:radial-gradient(circle at 52% 74%,#657bff18,transparent 25%),radial-gradient(circle at 44% 72%,#e8b85318,transparent 30%),linear-gradient(180deg,#05050b,#080711 62%,#030308)}#history-timeline-title{scroll-margin-top:110px}
.history-timeline:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#fff 0.7px,transparent .9px);background-size:43px 43px;opacity:.12}.history-intro{position:relative;max-width:900px;margin:0 auto 50px;text-align:center}.history-intro h2{margin:12px 0 18px;font:600 clamp(2.9rem,7vw,6.4rem)/.9 "Space Grotesk";letter-spacing:-.06em}.history-intro>p:last-child{max-width:760px;margin:auto;color:var(--muted);font-size:1.05rem}.history-key{position:relative;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:44px}.history-key span{padding:9px 14px;border:1px solid;border-radius:999px;font:600 .65rem "Space Grotesk";letter-spacing:.08em}.history-key .gold{color:#e8bb61;border-color:#e8bb6155}.history-key .blue{color:#7da6ff;border-color:#7da6ff55}.dual-timeline{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,120px);padding:10px 0 70px}.dual-timeline:before,.dual-timeline:after{content:"";position:absolute;top:0;bottom:0;width:1px}.dual-timeline:before{left:calc(50% - clamp(25px,4.5vw,60px));background:linear-gradient(transparent,#edbd5e 6%,#edbd5e 94%,transparent);box-shadow:0 0 16px #edbd5e99}.dual-timeline:after{right:calc(50% - clamp(25px,4.5vw,60px));background:linear-gradient(transparent,#719cff 6%,#719cff 94%,transparent);box-shadow:0 0 16px #719cff99}.timeline-lane{display:flex;flex-direction:column;gap:28px}.timeline-lane.blue{padding-top:110px}.history-event{position:relative;margin:0;border:1px solid #ffffff17;border-radius:18px;background:linear-gradient(145deg,#11101bf5,#07070df0);opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s,border-color .25s,box-shadow .25s}.history-event.visible{opacity:1;transform:none}.history-event[open]{border-color:var(--track-color);box-shadow:0 14px 42px #0008,0 0 25px color-mix(in srgb,var(--track-color) 16%,transparent)}.history-event:after{content:"";position:absolute;top:29px;width:11px;height:11px;border-radius:50%;background:var(--track-color);box-shadow:0 0 0 5px #080711,0 0 20px var(--track-color)}.timeline-lane.gold .history-event:after{right:calc(clamp(25px,4.5vw,60px)*-1 - 6px)}.timeline-lane.blue .history-event:after{left:calc(clamp(25px,4.5vw,60px)*-1 - 6px)}.history-event summary{list-style:none;cursor:pointer;padding:22px 48px 22px 22px;position:relative}.history-event summary::-webkit-details-marker{display:none}.history-event summary:after{content:"+";position:absolute;right:20px;top:21px;color:var(--track-color);font:400 1.4rem "Space Grotesk"}.history-event[open] summary:after{content:"−"}.history-event time{display:block;color:var(--track-color);font:600 .64rem "Space Grotesk";letter-spacing:.14em;text-transform:uppercase}.history-event h3{margin:7px 0 0;font:600 clamp(1.1rem,2vw,1.35rem) "Space Grotesk"}.event-detail{padding:0 22px 22px;color:var(--muted);line-height:1.65}.event-detail p{margin:0}.history-convergence{position:relative;text-align:center}.convergence-lines{height:110px;position:relative}.convergence-lines span{position:absolute;top:0;width:50%;height:100%;border-bottom:2px solid}.convergence-lines span:first-child{left:0;border-right:2px solid #e9bb5d;border-radius:0 0 100% 0;box-shadow:6px 8px 24px #e9bb5d33}.convergence-lines span:last-child{right:0;border-left:2px solid #75a0ff;border-radius:0 0 0 100%;box-shadow:-6px 8px 24px #75a0ff33}.convergence-node{position:relative;z-index:2;max-width:820px;margin:-3px auto 0;padding:clamp(28px,5vw,58px);border:1px solid transparent;border-radius:30px;background:linear-gradient(#0b0a13,#0b0a13) padding-box,linear-gradient(100deg,#e9bb5d,#75a0ff) border-box;box-shadow:0 0 70px #9d82df20}.convergence-node:before{content:"";position:absolute;top:-11px;left:50%;width:19px;height:19px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(90deg,#e9bb5d,#75a0ff);box-shadow:0 0 30px #b5a4ff}.convergence-node small{color:#d9c4ff;font:600 .68rem "Space Grotesk";letter-spacing:.2em}.convergence-node h3{margin:12px 0;font:600 clamp(2rem,4vw,3.7rem)/1 "Space Grotesk";letter-spacing:-.045em}.convergence-node p{margin:auto;max-width:680px;color:var(--muted)}.allies{margin:42px auto 0}.allies h4{font:600 .68rem "Space Grotesk";letter-spacing:.18em;text-transform:uppercase;color:#aaa}.allies>div{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.allies span{padding:15px 22px;border:1px solid #ffffff1b;border-radius:12px;background:#ffffff05}.allies b{display:block;margin-top:4px;color:#8bb0ff;font:.6rem "Space Grotesk";letter-spacing:.13em;text-transform:uppercase}.history-convergence footer{margin-top:72px}.history-convergence footer strong{display:block;font:600 clamp(1.6rem,4vw,3.4rem)/1 "Space Grotesk";letter-spacing:-.03em;background:linear-gradient(90deg,#f0c76c,#85aaff);-webkit-background-clip:text;color:transparent}.history-convergence footer p{color:var(--muted)}
@media(max-width:760px){.history-timeline{padding:84px 0}.history-intro{text-align:left}.history-key{justify-content:flex-start}.dual-timeline{display:block;padding-left:27px}.dual-timeline:before{left:7px}.dual-timeline:after{display:none}.timeline-lane,.timeline-lane.blue{padding:0;gap:18px}.timeline-lane.blue{margin-top:18px}.timeline-lane.blue:before{content:"DWRM / REBORN REAPERS · 987";display:block;margin:28px 0 4px;color:#7da6ff;font:600 .65rem "Space Grotesk";letter-spacing:.1em}.timeline-lane.gold .history-event:after,.timeline-lane.blue .history-event:after{left:-26px;right:auto}.convergence-lines{height:72px}.convergence-node{border-radius:22px}.history-convergence footer{margin-top:52px}}@media(prefers-reduced-motion:reduce){.history-event{opacity:1;transform:none;transition:none}}

/* One shared chronology: rows flow naturally as cards expand. */
.dual-timeline{display:flex;flex-direction:column;gap:18px;padding-inline:0}.dual-timeline:before{left:calc(50% - clamp(25px,4.5vw,60px))}.dual-timeline:after{right:calc(50% - clamp(25px,4.5vw,60px))}.timeline-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,120px);align-items:start;position:relative}.timeline-row .gold-event{grid-column:1}.timeline-row .blue-event{grid-column:2}.timeline-row .gold-event:after{right:calc(clamp(25px,4.5vw,60px)*-1 - 6px)}.timeline-row .blue-event:after{left:calc(clamp(25px,4.5vw,60px)*-1 - 6px)}
.s1-blue-quote{grid-column:2;margin:0;padding:20px 22px;border-left:2px solid #75a0ff;border-radius:0 14px 14px 0;background:linear-gradient(90deg,#75a0ff12,transparent);color:#dce7ff;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}.s1-blue-quote.visible{opacity:1;transform:none}.s1-blue-quote strong,.s1-blue-quote small{display:block}.s1-blue-quote strong{font:600 clamp(1rem,1.6vw,1.2rem)/1.45 "Space Grotesk"}.s1-blue-quote small{margin-top:9px;color:#88a8e8;font-size:.76rem;font-style:italic;line-height:1.5}
:root{interpolate-size:allow-keywords}.history-event::details-content,.history-link::details-content{block-size:0;overflow:hidden;transition:block-size .36s ease,content-visibility .36s allow-discrete}.history-event[open]::details-content,.history-link[open]::details-content{block-size:auto}
.event-detail,.link-detail{display:grid;grid-template-rows:0fr;opacity:0;padding:0 22px;transition:grid-template-rows .36s ease,opacity .28s ease,padding .36s ease}.event-detail>div,.link-detail>div{overflow:hidden}.history-event[open] .event-detail,.history-link[open] .link-detail{grid-template-rows:1fr;opacity:1;padding-bottom:22px}.history-event[open] .event-detail{padding-top:0}.event-detail p,.link-detail p{margin:0}.history-link{position:relative;z-index:3;width:min(520px,62%);margin:5px auto;border:0}.history-link:before,.history-link:after{content:"";position:absolute;top:23px;width:calc(50vw - 50% - 48px);height:1px;background:linear-gradient(90deg,#e8bb61,#a897b4)}.history-link:before{right:100%}.history-link:after{left:100%;background:linear-gradient(90deg,#a897b4,#75a0ff)}.history-link summary{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 42px;border:1px solid #a997bf55;border-radius:999px;background:#0c0b15;color:#e8e2ef;cursor:pointer;list-style:none;text-align:center;font:600 .7rem "Space Grotesk";letter-spacing:.08em}.history-link summary::-webkit-details-marker{display:none}.history-link summary span{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:linear-gradient(90deg,#e8bb61,#75a0ff);box-shadow:0 0 18px #b5a4ff}.history-link summary i{position:absolute;right:18px;color:#bca6ee;font:normal 1.1rem "Space Grotesk"}.history-link[open] summary i{font-size:0}.history-link[open] summary i:after{content:"−";font-size:1.1rem}.history-link .link-detail{margin:8px 15px 0;border-left:1px solid #e8bb6155;border-right:1px solid #75a0ff55;color:var(--muted);line-height:1.6;text-align:center}.history-link.conflict summary{border-color:#d9957a66}.history-link.cooperation summary{border-color:#85b3d966}
.convergence-status{display:inline-block;margin-top:24px;padding:8px 12px;border:1px solid #bca6ee55;border-radius:999px;color:#d9c4ff;font:600 .62rem "Space Grotesk";letter-spacing:.1em;text-transform:uppercase}.shared-path{width:2px;height:70px;margin:auto;background:linear-gradient(#b99ce7,#d0b8ff);box-shadow:0 0 18px #b99ce7}.allies{position:relative;margin-top:0}.allies:before{content:"";position:absolute;top:-1px;left:25%;right:25%;height:28px;border-top:1px solid #8baeff88;border-left:1px solid #8baeff88;border-right:1px solid #8baeff88;border-radius:12px 12px 0 0}.allies h4{position:relative;padding-top:38px}.allies>div{position:relative}.allies span{position:relative}.allies span:before{content:"";position:absolute;left:50%;bottom:100%;height:18px;width:1px;background:#8baeff88}.history-convergence footer{position:relative;margin-top:78px}.history-convergence footer:before{content:"";position:absolute;left:50%;bottom:calc(100% + 16px);width:2px;height:48px;background:linear-gradient(#c2a5f0,transparent)}
@media(max-width:760px){.dual-timeline{display:flex;padding-left:28px;gap:14px}.dual-timeline:before{left:7px;background:linear-gradient(transparent,#d4a94f 45%,#769fff 70%,transparent)}.timeline-row{display:block}.timeline-row .history-event{width:100%}.timeline-row .history-event+.history-event,.timeline-row .history-event+.s1-blue-quote{margin-top:14px}.timeline-row .gold-event:after,.timeline-row .blue-event:after{left:-27px;right:auto}.history-link{width:100%;margin:8px 0}.history-link:before,.history-link:after{display:none}.history-link summary{justify-content:flex-start;text-align:left}.history-link .link-detail{text-align:left}.allies:before{left:12%;right:12%}}

.timeline-chapter{position:relative;z-index:4;width:min(760px,88%);margin:44px auto 20px;padding:18px 26px;text-align:center;background:#080711}.timeline-chapter:before,.timeline-chapter:after{content:"";position:absolute;top:50%;width:52px;height:1px;background:linear-gradient(90deg,transparent,#a68d65)}.timeline-chapter:before{right:100%}.timeline-chapter:after{left:100%;transform:scaleX(-1)}.timeline-chapter small{color:#d7ad58;font:600 .62rem "Space Grotesk";letter-spacing:.2em}.timeline-chapter h3{margin:6px 0 4px;font:600 clamp(1.2rem,2.7vw,2rem) "Space Grotesk";letter-spacing:-.02em}.timeline-chapter p{margin:0;color:#8f8997;font-size:.88rem}.timeline-chapter,.timeline-wide{opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}.timeline-chapter.visible,.timeline-wide:has(.visible){opacity:1;transform:none}.timeline-wide{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,760px);justify-content:center}.timeline-wide .shared-event{--track-color:#b9a1db;width:100%;background:linear-gradient(145deg,#12101d,#090811)}.timeline-wide .shared-event:after{left:50%;top:-11px;transform:translateX(-50%);background:#b9a1db}.timeline-wide .shared-event summary{text-align:center}.history-link summary>div{display:grid;gap:2px}.history-link summary time{color:#c6aaf0;font:600 .58rem "Space Grotesk";letter-spacing:.12em;text-transform:uppercase}.allies:after{content:attr(data-note);display:block;max-width:680px;margin:22px auto 0;color:#817b89;font-size:.83rem;line-height:1.55}.allies span b{max-width:160px}.history-link.visible{opacity:1;transform:none}
@media(max-width:760px){.timeline-chapter{width:calc(100% + 28px);margin-left:-28px;text-align:left;padding:18px 10px 18px 28px}.timeline-chapter:before,.timeline-chapter:after{display:none}.timeline-wide{display:block}.timeline-wide .shared-event:after{left:-27px;top:29px;transform:none}.timeline-wide .shared-event summary{text-align:left}.history-link summary>div{text-align:left}}