.chronoscope{--chrono-gold:#d5b579;position:relative;isolation:isolate;min-height:740px;height:calc(100svh - 100px);max-height:1000px;background:#05090e;color:#f0ede5;overflow:hidden}.chrono-sky{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#05090ee0,#05090e70),url(../../sigillite-theme-v2/assets/images/imperial-atlas.webp) 50%/cover;opacity:.55}.chronoscope canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;touch-action:pan-y}.chrono-top{position:absolute;top:30px;left:4.4%;right:4.4%;display:flex;justify-content:space-between;align-items:center}.chrono-top h1{font:400 19px/1.4 Cinzel,serif}.chrono-top a{font-size:15px;color:#d5b579}.chrono-copy{position:absolute;left:5.2%;top:24%;max-width:37%;z-index:3;pointer-events:none}.chrono-copy>*{pointer-events:auto}.chrono-copy>p:first-child{font-size:16px;color:#d5b579;margin:0 0 20px}.chrono-copy h2{font-size:clamp(42px,4.9vw,72px);line-height:1.08;max-width:570px;text-wrap:balance}.chrono-copy .chrono-invitation{font-size:18px;max-width:260px;color:#b6c3cd;margin-top:24px}.chrono-copy button{background:#d5b579;color:#05090e;border-color:#d5b579;margin-top:32px}.chrono-direct{display:block;font-size:15px;margin-top:20px;color:#d5b579}.chrono-aperture{position:absolute;left:69%;top:40%;width:min(47vw,620px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;isolation:isolate;pointer-events:none}.aperture-rim{position:absolute;inset:-25px;border:1px solid #d5b57966;border-radius:50%;box-shadow:0 0 65px #c4a46612,inset 0 0 25px #c4a46615}.aperture-rim:before{content:'';position:absolute;inset:-14px;border:1px solid #d5b57920;border-radius:50%;transform:rotateX(28deg) rotateZ(-25deg)}.aperture-rim:after{content:'';position:absolute;inset:9px;border:1px dashed #d5b5793d;border-radius:50%}.aperture-images{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#10171e;box-shadow:0 0 100px #04080d,inset 0 0 70px #000}.aperture-images:after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 80px 25px #02070b99;border:1px solid #d5b57988;pointer-events:none}.aperture-images img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.09);transition:opacity 600ms ease,transform 900ms cubic-bezier(.2,.7,.2,1)}.aperture-images img.visible{opacity:1;transform:scale(1)}.aperture-notch{position:absolute;top:-29px;left:50%;width:9px;height:9px;background:#d5b579;transform:rotate(45deg);box-shadow:0 0 18px #d5b579}.chrono-art-credit{position:absolute;top:76%;right:6%;max-width:44%;font-size:13px;color:#b6c3cd;text-align:right}.chrono-track{position:absolute;bottom:24px;left:5.2%;right:5.2%;z-index:4}.chrono-track-meta{display:flex;justify-content:space-between;align-items:center;color:#b6c3cd;font-size:14px;gap:16px}.chrono-track-meta label{color:#d5b579}.chrono-track input{width:100%;padding:0;height:30px;min-height:30px;margin:8px 0 0;accent-color:#d5b579;background:transparent;border:0;cursor:ew-resize}.chrono-stops{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.chrono-stops a{display:flex;flex-direction:column;text-decoration:none;font-size:15px;line-height:1.3;padding:12px 0;min-height:82px;color:#bdc4ca;position:relative}.chrono-stops a[aria-current]{color:#efd19b}.chrono-stops small{font-size:12px;color:#9aa8b1;margin-bottom:6px}.chrono-stops strong{font-weight:400;max-width:160px}.chrono-stop-dot{position:absolute;top:-18px;left:0;width:5px;height:5px;border-radius:50%;background:#d5b579;display:none}.chrono-stops a[aria-current] strong{font-weight:600}.chrono-status{color:#fff}#chrono-record{background:var(--ground);color:var(--ink);border:1px solid var(--line);padding:0;width:min(760px,calc(100vw - 32px));max-height:85svh;border-radius:8px}#chrono-record::backdrop{background:#000b;backdrop-filter:blur(8px)}.record-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);font-size:14px;position:sticky;top:0;background:var(--ground)}.record-toolbar button{background:transparent;color:var(--ink);border-color:var(--line)}#chrono-record article{padding:32px 48px 48px}#chrono-record h2{font-size:38px;margin-top:16px}#chrono-record-summary{font-size:20px;line-height:1.8;margin:24px 0 32px}html:not(.js) #chrono-open,html:not(.js) .chrono-track{display:none}html:not(.js) .chrono-direct{font-size:20px}
@media(max-width:1100px){.chronoscope{height:calc(100svh - 88px);min-height:720px}.chrono-copy h2{font-size:48px}.chrono-aperture{width:43vw;top:39%;left:73%}.chrono-track{left:4%;right:4%}.chrono-stops{gap:16px}.chrono-art-credit{top:68%}}
@media(max-width:760px){.chronoscope{height:auto;min-height:950px;max-height:none}.chrono-top{top:20px;left:20px;right:20px}.chrono-top h1{font-size:16px}.chrono-aperture{width:min(65vw,310px);left:50%;top:230px}.aperture-rim{inset:-17px}.aperture-notch{top:-21px}.chrono-copy{left:24px;right:24px;top:425px;max-width:none}.chrono-copy>p:first-child{font-size:14px;margin-bottom:12px}.chrono-copy h2{font-size:38px;max-width:520px}.chrono-copy .chrono-invitation{display:none}.chrono-copy button{margin-top:24px}.chrono-direct{display:inline-block;margin-left:16px;margin-top:12px;font-size:14px}.chrono-art-credit{top:388px;left:20px;right:20px;max-width:none;text-align:center;font-size:12px}.chrono-track{bottom:20px;left:24px;right:24px}.chrono-legend{display:none}.chrono-stops{grid-template-columns:repeat(3,1fr);gap:8px 16px}.chrono-stops a{font-size:14px;min-height:69px;border-top:1px solid #6d66533d}.chrono-stops a[aria-current]{border-color:#d5b579}.chrono-track input{margin-bottom:12px}.chrono-track-meta{font-size:13px}#chrono-record article{padding:24px}#chrono-record h2{font-size:30px}.record-toolbar{padding:12px 16px}.record-toolbar>span{font-size:12px}}
@media(max-width:370px){.chrono-copy h2{font-size:33px}.chrono-copy{top:405px}.chrono-art-credit{top:360px}.chrono-aperture{top:217px}.chrono-direct{margin-left:0;display:block}.chronoscope{min-height:990px}}
@media(prefers-reduced-motion:reduce){.aperture-images img{transition:none;transform:none}}

.chrono-worlds{position:absolute;inset:0;z-index:5;pointer-events:none}.chrono-worlds button{position:absolute;width:150px;min-height:72px;transform:translate(-50%,-50%);background:transparent;border:0;padding:12px 6px;color:#eee8db;display:flex;flex-direction:column;gap:9px;pointer-events:auto;text-align:center;font-weight:400;font-size:14px;line-height:1.3;text-shadow:0 1px 7px #000,0 0 12px #000}.world-core{width:9px;height:9px;display:block;background:#dfc591;border-radius:50%;box-shadow:0 0 0 5px #dec89113,0 0 20px 5px #dec89138}.chrono-worlds button:hover,.chrono-worlds button[aria-current]{color:#f5d691;filter:none}.chrono-worlds button[aria-current] .world-core{box-shadow:0 0 0 8px #dec89120,0 0 30px 10px #dec89148}.chrono-aperture{transition:opacity 500ms ease,transform 700ms ease}.is-overview .chrono-aperture{opacity:0;transform:translate(-50%,-50%) scale(.5)}.chrono-worlds{transition:opacity 300ms}.chronoscope:not(.is-overview) .chrono-worlds{opacity:1}.chronoscope:not(.is-overview) .world-label{background:#05090eaa;padding:3px 7px;border-radius:3px}.chronoscope.is-overview .chrono-copy{top:27%}.is-overview #chrono-open,.is-overview .chrono-direct,.is-overview .chrono-art-credit,.is-overview #chrono-overview{display:none}#chrono-overview{position:absolute;right:5.2%;top:80px;z-index:6;background:#05090ec9;border:1px solid #d5b57955;color:#d5b579;font-size:14px;padding:8px 14px;min-height:40px}.chrono-copy .chrono-invitation{max-width:300px}.chronoscope:not(.is-overview) .chrono-invitation{max-width:410px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.is-overview .chrono-copy h2{font-size:64px}.is-overview .chrono-sky{opacity:.8}
@media(max-width:760px){.chrono-worlds{height:430px;top:45px}.chrono-worlds button{font-size:12px;width:112px;min-height:65px}.chronoscope.is-overview .chrono-copy{top:490px}.is-overview .chrono-copy h2{font-size:36px}.is-overview .chrono-copy .chrono-invitation{display:block;font-size:16px;margin-top:16px;max-width:330px}.chronoscope:not(.is-overview) .chrono-copy .chrono-invitation{display:none}#chrono-overview{top:64px;right:20px;font-size:12px;min-height:36px}.is-overview .chrono-track{bottom:20px}}
@media(prefers-reduced-motion:reduce){.chrono-aperture,.chrono-worlds{transition:none}}

html:not(.js) .chrono-worlds{display:none}html:not(.js) .is-overview .chrono-aperture{opacity:1;transform:translate(-50%,-50%)}html:not(.js) .is-overview .chrono-direct{display:block}
.aperture-images img[data-lens="3"].visible{transform:scale(1.18)}
.chrono-worlds button:nth-child(1){left:48.2%;top:27%}.chrono-worlds button:nth-child(2){left:69%;top:13%}.chrono-worlds button:nth-child(3){left:89.8%;top:27%}.chrono-worlds button:nth-child(4){left:89.8%;top:55%}.chrono-worlds button:nth-child(5){left:69%;top:69%}.chrono-worlds button:nth-child(6){left:48.2%;top:55%}
@media(min-width:761px){.chrono-track input{width:83.333%;margin-left:8.333%}.chrono-stops{gap:0}.chrono-stops a{align-items:center;text-align:center}}
@media(max-width:760px){.chrono-worlds button:nth-child(1){left:21.4%;top:32%}.chrono-worlds button:nth-child(2){left:50%;top:15%}.chrono-worlds button:nth-child(3){left:78.6%;top:32%}.chrono-worlds button:nth-child(4){left:78.6%;top:66%}.chrono-worlds button:nth-child(5){left:50%;top:83%}.chrono-worlds button:nth-child(6){left:21.4%;top:66%}}

@media(max-width:760px){.chrono-worlds{height:340px;top:65px}}
.chronoscope:not(.is-overview) .chrono-worlds button:not([aria-current]){opacity:0;pointer-events:none}

/* Let the text determine scene height; the time rail always follows it. */
.chronoscope{height:auto;max-height:none}
.chronoscope .chrono-copy{position:relative;top:auto!important;left:auto;right:auto;margin-left:5.2%;width:37%;max-width:none;padding-top:180px;padding-bottom:250px}
@media(max-width:760px){.chronoscope .chrono-copy{margin:0 24px;width:auto;padding-top:425px;padding-bottom:260px}.chronoscope.is-overview .chrono-copy{padding-top:490px}}
@media(max-width:370px){.chronoscope .chrono-copy{padding-top:405px}}

/* A single reading order replaces the ambiguous two-column era list. */
.chronology{padding-top:80px;padding-bottom:100px}
.chronology-heading{display:flex;align-items:start;justify-content:space-between;gap:32px;margin-bottom:56px;padding-bottom:32px;border-bottom:1px solid var(--line)}
.chronology-heading h2{font-size:38px;max-width:650px}.chronology-heading p{color:var(--muted);font-size:18px;margin-top:16px}.chronology-heading>a{font-size:15px;color:var(--accent);white-space:nowrap;padding:10px 0}
.chronology-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:72px}
.chronology-guide{align-self:start;position:sticky;top:32px}.chronology-guide-label{margin:0 0 16px;color:var(--muted);font-size:14px}.chronology-guide nav{display:flex;flex-direction:column;border-left:1px solid var(--line)}.chronology-guide nav a{padding:12px 20px;text-decoration:none;font-size:17px;line-height:1.45}.chronology-guide nav a:hover{background:var(--surface);color:var(--accent)}.chronology-date-note{border-top:1px solid var(--line);margin-top:32px;padding-top:24px;font-size:15px;color:var(--ink)}.chronology-date-note span{display:block;margin-top:8px;font-size:14px;line-height:1.65;color:var(--muted)}
.chronology-period{scroll-margin-top:32px;margin:0 0 52px}.chronology-period:last-child{margin-bottom:0}.chronology-period h3{font:400 25px/1.3 Cinzel,serif;margin:0 0 20px;color:var(--accent)}.chronology-period ol{list-style:none;margin:0 0 0 6px;padding:0 0 0 28px;border-left:1px solid var(--line)}.chronology-period li{position:relative}.chronology-period li:before{content:'';position:absolute;left:-33px;top:38px;width:9px;height:9px;border:1px solid var(--accent);border-radius:50%;background:var(--ground);box-shadow:0 0 0 5px var(--ground)}
.chronology-entry{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:24px 12px 24px 0;border-bottom:1px solid var(--line);text-decoration:none}.chronology-entry-text{min-width:0;display:flex;flex-direction:column;gap:6px}.chronology-date{font-size:15px;color:var(--muted);line-height:1.5}.chronology-name{font:400 26px/1.3 Source,sans-serif;color:var(--ink);text-wrap:balance}.chronology-read{display:flex;gap:10px;align-items:center;flex-shrink:0;color:var(--accent);font-size:14px}.chronology-read svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.2;fill:none}.chronology-entry:hover .chronology-name{text-decoration:underline;text-underline-offset:5px;color:var(--accent)}.chronology-entry:hover{background:var(--surface)}
@media(max-width:1100px){.chronology-layout{grid-template-columns:205px minmax(0,1fr);gap:40px}.chronology-name{font-size:24px}.chronology-read{font-size:0;gap:0}}
@media(max-width:760px){.chronology{padding:48px 24px 64px}.chronology-heading{display:block;margin-bottom:32px;padding-bottom:24px}.chronology-heading h2{font-size:30px}.chronology-heading p{font-size:17px}.chronology-heading>a{display:inline-block;margin-top:16px}.chronology-layout{display:block}.chronology-guide{position:static;margin-bottom:40px}.chronology-guide nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0}.chronology-guide nav a{padding:12px;border:1px solid var(--line);font-size:15px}.chronology-date-note{margin-top:20px;padding-top:16px}.chronology-period{margin-bottom:40px}.chronology-period h3{font-size:23px}.chronology-period ol{padding-left:22px}.chronology-period li:before{left:-27px;top:32px}.chronology-entry{padding:20px 0;gap:12px}.chronology-name{font-size:23px}.chronology-date{font-size:14px}.chronology-read svg{width:16px;height:16px}}