.story-hero{padding:60px 8vw 50px;background:linear-gradient(90deg,#071221ed,#0712219c),linear-gradient(0deg,#091322,transparent 60%),url(media/rain.jpg) center/cover}.story-hero h1{font-size:clamp(40px,5vw,65px);line-height:1.5;margin:18px 0}.story-hero h1 em{color:var(--gold);font-style:normal}.story-hero>p{color:#d4dce6}.story-count{display:flex;gap:35px;margin:30px 0}.story-count span{color:#c4d0de;font-size:14px}.story-count b{font:29px Georgia;color:var(--gold);margin-right:9px}.story-hero>.play,.story-hero>.outline{margin-right:10px}.story-introduction{max-width:1040px;margin:auto;padding:60px 7vw}.story-introduction>p:not(.eyebrow){font-size:17px;line-height:2.1;color:#cad8e5}.reader-section{max-width:1500px;margin:auto;padding:40px 6vw 70px}.reader-toolbar{display:flex;gap:15px;flex-wrap:wrap;border-block:1px solid var(--line);padding:20px 0;margin:23px 0}.reader-toolbar label{display:grid;gap:7px;font-size:13px;color:var(--muted);flex:1;min-width:130px}.reader-toolbar label:first-child{flex:2;min-width:200px}.reader-toolbar button{align-self:end}.reader-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:35px;align-items:start}.chapter-index{position:sticky;top:110px;max-height:calc(100vh - 135px);overflow:auto;scrollbar-color:#48617b #102338;padding-right:10px}.chapter-index button{display:block;width:100%;padding:16px;border:0;border-bottom:1px solid var(--line);background:#0e2134;text-align:left;font-size:15px}.chapter-index button small{display:block;color:var(--gold);font-size:12px;margin-bottom:5px}.chapter-index button[aria-pressed=true]{border-left:3px solid var(--teal);background:#244357;padding-left:13px}.chapter-index .index-group{color:#9fbdcf;font-size:13px;padding:20px 0 9px;margin:0}.story-reader{border:1px solid var(--line);background:#0e1f30;min-width:0;line-height:2.15;font-size:17px}.story-reader[data-font=large]{font-size:19px}.story-reader[data-font=xl]{font-size:21px}.story-chapter{padding:40px 44px;scroll-margin-top:105px}.story-chapter+.story-chapter{border-top:2px solid var(--gold)}.story-chapter>header{position:static;display:block;padding:0;background:none;border:0;backdrop-filter:none}.story-chapter>header h3{font-size:31px;line-height:1.55;margin:14px 0}.story-chapter>header p:not(.eyebrow){font-size:13px;color:var(--muted);margin:10px 0 25px}.story-scene{margin:28px 0;color:#afc4d4;font-size:13px;display:flex;align-items:center;gap:16px}.story-scene:before,.story-scene:after{content:"";height:1px;flex:1;background:var(--line)}.narrative{font-family:var(--serif);letter-spacing:.025em;margin:20px 0;color:#d8e2e8}.dialogue{margin:20px 0;padding:5px 0 5px 20px;border-left:2px solid var(--speaker,#a8bec9)}.dialogue b{display:block;font-size:.76em;letter-spacing:.08em;color:var(--speaker,#a8bec9);font-weight:500;margin-bottom:4px;font-family:inherit}.dialogue p{font-family:var(--serif);margin:0;letter-spacing:.025em;color:#f4ede0;line-height:2.05}.story-center{text-align:center;color:#e8d5b2;font:1.22em/2.1 var(--serif);padding:20px 0;margin:25px 0;border-block:1px solid var(--line)}.story-event{font-size:13px;color:var(--teal);padding:12px 16px;border:1px solid #8de6e537;background:#102e3c;display:block;margin:28px 0}.battle-story{padding:22px;background:#0b1728;border:1px solid var(--line);margin:30px 0}.battle-story>.eyebrow{font-size:11px}.battle-story h4{font:22px var(--serif);margin:10px 0;color:#e5d1a6}.battle-story>p{font-size:14px;color:#b6c7d9;line-height:1.8;margin:10px 0}.battle-story a{font-size:13px}.battle-story>details{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.battle-story summary{font-size:14px;color:var(--teal);cursor:pointer}.battle-story .voice-phase{margin:22px 0}.battle-story .voice-phase h5{font-size:13px;color:#a4c9d2;margin:10px 0}.battle-story .dialogue{font-size:.94em}.choice-story{background:#1a2d3e;border:1px solid #c3ad7e66;padding:22px;margin:30px 0}.choice-story>p{font:16px/1.9 var(--serif);color:#e4d2b2}.choice-story details{margin:15px 0;border-top:1px solid var(--line);padding-top:14px}.choice-story summary{font-size:14px;cursor:pointer;color:#d5dfdf}.choice-story .choice-ok{color:var(--teal)}.choice-story .narrative,.choice-story .dialogue{font-size:.95em}.story-cg{margin:30px -14px}.story-cg img{width:100%;height:auto;display:block;border:1px solid var(--line)}.story-cg figcaption{font-size:12px;color:var(--muted);margin-top:10px;text-align:center}.variant-story{border:1px solid var(--line);padding:16px 20px;margin:20px 0}.variant-story summary{font-size:14px;color:#bddce0;cursor:pointer}.variant-story .narrative{font-size:.94em}.reader-nav{display:flex;justify-content:space-between;gap:12px;margin:26px 0 0 300px;flex-wrap:wrap}.story-search-results{border:1px solid #8de6e550;padding:20px;margin:20px 0;background:#0e2438;max-height:400px;overflow:auto}.story-search-results button{display:grid;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:15px;font-size:15px;gap:7px}.story-search-results small{color:var(--gold);font-size:12px}.story-search-results span{color:#c4d6e4}.story-highlight{outline:2px solid var(--gold);outline-offset:8px;background:#e5ce8e16;scroll-margin-top:150px}.character-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.character-card{border:1px solid var(--line);padding:22px;background:#0e2235}.character-card img{width:100%;height:170px;object-fit:contain}.character-card h3{font-size:24px;margin:12px 0}.character-card .character-role{font-size:13px;color:var(--gold)}.character-card p{font-size:15px;color:#bccfde}.relationship-list{display:grid;grid-template-columns:1fr 1fr;gap:25px}.relationship-list article{border-top:1px solid var(--line);padding:18px 0}.relationship-list b{font-size:17px;color:var(--gold);font-weight:500}.relationship-list p{color:#c1d2e0;font-size:16px;line-height:1.9}.chronology-list{max-width:900px;margin:35px auto}.chronology-list article{display:grid;grid-template-columns:145px 1fr;gap:25px;padding-bottom:35px;position:relative}.chronology-list article>span{font-size:13px;color:var(--gold);text-align:right;padding-top:17px}.chronology-list article>div{border-left:1px solid #a0c6d86b;padding:0 0 0 25px}.chronology-list h3{font-size:23px;margin:8px 0 12px}.chronology-list p{font-size:16px;color:#bccddb;margin:0}.story-entry .outline{margin:13px 0 0;padding:10px 18px;min-height:42px}.guide-hero-art{top:40px}.story-hero .eyebrow{font-size:12px}
@media(max-width:1100px){.reader-layout{grid-template-columns:225px minmax(0,1fr);gap:23px}.story-chapter{padding:32px}.reader-nav{margin-left:248px}.character-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.reader-section{padding:35px 5vw}.reader-layout{grid-template-columns:1fr}.chapter-index{position:static;max-height:300px;overflow:auto;padding:0;border:1px solid var(--line)}#chapterIndex{display:grid;grid-template-columns:1fr 1fr}.chapter-index .index-group{grid-column:1/-1;padding:14px;margin:0;background:#091929}.chapter-index>.small-note{margin:14px}.reader-nav{margin-left:0}.reader-toolbar label{min-width:40%}.reader-toolbar label:first-child{min-width:100%}.reader-toolbar button{flex:1}.relationship-list{grid-template-columns:1fr}.story-introduction{padding:45px 6vw}.story-introduction>p:not(.eyebrow){font-size:16px}.reader-section .guide-heading h2{font-size:29px}}
@media(max-width:550px){.story-hero{padding:38px 24px}.story-hero h1{font-size:39px}.story-hero .eyebrow{font-size:10px;letter-spacing:.12em}.story-hero>p{font-size:15px}.story-count{gap:22px;justify-content:space-between;margin:23px 0}.story-count span{font-size:11px;display:grid}.story-count b{font-size:26px;margin:0}.story-hero>.play,.story-hero>.outline{padding:12px 15px;margin:4px 5px 4px 0;font-size:13px}.reader-section{padding:25px 20px 40px}.story-chapter{padding:25px 20px}.story-chapter>header h3{font-size:25px}.story-reader{font-size:16px}.story-reader[data-font=large]{font-size:18px}.story-reader[data-font=xl]{font-size:20px}.dialogue{padding-left:14px}.chapter-index button{padding:14px;font-size:14px}.chapter-index button small{font-size:10px}.chapter-index button[aria-pressed=true]{padding-left:11px}.chapter-index>.small-note{font-size:12px}.reader-nav{display:grid;grid-template-columns:1fr 1fr}.reader-nav #bookmarkStory{grid-row:2;grid-column:1/-1}.reader-nav button{font-size:13px;padding:12px}.story-center{font-size:1.1em}.choice-story,.battle-story{padding:18px 15px}.story-cg{margin:24px -5px}.character-cards{grid-template-columns:1fr}.character-card{display:grid;grid-template-columns:85px 1fr;gap:0 17px}.character-card img{grid-row:1/5;height:140px}.character-card h3{font-size:22px}.character-card p{font-size:14px;margin:6px 0}.character-card a{grid-column:2}.chronology-list article{grid-template-columns:1fr;gap:8px;padding-bottom:22px}.chronology-list article>span{text-align:left;padding:0}.chronology-list article>div{padding-left:17px}.chronology-list h3{font-size:21px}.chronology-list p{font-size:15px}.story-introduction .guide-note p{font-size:13px}}
@media print{.story-hero,.chapter-index,.reader-toolbar,.reader-nav,.story-search-results,.guide-details,.story-cg{display:none!important}.reader-layout{display:block}.story-reader{background:white}.story-chapter,.dialogue,.narrative{color:#111!important}.dialogue p,.dialogue b{color:#111!important}.story-chapter{break-before:page}}