@font-face{font-family:Comic;src:url('../fonts/BalsamiqSans-Regular.ttf')}@font-face{font-family:Comic;src:url('../fonts/BalsamiqSans-Bold.ttf');font-weight:700}@font-face{font-family:Kalam;src:url('../fonts/Kalam-Regular.ttf')}@font-face{font-family:Kalam;src:url('../fonts/Kalam-Bold.ttf');font-weight:700}
:root{color-scheme:dark;--paper:#f0e6d1;--ink:#2b211b;--gold:#cba66d;--letter:Comic,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#121413;color:#eae2d6;font-family:system-ui,sans-serif}html[lang=hi]{--letter:Kalam,serif}button,select{font:inherit}button,a,select{touch-action:manipulation}a{color:var(--gold)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #eaca80;outline-offset:5px}.skip{position:fixed;top:-70px;padding:14px;background:#111;z-index:20}.skip:focus{top:8px}header{position:sticky;top:0;z-index:5;background:#121413f5;border-bottom:1px solid #333832;padding:17px max(24px,calc((100vw - 1140px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;backdrop-filter:blur(12px)}.wordmark{text-decoration:none;color:#f1e3c9;font-size:18px;letter-spacing:.13em;font-weight:700;line-height:1.1}.wordmark span{font-weight:300}.wordmark small{display:block;font-size:9px;letter-spacing:.16em;margin-top:8px;color:#aaa795}nav{display:flex;gap:5px}nav button{border:1px solid #41453b;color:#c9cbbd;background:transparent;min-width:44px;padding:9px 11px;border-radius:3px;cursor:pointer}nav button[aria-pressed=true]{background:var(--paper);color:#24231d;border-color:var(--paper)}main{max-width:1140px;margin:auto;padding:0 24px}.intro{padding:74px 0 42px;max-width:900px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.18em;text-transform:uppercase}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,5.5vw,72px);letter-spacing:-.025em;line-height:1.06;margin:22px 0}.dek{font-size:19px;line-height:1.65;color:#c7c8bb;max-width:710px}.edition{display:flex;gap:18px;flex-wrap:wrap;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:24px 0}.editorial{font-size:13px;line-height:1.7;color:#a1a698;max-width:800px}.jump{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;margin-top:26px}.jump select{max-width:100%;background:#20241e;color:#e5ddca;border:1px solid #505343;padding:10px}article{margin:0 0 64px;scroll-margin-top:100px}.page-heading{display:flex;align-items:center;gap:17px;margin-bottom:15px}.folio{color:var(--gold);font-size:12px;letter-spacing:.12em}.page-heading h2{font-size:15px;font-weight:400;margin:0;color:#d1d0c1}.board{background:var(--paper);color:var(--ink);padding:14px;box-shadow:0 16px 55px #0006;border:1px solid #a18d65}.art-button{display:block;padding:0;border:0;background:#211e19;width:100%;cursor:zoom-in;line-height:0}.art-button img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.board.portrait{max-width:770px;margin-inline:auto}.lettering{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;padding:18px 7px 6px}.caption{font-family:var(--letter);font-size:21px;line-height:1.44;border:1.5px solid #4a3927;padding:15px 17px;background:#f8efd9;box-shadow:2px 3px 0 #b9a787}.speaker{display:block;font-size:12px;letter-spacing:.04em;font-weight:700;margin-bottom:7px;color:#705333}.caption p{margin:0}.caption.narrator{background:#e4cfa6}.source{max-width:770px;margin:16px auto 0;color:#a9ad9e;font-size:12px;line-height:1.75}.source summary{cursor:pointer;color:#bbaa85}.source .details{padding:9px 15px;border-left:1px solid #645d46}.source p{margin:7px 0}.source strong{color:#d1c7b3}.error{min-height:220px;display:grid;place-items:center;font:18px system-ui;color:#d8c6a7}.error[hidden]{display:none}footer{border-top:1px solid #414639;padding:30px 0 70px;line-height:1.7;color:#b3b7a6;font-size:14px}footer .small{font-size:11px;color:#8c927f;max-width:700px}dialog{position:fixed;width:min(96vw,1450px);max-height:95vh;background:#101210;color:#ead9b9;border:1px solid #827557;padding:40px 10px 10px}dialog::backdrop{background:#000d}dialog img{display:block;max-width:100%;max-height:80vh;margin:auto;object-fit:contain}dialog button{position:absolute;right:12px;top:3px;color:white;background:transparent;border:0;font-size:30px;cursor:pointer}dialog p{text-align:center;font-size:12px}html[lang=hi] .caption{font-size:22px;line-height:1.6}html[lang=hi] h1{line-height:1.35}html[lang=ru] h1{font-size:clamp(35px,5vw,64px)}
.art-button[hidden]{display:none}
/* Read a scene, hear its words, then see the response. Text never covers art. */
.panel-sequence .story-panel + .story-panel{margin-top:26px;padding-top:22px;border-top:1px solid #baa889}
.panel-sequence .panel-art{position:relative;overflow:hidden}
.panel-sequence .panel-art img{position:absolute;display:block;height:auto;max-width:none;max-height:none}
.panel-sequence .lettering{display:block;max-width:65ch;margin:0 auto;padding:23px 22px 12px}
.panel-sequence .caption{padding:0;border:0;box-shadow:none;background:transparent;font-size:22px;line-height:1.5}
.panel-sequence .caption + .caption{margin-top:16px}
.panel-sequence .speaker{margin-bottom:9px}
.panel-sequence .same-speaker .speaker{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.panel-sequence .key-line{font-weight:700}
.panel-sequence .caption.narrator{margin-top:22px;padding:16px 18px;background:#e4cfa6;border-left:3px solid #927343;font-size:19px}
.panel-sequence .silent-panel{padding-bottom:0}
html[lang=hi] .panel-sequence .caption{font-size:23px;line-height:1.65}
@media(max-width:600px){
 .panel-sequence .lettering{padding:16px 10px 8px}
 .panel-sequence .caption{font-size:20px;line-height:1.5}
 .panel-sequence .caption + .caption{margin-top:14px}
 .panel-sequence .story-panel + .story-panel{margin-top:20px;padding-top:16px}
 html[lang=hi] .panel-sequence .caption{font-size:22px}
}
@media print{.panel-sequence .story-panel{break-inside:avoid}.panel-sequence .panel-art img{max-height:none}.panel-sequence .caption{font-size:14px}}
.chapter-navigation{margin:0 0 34px;padding:18px 0;border-block:1px solid #414639}.chapter-navigation a{margin-left:auto}.metaphor-label,.event-label{font:12px/1.6 system-ui,sans-serif;color:#51483c;margin:0;padding:0 5px 11px}.event-label{color:#354c43;border-left:2px solid #697d64;padding-left:9px;margin-bottom:4px}
html[lang=en] .caption p,html[lang=ru] .caption p{text-transform:uppercase;font-size:.93em;letter-spacing:.015em}
@media(max-width:600px){header{padding:14px 16px;gap:12px}.wordmark{font-size:14px}.wordmark small{font-size:8px}nav button{padding:9px 8px;min-width:40px}main{padding:0 14px}.intro{padding-top:39px}h1{font-size:40px}.dek{font-size:16px}.board{padding:6px}.lettering{padding:10px 3px 3px;gap:10px;grid-template-columns:1fr}.caption{font-size:19px;padding:13px 14px}html[lang=hi] .caption{font-size:21px}.page-heading{gap:10px}article{margin-bottom:38px}.source{font-size:12px}.jump{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,.intro .jump,.source,footer,dialog{display:none!important}body{background:white;color:#222}main{max-width:none;padding:0}.intro{break-after:page}article{break-inside:avoid;page-break-after:always}.board{box-shadow:none}.caption{font-size:14px}.art-button img{max-height:210mm}.page-heading h2{color:#222}}