@font-face{font-family:'Chronicles Bodoni';src:url('assets/fonts/bodoni-moda.ttf') format('truetype');font-weight:400 900;font-display:swap}
/* V78 — Genesis Chronicles */
#world-reader{--gold:#d9ba68;position:relative;isolation:isolate;max-width:1440px;margin:72px auto 0;padding:48px 4% 70px;border:0;color:#f0ecdc;background:#03100d;scroll-margin-top:95px}
#world-reader::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#03100d00 80%,#03100d),url('assets/chronicles-sanctum-v78.webp') center top/100% auto repeat-y;opacity:.85}
#world-reader>header{text-align:center;margin:0 auto 20px}
#world-reader .story-eyebrow{display:flex;align-items:center;justify-content:center;gap:18px;color:#e7c777;font:500 11px/1.7 'DM Sans',sans-serif;letter-spacing:.42em}
#world-reader .story-eyebrow::before,#world-reader .story-eyebrow::after{content:"";height:1px;width:160px;max-width:14vw;background:linear-gradient(90deg,transparent,#c7a656)}
#world-reader .story-eyebrow::after{transform:rotate(180deg)}
#world-reader>header h3{font:500 clamp(34px,5.3vw,73px)/1.07 Georgia,'Times New Roman',serif;letter-spacing:-.045em;text-transform:uppercase;color:#f3efdd;margin:18px 0 10px}
#world-reader>header>p{font:400 clamp(14px,1.5vw,19px)/1.6 'DM Sans',sans-serif;color:#e5e7dc;max-width:none;margin:0}
#world-reader .chapter-release-toolbar{display:flex;align-items:center;gap:15px;margin:18px 0 12px;flex-wrap:wrap}
#world-reader .chapter-release-status{font:400 13px/1.6 'DM Sans',sans-serif;color:#e3e4d8;margin:0;min-width:182px;letter-spacing:0}
#world-reader .chronicle-progress{height:8px;flex:1;max-width:420px;border:1px solid #537f65;background:#0e2b20;box-shadow:inset 0 0 5px #0008}
#world-reader .chronicle-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#dfb44d,#f9edba);transition:width .35s}
#world-reader [data-chapter-percent]{color:#e5c77e;font:500 12px 'DM Sans',sans-serif}
#world-reader .chapter-refresh{margin-left:auto;border:0;background:transparent;color:#e4e5da;padding:8px 3px;min-height:44px;font:400 13px 'DM Sans',sans-serif;cursor:pointer}
#world-reader .chapter-refresh span{color:#d9ba68;font-size:23px;margin-left:8px;vertical-align:middle}
#world-reader .chapter-refresh:disabled{opacity:.55;cursor:wait}
#world-reader .world-note-grid{display:block;margin:0}
#world-reader .chronicle-feature{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);border:1px solid #d8b85d;border-radius:8px;overflow:hidden;background:#020d09;min-width:0;box-shadow:0 0 0 1px #d8b85d12,0 18px 45px #0003}
#world-reader .chronicle-feature-art{position:relative;min-height:340px;overflow:hidden}
#world-reader .chronicle-feature-art img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;opacity:1}
#world-reader .chronicle-feature-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px 25px;min-width:0;background:radial-gradient(ellipse at center,#102b1d3b,transparent 75%)}
#world-reader .chronicle-eyebrow,.chronicle-dialog .chronicle-eyebrow{font:600 10px/1.7 'DM Sans',sans-serif;letter-spacing:.24em;color:#e6cc8c;margin:0}
#world-reader .chronicle-ornament{display:flex;align-items:center;gap:5px;color:#d7bb78;font-size:12px;margin:5px 0 20px;width:70%;justify-content:center}
#world-reader .chronicle-ornament::before,#world-reader .chronicle-ornament::after{content:"";height:1px;background:linear-gradient(90deg,transparent,#b89c52);flex:1}
#world-reader .chronicle-ornament::after{transform:rotate(180deg)}
#world-reader .chronicle-feature h4{font:500 clamp(30px,3.6vw,53px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.04em;text-transform:uppercase;color:#f4f0dd;margin:0 0 13px;overflow-wrap:anywhere}
#world-reader .chronicle-feature-description{font:400 16px/1.6 'DM Sans',sans-serif;color:#e6e7db;margin:0 0 25px;max-width:34ch}
#world-reader .chronicle-read{min-height:50px;min-width:230px;max-width:100%;padding:14px 24px;border:1px solid #f1d27f;border-radius:2px;background:linear-gradient(115deg,#efd48b,#d7b356 65%,#e5c578);color:#10180e;font:700 12px/1.6 'DM Sans',sans-serif;letter-spacing:.24em;cursor:pointer}
#world-reader .chronicle-read:hover{background:#f2d994}
#world-reader .chronicle-act{margin:26px 0 0;padding:0;border:0;background:transparent}
#world-reader .chronicle-act>header{text-align:center;margin:0 0 16px}
#world-reader .chronicle-act h4{display:flex;gap:18px;align-items:center;justify-content:center;font:400 14px/1.6 Georgia,serif;letter-spacing:.21em;color:#ddc07b;margin:0;text-transform:uppercase}
#world-reader .chronicle-act h4::before,#world-reader .chronicle-act h4::after{content:"";height:1px;width:170px;max-width:16%;background:linear-gradient(90deg,transparent,#b7984a)}
#world-reader .chronicle-act h4::after{transform:rotate(180deg)}
#world-reader .chronicle-act>header>p{font:400 12px/1.7 'DM Sans',sans-serif;color:#a5baaa;margin:3px 0 0;max-width:none}
#world-reader .chronicle-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
#world-reader .chronicle-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:17px;min-height:74px;padding:14px 22px;border:1px solid #66847491;border-radius:6px;background:linear-gradient(120deg,#14251e50,#03100bbf);text-align:left;min-width:0;width:100%;color:#e7e4d1}
#world-reader button.chronicle-row{cursor:pointer;border-color:#9c985e}
#world-reader button.chronicle-row:hover{background:#142b20;border-color:#ddc07b}
#world-reader .chronicle-number{font:400 27px/1 Georgia,serif;color:#aeb6a7;position:relative}
#world-reader .chronicle-number::after{content:"";position:absolute;right:0;top:0;width:1px;height:28px;background:linear-gradient(transparent,#ac8e42,transparent)}
#world-reader .chronicle-row-title{font:400 clamp(15px,1.65vw,22px)/1.3 Georgia,'Times New Roman',serif;letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere;color:#e0e0d0}
#world-reader .chronicle-row-state{font:500 9px/1.6 'DM Sans',sans-serif;color:#e0c47d;text-align:right}
#world-reader .chronicle-lock{display:block;position:relative;width:16px;height:14px;border:1.5px solid #bdc5b3;border-radius:1px;justify-self:end;margin-right:3px;margin-top:8px}
#world-reader .chronicle-lock::before{content:"";position:absolute;left:2px;top:-10px;width:9px;height:9px;border:1.5px solid #bdc5b3;border-radius:8px 8px 0 0;border-bottom:0}
#world-reader .chronicle-lock::after{content:"";position:absolute;left:6px;top:4px;height:5px;border-left:2px solid #bdc5b3}
#world-reader .chronicle-empty{text-align:center;padding:50px 20px;color:#dfc989;border:1px solid #8a8150}
#world-reader button:focus-visible,.chronicle-dialog button:focus-visible{outline:2px solid #f0d487;outline-offset:4px}
.chronicle-dialog{box-sizing:border-box;width:min(1000px,calc(100% - 32px));max-width:100%;max-height:calc(100svh - 40px);padding:0;border:1px solid #9f8a4e;border-radius:8px;background:#081710;color:#e8e3cf;overscroll-behavior:contain;scrollbar-color:#77896c #081710}
.chronicle-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}
.chronicle-reader-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 22px;border-bottom:1px solid #baa76c55;background:#081710f5;color:#d8c58b;font:500 10px/1.5 'DM Sans',sans-serif;letter-spacing:.17em}
.chronicle-close{border:0;background:transparent;color:#eee6c7;font:300 30px/1 system-ui;cursor:pointer;min-width:44px;min-height:44px}
.chronicle-reader-body{padding:36px 42px 40px}
.chronicle-reader-heading{text-align:center;margin:0 0 28px}
.chronicle-reader-heading h2{font:400 clamp(32px,5vw,54px)/1.2 Georgia,serif;text-transform:uppercase;margin:17px 0;color:#f1ead4;letter-spacing:-.025em}
.chronicle-reading-time{font:400 10px/1.6 'DM Sans',sans-serif;letter-spacing:.12em;color:#afbea9}
.chronicle-reader-body>img{display:block;width:100%;height:auto;max-height:57svh;object-fit:contain;background:#020a06;border:1px solid #a69c5d44;border-radius:4px}
.chronicle-hook{font:400 clamp(21px,2.3vw,28px)/1.6 Georgia,serif;color:#e8d5a3;max-width:62ch;margin:34px auto}
.chronicle-prose{max-width:65ch;margin:auto}
.chronicle-prose h3{font:500 11px/1.6 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#d9bd7d;margin:36px 0 16px}
.chronicle-prose p{font:400 18px/1.95 Georgia,serif;color:#ccd5c7;margin:0 0 24px}
.chronicle-transition{font:italic 19px/1.8 Georgia,serif;color:#d9c58d;border-top:1px solid #aa955344;padding-top:24px;margin:34px auto;max-width:65ch}
.chronicle-reader-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}
.chronicle-reader-actions button{min-height:48px;padding:12px 18px;border:1px solid #b8a06666;background:#11291b;color:#dfca91;border-radius:3px;font:500 10px/1.6 'DM Sans',sans-serif;letter-spacing:.1em;cursor:pointer}
.chronicle-reader-actions button:disabled{background:transparent;color:#b1bba9;border-color:#a9b39844;cursor:default}
@media(min-width:1500px){#world-reader{padding-inline:56px}}
@media(max-width:850px){#world-reader{padding:45px 24px 60px}#world-reader .chronicle-feature{grid-template-columns:1.25fr 1fr}#world-reader .chronicle-feature-art{min-height:310px}#world-reader .chronicle-feature-copy{padding:28px 18px}#world-reader .chronicle-read{min-width:0;width:100%;letter-spacing:.16em}#world-reader .chronicle-feature-description{font-size:14px}#world-reader .chronicle-row{padding:14px 16px;grid-template-columns:34px minmax(0,1fr) 26px;gap:12px}#world-reader .chronicle-number{font-size:23px}#world-reader .chronicle-act h4{letter-spacing:.12em;font-size:12px}}
@media(max-width:600px){#world-reader{margin-top:40px;padding:36px 16px 40px}#world-reader>header h3{font-size:clamp(29px,7.3vw,43px);line-height:1.15;letter-spacing:-.045em}#world-reader>header>p{font-size:13px;max-width:30ch;margin:auto}#world-reader .story-eyebrow{font-size:8px;letter-spacing:.22em;gap:10px}#world-reader .chapter-release-toolbar{gap:8px;margin-top:18px}#world-reader .chapter-release-status{font-size:11px;min-width:0;flex-basis:100%}#world-reader .chronicle-progress{max-width:none;flex:1}#world-reader .chapter-refresh{font-size:11px;min-height:44px;margin-left:8px}#world-reader .chapter-refresh span{font-size:20px}#world-reader .chronicle-feature{grid-template-columns:1fr}#world-reader .chronicle-feature-art{min-height:0;aspect-ratio:1.9}#world-reader .chronicle-feature-copy{padding:27px 20px 30px}#world-reader .chronicle-feature h4{font-size:36px}#world-reader .chronicle-ornament{margin-bottom:14px;width:55%}#world-reader .chronicle-feature-description{font-size:14px;margin-bottom:20px}#world-reader .chronicle-read{max-width:250px}#world-reader .chronicle-rows{grid-template-columns:1fr;gap:10px}#world-reader .chronicle-act{margin-top:25px}#world-reader .chronicle-act h4{font-size:10px;letter-spacing:.12em;gap:8px}#world-reader .chronicle-act h4::before,#world-reader .chronicle-act h4::after{max-width:5%;flex:1}#world-reader .chronicle-act>header>p{font-size:11px}#world-reader .chronicle-row{min-height:65px;padding:13px 16px;grid-template-columns:34px minmax(0,1fr) 38px}#world-reader .chronicle-row-title{font-size:17px;letter-spacing:.03em}.chronicle-dialog{width:calc(100% - 16px);max-height:calc(100svh - 16px)}.chronicle-reader-top{padding:7px 14px;font-size:8px}.chronicle-reader-body{padding:26px 18px 30px}.chronicle-dialog .chronicle-eyebrow{font-size:8px;letter-spacing:.1em}.chronicle-prose p{font-size:17px;line-height:1.85}.chronicle-reader-actions{flex-direction:column}.chronicle-reader-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){#world-reader .chronicle-progress span{transition:none}.chronicle-dialog{scroll-behavior:auto}}


#world-reader>header h3{font-family:'Chronicles Bodoni',Georgia,serif;font-weight:700;font-size:clamp(34px,5.9vw,83px);font-variation-settings:'opsz' 96;letter-spacing:-.06em;transform:scaleX(.88)}
#world-reader .chronicle-feature h4{font-family:'Chronicles Bodoni',Georgia,serif;font-weight:700;font-size:clamp(30px,4.3vw,62px);letter-spacing:-.06em;transform:scaleX(.85)}
#world-reader .chronicle-row-title{font-family:'Chronicles Bodoni',Georgia,serif;font-weight:500;font-size:clamp(16px,1.8vw,24px);letter-spacing:.04em}
#world-reader .chronicle-feature-art img{object-position:center 30%}
@media(max-width:600px){#world-reader>header h3{font-size:clamp(29px,8.6vw,48px);transform:none}#world-reader .chronicle-feature h4{font-size:42px}#world-reader .chronicle-row-title{font-size:19px}}

#world-reader>header h3,#world-reader .chronicle-feature h4{word-spacing:.14em}