.cover-art{width:min(100%,390px);height:100%;object-fit:cover;border:1px solid #54508e;box-shadow:0 24px 70px #000b,0 0 45px #6049b855;filter:saturate(.95)}

@media (max-width:760px){.cover-art{width:min(100%,300px)}}

@media (max-width:760px){
  .site-header{height:64px;padding:0 20px}
  .brand{font-size:.9rem}
  .site-header nav{display:none;position:absolute;top:64px;left:0;right:0;padding:12px 20px 18px;background:#0b0b18f7;border-bottom:1px solid var(--line);box-shadow:0 14px 30px #0008;flex-direction:column;gap:4px}
  .site-header.menu-open nav{display:flex}
  .site-header nav a{padding:8px 4px;font-size:.85rem}
  .hero{gap:1.5rem;padding:3rem 0 2.5rem}
  .hero-art{height:min(58vh,420px);margin-bottom:2rem}
  .hero-copy{min-width:0}
  .hero h1{font-size:clamp(2.5rem,12vw,4.2rem);word-break:keep-all}
  .hero h1 em{font-size:.6em}
  .lead{font-size:.95rem;line-height:1.9}
  .hero-actions{flex-wrap:wrap;margin:1.4rem 0}
  .hero-meta{font-size:.75rem}
}

.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-size:.72em;line-height:1;margin-top:.18em;letter-spacing:.01em}

@media (max-width:460px){.section-shell{width:min(100% - 32px,1120px)}.hero-art{height:340px;margin-bottom:2.5rem}.cover-art{width:260px}.hero-copy{padding-top:.5rem}.hero h1{font-size:2.7rem}.intro,.chapters,.characters{padding:4rem 0}.intro>p{font-size:.96rem}.character-card{padding:22px}.character-portrait{margin:-22px -22px 14px;width:calc(100% + 44px)}}

.reading-toggle{border:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 12px;font:600 .75rem 'Chakra Petch';cursor:pointer}.reading-toggle:hover,.reading-toggle[aria-pressed="true"]{border-color:var(--cyan);color:var(--ink);background:#1b1933}
body.reading-mode{background:#070711}body.reading-mode .hero,body.reading-mode .intro,body.reading-mode .characters,body.reading-mode footer{display:none}body.reading-mode .chapters{min-height:calc(100vh - 74px);padding-top:4rem}body.reading-mode .site-header{background:#090914f2}body.reading-mode .chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.reading-mode .chapter{min-height:110px;background:#111121;border-color:#35325b}body.reading-mode .chapter:hover{border-color:var(--cyan)}
@media (max-width:760px){.reading-toggle{width:100%;text-align:left;margin-top:8px;padding:9px 4px;border-width:0 0 1px}.site-header nav{padding-bottom:14px}body.reading-mode .chapters{padding-top:3rem}body.reading-mode .chapter-grid{grid-template-columns:1fr}}

/* Paper-like reading theme */
body.reading-mode{color:#332e28;background:#eee8dc}
body.reading-mode .stars{display:none}
body.reading-mode .site-header{background:#faf7f0;color:#332e28;border-bottom:1px solid #d8d0c3;box-shadow:0 2px 12px #8c7c6830}
body.reading-mode .brand,body.reading-mode .site-header nav a{color:#332e28}
body.reading-mode .site-header nav{background:#faf7f0;border-bottom-color:#d8d0c3}
body.reading-mode .brand-mark{color:#ad7524}
body.reading-mode .site-header nav a:hover{color:#8b5a18}
body.reading-mode .reading-toggle{border-color:#b99b6d;color:#6d4a1a;background:#f4ecdc}
body.reading-mode .section-heading .eyebrow{color:#8b641e}
body.reading-mode .section-heading h2{color:#332e28}
body.reading-mode .filter{color:#6f675d;border-color:#cfc4b4;background:#f7f3eb}
body.reading-mode .filter.active,body.reading-mode .filter:hover{color:#392f24;border-color:#a87a31;background:#ead9b9}
body.reading-mode .chapter{background:#fffdf8;color:#332e28;border-color:#d8cdbd;box-shadow:0 2px 8px #8b765515}
body.reading-mode .chapter:hover{background:#fffaf0;border-color:#ae8038;box-shadow:0 5px 14px #8b765525}
body.reading-mode .chapter .num{color:#9a6a20}
body.reading-mode .chapter h3{color:#332e28}
body.reading-mode .chapter .arc{color:#82766a}
body.reading-mode dialog#reader{background:#fffdf8;color:#332e28;border-color:#cdbda8}
body.reading-mode dialog#reader .reader-progress{color:#8b641e;border-color:#ded3c4}
body.reading-mode dialog#reader #reader-content p{color:#443c34}
body.reading-mode dialog#reader #reader-content h1{color:#8b5d18}
body.reading-mode dialog#reader .reader-nav{background:#f6f0e6;border-color:#ded3c4}
body.reading-mode dialog#reader .reader-close{background:#f4ecdf;color:#6d4a1a;border-color:#b99b6d}
body.reading-mode dialog#reader .reader-close:hover{background:#ead9b9;color:#4d3514;border-color:#9a6a20}
body.reading-mode dialog#reader .reader-nav button{background:#fffaf2;color:#6d4a1a;border-color:#c8b79f}
body.reading-mode dialog#reader .reader-nav button:hover:not(:disabled){background:#f0e2c8;color:#4d3514;border-color:#9a6a20}
body.reading-mode dialog#reader .reader-nav button.next{background:#d8b878;color:#332518;border-color:#a87a31}
body.reading-mode dialog#reader .reader-nav button.next:hover:not(:disabled){background:#cba65d;color:#24190f}
body.reading-mode dialog#doc-viewer{background:#fffdf8;color:#332e28;border-color:#cdbda8}
body.reading-mode dialog#doc-viewer .reader-progress{color:#8b641e;border-color:#ded3c4}
body.reading-mode dialog#doc-viewer #doc-content p{color:#443c34}
body.reading-mode dialog#doc-viewer .doc-close{background:#f4ecdf;color:#6d4a1a;border-color:#b99b6d}