:root{--lore-header-height:80px}
html{scroll-padding-top:calc(var(--lore-header-height) + 22px)}
.lore-page{background:transparent!important;border:0!important;box-shadow:none!important;margin-top:0!important;padding:50px 0 60px!important}
.lore-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:70px;align-items:center;padding-bottom:48px}
.lore-intro h1{font-size:clamp(54px,7vw,86px);line-height:1.12;margin:17px 0 8px;color:#f0e8f8}
.lore-intro h1 span{color:#c3a1ee}
.lore-period{display:inline-block;font:13px/1.6 monospace;letter-spacing:.12em;color:#c3a2dd;border:1px solid #9972b44d;border-radius:3px;padding:7px 12px;margin:10px 0 15px;background:#110d188c}
.lore-intro>p{font:16px/1.85 Arial,sans-serif;color:#c5bdcf;max-width:680px;margin:10px 0 0}
.lore-hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:27px}
.lore-hero-actions .btn{min-height:47px;text-align:center;white-space:normal}
.lore-summary{position:relative;padding:26px 29px;background:linear-gradient(150deg,#171221e8,#080d17e8);border:1px solid #9270aa6b;border-radius:6px;box-shadow:0 12px 45px #0004}
.lore-summary::before{content:'';display:block;height:3px;background:repeating-linear-gradient(130deg,#a982c880 0 7px,transparent 7px 13px);position:absolute;left:0;right:0;top:0;border-radius:6px 6px 0 0}
.lore-summary-label{font:11px/1.6 monospace;text-transform:uppercase;letter-spacing:.13em;color:#ab8cc5}
.lore-summary>strong{display:block;font:600 76px/1.15 'Protocol Head',Arial,sans-serif;color:#dfcbf2;margin:7px 0 16px;letter-spacing:.03em}
.lore-summary dl{margin:0}
.lore-summary dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-top:1px solid #8c659d35;padding:11px 0;font:11px/1.6 monospace}
.lore-summary dl>div:last-child{padding-bottom:0}
.lore-summary dt{color:#94869f}
.lore-summary dd{margin:0;color:#c2b6ce;text-align:right}
.lore-archive-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;margin-bottom:25px;border-top:1px solid #9972b450;border-bottom:1px solid #9972b450;font:11px/1.7 monospace;letter-spacing:.1em;text-transform:uppercase;color:#bb9ad5;scroll-margin-top:18px}
.lore-archive-bar>span:last-child{color:#8f839d;letter-spacing:.04em}
.lore-layout{display:grid;grid-template-columns:242px minmax(0,1fr);gap:35px;align-items:start}
.lore-index{position:sticky;top:calc(var(--lore-header-height) + 20px);padding:20px;border:1px solid #8661aa60;border-radius:5px;background:#0d101bec;max-height:calc(100dvh - var(--lore-header-height) - 40px);overflow:auto;scrollbar-width:thin;scrollbar-color:#826394 #0d101b}
.lore-index summary{font-size:20px;color:#dbcce8;cursor:pointer;padding:0 0 13px}
.lore-index nav{display:grid;gap:0}
.lore-index a{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:baseline;font:12px/1.6 Arial,sans-serif!important;letter-spacing:0;padding:11px 0;border-top:1px solid #9972b426;color:#bdb0ca}
.lore-index a:hover,.lore-index a[aria-current]{color:#ead8fb}
.lore-index a[aria-current]{background:#b386d514}
.lore-index-year{font:10px/1.7 monospace;color:#ad8bc8;white-space:nowrap}
.lore-chronicle{min-width:0;border-left:1px solid #9773ad59;padding-left:27px}
.lore-chapter{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr);gap:25px;padding:28px 29px;margin-bottom:22px;border:1px solid #8661aa50;border-radius:5px;background:linear-gradient(135deg,#11121dee,#080c14f2);scroll-margin-top:18px}
.lore-chapter::before{content:'';position:absolute;left:-32px;top:39px;width:7px;height:7px;background:#bd99dd;border:1px solid #ead3ff;box-shadow:0 0 13px #af70df66}
.lore-year{padding-top:4px}
.lore-year>span{display:block;font:500 27px/1.3 'Protocol Head',Arial,sans-serif;color:#d0b2e7;white-space:nowrap}
.lore-year-range>span{font-size:20px}
.lore-year small{display:block;font:9px/1.6 monospace;color:#857190;margin-top:7px;letter-spacing:.06em}
.lore-kind{font:9px/1.7 monospace;text-transform:uppercase;letter-spacing:.11em;color:#9f82b4}
.lore-entry{min-width:0}
.lore-entry h2{font-size:30px;line-height:1.22;color:#e6d8ef;margin:7px 0 19px;overflow-wrap:anywhere}
.lore-entry p{font:15px/1.9 Arial,sans-serif;color:#c9c0d2;margin:0 0 16px;overflow-wrap:anywhere}
.lore-entry p:last-child{margin-bottom:0}
.lore-chapter-present{border-color:#ba8de19c;background:linear-gradient(135deg,#22172cf0,#0b0e18f4)}
.lore-alias{position:absolute;top:0;left:0;width:0;height:0;scroll-margin-top:18px}
.lore-present{background:transparent!important;padding:34px 0 0;border-top:0;margin-top:12px}
.lore-present h2{font-size:36px;line-height:1.2;margin:10px 0 25px}
.lore-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lore-state-card{padding:24px 26px;border:1px solid #9574ad55;border-radius:5px;background:#10121ee8}
.lore-state-card h3{font-size:25px;line-height:1.3;margin:11px 0 15px;color:#decbea}
.lore-state-card p{font:14px/1.85 Arial,sans-serif;color:#bfb5ca;margin:0}
.lore-end{display:flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid #ac81ca73;border-left:3px solid #ad7bd1;border-radius:5px;background:linear-gradient(115deg,#24172feb,#0b101ae8);padding:30px 35px;margin-top:32px}
.lore-end h2{font-size:33px;line-height:1.25;margin:10px 0 12px;color:#e0cdef}
.lore-end p{font:14px/1.8 Arial,sans-serif;margin:0;color:#c1b5cb;max-width:610px}
.lore-end-actions{display:flex;flex-direction:column;gap:11px;flex-shrink:0}
.lore-end-actions .btn{text-align:center;white-space:normal}
@media(max-width:1100px){.lore-hero{gap:40px}.lore-layout{grid-template-columns:215px minmax(0,1fr);gap:23px}.lore-index{padding:17px}.lore-index a{grid-template-columns:67px minmax(0,1fr);gap:7px;font-size:11px!important}.lore-chronicle{padding-left:21px}.lore-chapter{padding:23px;grid-template-columns:80px minmax(0,1fr);gap:20px}.lore-chapter::before{left:-26px}.lore-year>span{font-size:24px}.lore-year-range>span{font-size:18px}.lore-state-card{padding:22px}}
@media(max-width:850px){:root{--lore-header-height:190px}.lore-page{padding-top:35px!important}.lore-hero{grid-template-columns:minmax(0,1fr) 255px;gap:28px}.lore-summary{padding:22px}.lore-intro h1{font-size:58px}.lore-hero-actions .btn{font-size:14px;padding:11px 17px}.lore-layout{grid-template-columns:1fr}.lore-index{position:static;max-height:none}.lore-index nav{grid-template-columns:1fr 1fr;gap:0 25px}.lore-index a{grid-template-columns:77px minmax(0,1fr);font-size:12px!important}.lore-chronicle{padding-left:22px}.lore-chapter{grid-template-columns:105px minmax(0,1fr);gap:24px;padding:25px}.lore-chapter::before{left:-27px}.lore-year>span{font-size:29px}.lore-year-range>span{font-size:24px}.lore-end{align-items:flex-start;flex-direction:column;gap:22px}.lore-end-actions{flex-direction:row;flex-wrap:wrap}.lore-state-grid{gap:15px}.lore-state-card h3{font-size:23px}}
@media(max-width:620px){.lore-page{padding-top:29px!important;padding-bottom:40px!important}.lore-hero{grid-template-columns:1fr;gap:24px;padding-bottom:30px}.lore-intro h1{font-size:52px;margin-top:14px}.lore-intro>p{font-size:15px;line-height:1.8}.lore-period{font-size:11px}.lore-hero-actions{gap:10px;margin-top:22px}.lore-hero-actions .btn{font-size:14px;flex:1 1 150px}.lore-summary{padding:21px 23px}.lore-summary>strong{font-size:54px;margin:5px 0 10px}.lore-summary dl>div{padding:9px 0}.lore-archive-bar{font-size:10px;gap:12px;letter-spacing:.06em;margin-bottom:19px}.lore-layout{gap:20px}.lore-index{padding:16px}.lore-index nav{gap:0 18px}.lore-index a{grid-template-columns:1fr;gap:3px;font-size:11px!important;padding:9px 0}.lore-index summary{font-size:19px}.lore-chronicle{padding-left:13px}.lore-chapter{grid-template-columns:1fr;gap:17px;padding:22px 19px;margin-bottom:18px}.lore-chapter::before{left:-18px;top:30px}.lore-year{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px;border-bottom:1px solid #9574ad35}.lore-year>span{font-size:28px}.lore-year small{margin:0}.lore-entry h2{font-size:27px;margin:6px 0 16px}.lore-entry p{font-size:14px;line-height:1.85}.lore-kind{font-size:9px;letter-spacing:.08em}.lore-state-grid{grid-template-columns:1fr;gap:13px}.lore-present{padding-top:25px}.lore-present h2{font-size:31px}.lore-state-card{padding:22px}.lore-end{padding:25px 23px;gap:21px}.lore-end h2{font-size:29px}.lore-end-actions{width:100%;flex-direction:column}.lore-end-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}