:root{--chronicle-gold:#f1bf5b;--chronicle-cyan:#4ed7eb;--chronicle-ink:#070d14;--chronicle-panel:#0c151e}
.chronicles-body{background:#050a10;color:#d9e3e8}
.chronicles-hero{position:relative;overflow:hidden;min-height:570px;display:flex;align-items:center;border-bottom:1px solid rgba(241,191,91,.28);background:radial-gradient(circle at 50% 28%,rgba(45,123,145,.22),transparent 34%),linear-gradient(180deg,rgba(4,9,15,.2),#050a10),url('/images/banner.png') center/cover no-repeat}
.chronicles-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,14,.96),rgba(4,8,14,.62) 55%,rgba(4,8,14,.9)),linear-gradient(0deg,#050a10,transparent 55%)}
.chronicles-stars{position:absolute;inset:0;opacity:.7;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.6px),radial-gradient(circle,#6edff2 0 1px,transparent 1.7px);background-position:0 0,37px 61px;background-size:113px 113px,151px 151px;mask-image:linear-gradient(to bottom,#000,transparent 86%)}
.chronicles-hero-inner{position:relative;z-index:1;padding-top:80px;padding-bottom:70px}
.chronicles-eyebrow,.chronicle-arc-heading>span,.chronicles-prologue>span,.chronicles-epilogue>span{color:var(--chronicle-cyan);font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.chronicles-hero h1{max-width:850px;margin:10px 0 14px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,9vw,118px);line-height:.9;letter-spacing:-.05em;text-shadow:0 10px 45px #000}
.chronicles-hero p{max-width:710px;margin:0 0 25px;color:#bdcbd2;font-size:clamp(17px,2vw,22px);line-height:1.65}
.chronicles-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.chronicles-definition{display:inline-flex;margin-top:28px;padding:10px 14px;border-left:3px solid var(--chronicle-gold);background:rgba(8,16,24,.74);color:#a8b7bf;font-size:13px}.chronicles-definition strong{margin-right:5px;color:#f2c86f}
.chronicles-page{padding:72px 0 110px;background:radial-gradient(circle at 80% 20%,rgba(42,119,132,.08),transparent 35%),#050a10}
.chronicles-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px;align-items:start}
.chronicles-index{position:sticky;top:90px;display:flex;flex-direction:column;padding:18px;border:1px solid rgba(78,215,235,.2);border-radius:14px;background:rgba(8,17,25,.94);box-shadow:0 18px 45px rgba(0,0,0,.25)}
.chronicles-index>strong{margin-bottom:12px;padding:0 8px 12px;border-bottom:1px solid rgba(255,255,255,.08);color:#eaf3f5;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.chronicles-index a{display:flex;align-items:center;gap:9px;padding:9px;border-radius:7px;color:#8fa2ac;font-size:12px;text-decoration:none;transition:.2s ease}.chronicles-index a:hover,.chronicles-index a.active{background:rgba(65,194,218,.12);color:#71dff0}.chronicles-index a span{display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(241,191,91,.25);border-radius:50%;color:#e3b554;font-size:9px;font-weight:900}
.chronicles-content{min-width:0}.chronicles-prologue,.chronicles-epilogue{padding:clamp(28px,5vw,58px);border:1px solid rgba(241,191,91,.25);border-radius:18px;background:linear-gradient(145deg,rgba(24,28,36,.98),rgba(8,15,22,.98));box-shadow:0 28px 80px rgba(0,0,0,.25)}
.chronicles-prologue h2,.chronicles-epilogue h2,.chronicle-arc-heading h2{margin:8px 0 20px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,5vw,58px)}
.chronicles-prologue p,.chronicles-epilogue p{color:#b7c5cc;font-size:16px;line-height:1.9}
.chronicle-arc{padding-top:90px;scroll-margin-top:45px}.chronicle-arc-heading{position:relative;margin-bottom:24px;padding-left:24px;border-left:3px solid var(--chronicle-gold)}.chronicle-arc-heading h2{margin:3px 0 2px}.chronicle-arc-heading p{margin:0;color:#8fa2ac}
.chronicle-entry{position:relative;padding:clamp(22px,4vw,42px);border:1px solid rgba(73,195,218,.2);border-radius:18px;background:linear-gradient(145deg,rgba(13,26,35,.98),rgba(7,13,20,.98));box-shadow:0 24px 70px rgba(0,0,0,.25)}
.chronicle-dungeon{border-color:rgba(205,100,91,.27);background:linear-gradient(145deg,rgba(30,18,21,.98),rgba(9,12,18,.98))}
.chronicle-entry-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:#68dceb;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.chronicle-entry-label b{color:rgba(255,255,255,.25);font-size:22px}.chronicle-dungeon .chronicle-entry-label{color:#ef886f}
.chronicle-entry h3{margin:0;color:#f2c66d;font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,4vw,46px)}.chronicle-entry h4{margin:5px 0 20px;color:#a9bbc4;font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.chronicle-boss{display:flex;align-items:center;gap:10px;margin:-2px 0 18px}.chronicle-boss span{color:#a98d8c;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.chronicle-boss strong{padding:5px 10px;border:1px solid rgba(239,105,83,.34);border-radius:20px;background:rgba(127,42,36,.2);color:#ff947f;font-size:12px}
.chronicle-placeholder{overflow:hidden;margin:0 0 30px;border:1px solid hsla(var(--placeholder-hue),70%,65%,.3);border-radius:14px;background:#071018}.chronicle-placeholder>div{position:relative;display:flex;aspect-ratio:16/9;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,hsla(var(--placeholder-hue),75%,48%,.28),transparent 33%),linear-gradient(135deg,hsla(var(--placeholder-hue),60%,18%,.76),#050a10 70%)}
.chronicle-placeholder>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.chronicle-placeholder>div::before,.chronicle-placeholder>div::after{content:"";position:absolute;border:1px solid hsla(var(--placeholder-hue),80%,70%,.18);transform:rotate(45deg)}.chronicle-placeholder>div::before{width:240px;height:240px}.chronicle-placeholder>div::after{width:160px;height:160px}.chronicle-placeholder>div span,.chronicle-placeholder>div strong,.chronicle-placeholder>div small{position:relative;z-index:1}.chronicle-placeholder>div span{color:hsla(var(--placeholder-hue),85%,76%,.85);font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.chronicle-placeholder>div strong{margin:9px 20px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,5vw,48px);text-align:center;text-shadow:0 4px 20px #000}.chronicle-placeholder>div small{color:#82949d}.chronicle-placeholder.is-dungeon>div{background:radial-gradient(circle at 50% 42%,hsla(var(--placeholder-hue),85%,45%,.28),transparent 31%),linear-gradient(135deg,hsla(var(--placeholder-hue),70%,16%,.75),#07080e 72%)}
.chronicle-prose{max-width:790px}.chronicle-prose p{margin:0 0 1.35em;color:#c2ced3;font-family:Georgia,'Times New Roman',serif;font-size:clamp(16px,1.6vw,19px);line-height:1.92;transition:none}.chronicle-prose p:hover{color:#c2ced3;background:none;text-shadow:none;transform:none;filter:none}.chronicle-prose p:first-child::first-letter{float:left;margin:10px 9px 0 0;color:#f2c35e;font-size:55px;line-height:.65}
.chronicle-descent{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:23px;color:#738791;font-size:10px;font-weight:900;letter-spacing:.13em;text-align:center;text-transform:uppercase}.chronicle-descent i{height:1px;background:linear-gradient(90deg,transparent,rgba(225,151,82,.35))}.chronicle-descent i:last-child{background:linear-gradient(90deg,rgba(225,151,82,.35),transparent)}
.chronicles-epilogue{margin-top:90px;text-align:center}.chronicles-epilogue p{max-width:760px;margin:0 auto 20px}.chronicles-epilogue .btn{margin-top:10px}
@media(max-width:980px){.chronicles-layout{grid-template-columns:1fr}.chronicles-index{position:relative;top:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.chronicles-index>strong{grid-column:1/-1}.chronicles-index a{justify-content:center}.chronicles-index a span{display:none}}
@media(max-width:620px){.chronicles-hero{min-height:520px}.chronicles-index{grid-template-columns:1fr 1fr}.chronicles-page{padding-top:35px}.chronicle-arc{padding-top:65px}.chronicle-entry{border-radius:12px}.chronicle-prose p{font-size:16px;line-height:1.8}.chronicle-descent span{font-size:8px}.chronicles-definition{display:block}}
@media(prefers-reduced-motion:reduce){.chronicles-index a{transition:none}}