/* Scene-led edition: lettering never covers the original faces or hands. */
/* Scene palette vars (only comic.html loads this file, so :root is page-scoped).
   Defaults reproduce the current look exactly. Tier 1 = chrome (overridden by
   the Chunmun theme); Tier 2 = paper system (promoted, not overridden). Deliberately
   NOT promoted: narration/voice gradient stops (#eee4d1/#e4d3b5/#baa789/#dfd0b7/#eee3cf/#ad9778),
   .scene-art bg #141515, balloon shadow #57432f18, memory (#efe0b9/#8c6d31), telepathy family —
   promote those only if the parchment itself is retinted. */
:root{--scene-frame:#161412;--scene-frame-line:#493b2e;--scene-btn-ink:#d0c3b5;--scene-btn-line:#544330;--scene-gold:#e6c995;--scene-gold-ink:#241a12;--scene-gold-soft:#dec28f;--scene-gold-soft-ink:#251d15;--scene-film:#211d18;--scene-film-line:#514332;--scene-plate:#151411;--scene-caption:#c8b79f;--scene-number:#b9a68e;--scene-hint:#b2a28d;--scene-hint-soft:#998a78;--scene-tag:#c7b496;--scene-tag-line:#514431;--scene-counter-bg:#17120ddd;--scene-counter-ink:#f9e7c9;--scene-paper:#e9ddc6;--scene-paper-line:#94846c;--scene-ink:#2b241d;--scene-balloon:#fff9eb;--scene-balloon-line:#57432f;--scene-cite:#78624b}
.comic-layout{max-width:1120px}.comic-layout .knowledge-intro{padding:36px 0 24px;max-width:760px}.comic-layout h1{font:500 clamp(38px,5.6vw,65px)/1.04 Georgia,serif;text-transform:none;letter-spacing:-.04em}.comic-layout .knowledge-intro .lead{max-width:620px;font-size:16px;line-height:1.65;margin-bottom:0}.comic-layout .eyebrow{margin-bottom:16px}.comic-layout .knowledge-note{font-size:12px;padding:12px 17px;margin-bottom:14px}
.comic-controls{position:static;padding:12px 0;gap:8px}.comic-controls label{flex-basis:320px}.comic-controls button{font-size:12px}.comic-heading{margin:20px 0}.comic-chapter-line{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.comic-chapter-line p{margin:0}.comic-source-tag{font:11px/1.5 system-ui;color:var(--scene-tag);border:1px solid var(--scene-tag-line);border-radius:20px;padding:4px 10px}.comic-heading h2{font:500 clamp(26px,4vw,38px)/1.15 Georgia,serif;letter-spacing:-.02em;margin-top:12px}.comic-heading>p{font:16px/1.65 Georgia,serif;max-width:720px;margin-bottom:0}.comic-layout #comic-progress{font:11px/1.5 monospace;margin:16px 0 0;color:var(--muted)}#comic-content{scroll-margin-top:20px}
.scene-reader{background:var(--scene-frame);border:1px solid var(--scene-frame-line);padding:14px;border-radius:8px;box-shadow:0 22px 65px #0004}.scene-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.view-toggle{display:flex;gap:4px}.scene-reader button{min-height:44px;background:transparent;color:var(--scene-btn-ink);border:1px solid var(--scene-btn-line);border-radius:4px;font:13px/1.4 system-ui;padding:8px 14px;cursor:pointer}.scene-reader button[aria-pressed=true]{background:var(--scene-gold);color:var(--scene-gold-ink);border-color:var(--scene-gold)}.scene-reader button:disabled{opacity:.35;cursor:default}.scene-reader button:hover:not(:disabled){border-color:var(--scene-gold)}.scene-number{color:var(--scene-number);font:12px monospace;white-space:nowrap}
.scene-paper{margin:0;background:var(--scene-paper);border:1px solid var(--scene-paper-line);color:var(--scene-ink);overflow:hidden;animation:scene-in .18s ease-out}.scene-narration{padding:16px 26px;border-bottom:1px solid #baa789;background:linear-gradient(110deg,#eee4d1,#e4d3b5)}.scene-narration:empty{display:none}.scene-narration p{font:500 clamp(18px,2.1vw,23px)/1.45 Georgia,serif;margin:0;max-width:780px;text-wrap:pretty}.scene-narration p+p{margin-top:8px}.scene-art{display:block;width:100%;height:auto;aspect-ratio:var(--art-ratio);max-height:480px;background:#141515;touch-action:pan-y pinch-zoom}.scene-art image{pointer-events:none}
.scene-voices{display:flex;align-items:flex-start;justify-content:space-evenly;flex-wrap:wrap;gap:22px;padding:23px 26px 20px;background:linear-gradient(#dfd0b7,#eee3cf);border-top:1px solid #ad9778}.scene-balloon{--balloon:var(--scene-balloon);position:relative;background:var(--balloon);color:var(--scene-ink);border:1.7px solid var(--scene-balloon-line);border-radius:42% 44% 40% 38% / 25% 32% 28% 35%;margin:0;padding:15px 25px;max-width:390px;flex:1 1 210px;box-shadow:2px 3px 0 #57432f18;text-align:center}.scene-balloon::before{content:'';position:absolute;top:-10px;left:25%;width:17px;height:17px;background:var(--balloon);border-top:1.7px solid var(--scene-balloon-line);border-left:1.7px solid var(--scene-balloon-line);transform:skew(18deg) rotate(45deg)}.scene-balloon p{font:500 clamp(17px,1.8vw,20px)/1.45 system-ui;margin:4px 0 0;text-wrap:pretty}.scene-balloon cite{position:relative;font:600 10px/1.4 system-ui;letter-spacing:.08em;text-transform:uppercase;color:var(--scene-cite);font-style:normal}.scene-balloon cite span{display:block;font-size:9px;font-weight:400;letter-spacing:.025em;text-transform:none}
.scene-balloon.telepathy{--balloon:#26334e;color:#f7f3e8;border-color:#8a9dbd;border-radius:38% 48% 38% 44%;box-shadow:0 0 0 3px #657c9c22}.scene-balloon.telepathy::before{border-color:#8a9dbd}.scene-balloon.telepathy cite{color:#c2cfe2}.scene-balloon.telepathy p{font-style:italic}.scene-balloon.thought{border-style:dotted;border-width:2px}.scene-balloon.thought::before{border-radius:50%;width:9px;height:9px;top:-15px;transform:none;border:1.5px solid var(--scene-balloon-line)}.scene-balloon.memory{--balloon:#efe0b9;border-radius:6px;border-color:#8c6d31}.scene-balloon.memory::before{display:none}.scene-balloon.sfx,.scene-balloon.count{flex:0 1 auto;background:none;border:0;box-shadow:none;padding:7px 18px;align-self:center}.scene-balloon.sfx::before,.scene-balloon.count::before{display:none}.scene-balloon.sfx p{font-weight:800;font-style:italic;letter-spacing:.06em}.scene-balloon.count p{font:600 26px Georgia,serif}
.scene-navigation{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0}.scene-navigation>span{font:12px/1.5 Georgia,serif;color:var(--scene-hint);text-align:center}.scene-navigation button:last-child{background:var(--scene-gold-soft);color:var(--scene-gold-soft-ink)}.scene-filmstrip{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px}.scene-filmstrip button{position:relative;flex:1 0 65px;max-width:155px;padding:3px;background:var(--scene-film);border:2px solid var(--scene-film-line);overflow:hidden}.scene-filmstrip button[aria-pressed=true]{border-color:var(--scene-gold);background:var(--scene-film)}.scene-filmstrip .scene-art{width:100%;height:57px;aspect-ratio:auto;max-height:none}.scene-filmstrip span{position:absolute;right:5px;bottom:5px;font:10px monospace;padding:2px 4px;background:var(--scene-counter-bg);color:var(--scene-counter-ink)}.reader-hint{font:11px/1.5 system-ui;color:var(--scene-hint-soft);text-align:center;margin:9px 0 0}
.comic-text{font-size:16px;margin:26px auto;max-width:none}.comic-text details{padding:15px 0;border-bottom:1px solid var(--line);margin:0}.comic-text summary{font-size:14px}.comic-text details>p,.reader-transcript section{max-width:780px}.reader-transcript h4{font:11px/1.5 monospace;color:var(--accent);margin:24px 0 6px}.comic-plate{margin:0;width:100%;background:var(--scene-plate)}.comic-plate img{width:100%;height:auto}.comic-plate figcaption{font:12px/1.6 system-ui;padding:12px 16px;color:var(--scene-caption)}.comic-bottom{margin:20px 0}.comic-bottom button{font-size:12px}.comic-appendix{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#comic-zoom .comic-plate{width:1600px;max-width:none}#comic-zoom .zoom-scroll{overflow:auto}
@keyframes scene-in{from{opacity:.6}to{opacity:1}}
@media(max-width:600px){.comic-layout{padding-inline:12px}.comic-layout .knowledge-intro{padding:25px 6px 20px}.comic-layout .knowledge-intro h1{font-size:38px}.comic-layout .knowledge-note{margin-inline:6px}.comic-controls label{order:-1;flex-basis:100%}.comic-controls{padding:10px 0}.comic-controls button{flex:1;padding:10px 8px}.comic-controls label{font-size:11px}.comic-heading{padding:0 5px}.comic-heading>p{font-size:15px}.scene-reader{padding:8px;border-radius:5px}.scene-toolbar{margin-bottom:8px}.scene-toolbar button{padding:8px 10px;font-size:12px}.scene-narration{padding:14px 16px}.scene-narration p{font-size:18px;line-height:1.5}.scene-art{max-height:55svh}.scene-voices{padding:23px 15px 18px;gap:24px}.scene-balloon{flex-basis:100%;padding:14px 22px}.scene-balloon p{font-size:17px}.scene-navigation{gap:8px;padding:12px 0}.scene-navigation>span{display:none}.scene-navigation button{flex:1}.scene-filmstrip button{flex-basis:62px}.scene-filmstrip .scene-art{height:47px}.comic-text{padding:0 6px}.comic-plate{margin:0;width:100%}}
@media(prefers-reduced-motion:reduce){.scene-paper{animation:none}}