/* Angel's Demon extras: character pop-ups, reading options, chapter quotes, song pills */
.cpop{cursor:pointer;border-bottom:1px dotted var(--gold);text-decoration:none;color:inherit}
.cpop:hover,.cpop:focus-visible{border-bottom-style:solid;color:var(--gold);outline:none}
.cpc{position:absolute;z-index:2147483000;width:min(320px,calc(100vw - 24px));background:var(--surface);color:var(--fg);border:1px solid var(--rule);border-top:3px solid var(--blood-hi);border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.55);padding:12px 14px;font:16px/1.45 var(--body);text-align:left;text-indent:0;hyphens:none}
.cpc .ct{display:flex;gap:12px;align-items:flex-start}
.cpc img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);flex:none;background:var(--surface2)}
.cpc b{display:block;font:600 15px var(--display);letter-spacing:.06em;color:var(--gold);margin-bottom:4px;text-transform:uppercase}
.cpc p{margin:0;font-size:15px}
.cpc .cf{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font:600 12px var(--display);letter-spacing:.08em;text-transform:uppercase}
.cpc .cf a{color:var(--gold)}
.cpc .cx{background:none;border:0;color:var(--muted);cursor:pointer;font:600 12px var(--display);letter-spacing:.08em;text-transform:uppercase;padding:4px 0}
.chq{max-width:var(--colw);margin:6px auto 14px;padding:4px 0 4px 16px;border-left:3px solid var(--gold);font-style:italic;color:var(--muted);font-size:18px;text-align:left}
.chq cite{display:block;margin-top:4px;font:600 12px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-style:normal}
.songpill{text-align:center;margin:8px 0}
.songpill a{display:inline-block;font:600 11px var(--display);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:5px 12px}
.songpill a:hover{background:rgba(217,178,124,.15)}
.fbar{flex-wrap:wrap}
.fbar .opt{font-size:12px;padding:7px 11px}
.rdone{color:var(--gold);margin-right:4px;font-weight:700}
.chlist li.isdone>a{opacity:.9}
.resume-home{text-align:center;margin:0 0 18px}
.resume-home a{display:inline-block;text-decoration:none;font:600 13px var(--display);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--blood-hi);border:1px solid #b8283d;border-radius:4px;padding:11px 18px;max-width:100%}
.resume-home small{display:block;font:500 14px var(--body);letter-spacing:0;text-transform:none;color:#f2e8dc;margin-top:2px}
.resume-home a:hover{background:#a31a30}
/* reading themes + spacing (chapter pages) */
:root[data-rt=sepia]{--bg:#f1e5cf;--bg2:#e8d9bd;--surface:#f7eedc;--surface2:#ecdfc4;--fg:#2b1d14;--muted:#6b5846;--rule:#c9b48f;--gold:#7a4a12;color-scheme:light}
:root[data-rt=light]{--bg:#faf7f2;--bg2:#f0ebe3;--surface:#ffffff;--surface2:#f0ebe3;--fg:#1c1417;--muted:#5d5055;--rule:#d8cdc4;--gold:#8a4a14;color-scheme:light}
:root[data-rt=sepia] .rbtn,:root[data-rt=light] .rbtn{color:#fff}
:root[data-rt=sepia] .rbtn.ghost,:root[data-rt=light] .rbtn.ghost{color:var(--fg)}
:root[data-rt=sepia] .rbtn.on,:root[data-rt=light] .rbtn.on{color:#fff;background:#7a4a12}
:root[data-lh=snug] .prose{line-height:1.45}
:root[data-lh=roomy] .prose{line-height:1.95}
.songs{text-align:center;margin:0 0 12px}.songs span{display:block;font:600 11px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}.songpill{margin:0 3px}

.fbar select.vsel{font:inherit;font-size:12px;padding:7px 8px;border-radius:6px;background:var(--surface);color:var(--gold);border:1px solid var(--rule);max-width:17rem;cursor:pointer}
:root[data-rt=sepia] .fbar select.vsel,:root[data-rt=light] .fbar select.vsel{background:#fff;color:#3a2a1a;border-color:#b9a78a}

.lbar{margin-top:8px}
#wnslot{max-width:var(--colw);margin:0 auto}
#wnslot .ag-banner{max-width:none;margin:12px auto 6px;text-align:center;border-left:0;border-top:3px solid #8c1426;border-bottom:1px solid #4a1a22}
.vt-box{text-align:left;max-width:520px}
.vt-box h2{text-align:center}
.vt-list{margin:6px 0 14px;padding-left:1.3em}.vt-list li{margin:4px 0}
.vt-note{font-size:.92em;opacity:.85}
.lbar{flex-wrap:nowrap}.lbar .opt{font-size:11.5px;padding:7px 10px;white-space:nowrap}.lbar select.vsel{font-size:11.5px;padding:7px 6px;max-width:11.5rem;min-width:0}.lbar select.rsel{max-width:8.5rem}
@media(max-width:620px){.lbar{flex-wrap:wrap}}

/* lighter reading themes: darker, heavier text so it stands out from the page */
:root[data-rt=sepia]{--fg:#180d06;--muted:#4a3827;--gold:#6a3a08;--rule:#b39d74}
:root[data-rt=light]{--fg:#0c0709;--muted:#3f3338;--gold:#74390a;--rule:#bfb2a6}
:root[data-rt=sepia] .prose,:root[data-rt=light] .prose{font-weight:500;-webkit-text-stroke:.25px currentColor}
:root[data-rt=sepia] .prose i,:root[data-rt=light] .prose i,:root[data-rt=sepia] .prose em,:root[data-rt=light] .prose em{-webkit-text-stroke:.45px currentColor}
:root[data-rt=sepia] .prose b,:root[data-rt=light] .prose b,:root[data-rt=sepia] .prose strong,:root[data-rt=light] .prose strong{font-weight:600;-webkit-text-stroke:.35px currentColor}
:root[data-rt=sepia] .prose .stamp,:root[data-rt=light] .prose .stamp{color:var(--muted)}
:root[data-rt=sepia] .crumbs,:root[data-rt=light] .crumbs,:root[data-rt=sepia] .rstat,:root[data-rt=light] .rstat,:root[data-rt=sepia] .fbar>span,:root[data-rt=light] .fbar>span{color:var(--muted);font-weight:600}
:root[data-rt=sepia] .chq,:root[data-rt=light] .chq{color:var(--fg)}

/* --- Oct 8: chapter coins (hover names only), centered quotes, bolder light themes --- */
.cast .row{justify-content:center}
.cast h3{text-align:center}
.cast .chip{width:auto}
.cast .chip .nm,.cast .chip small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cast .chip .ph,.cast .chip.small .ph{width:56px;height:56px}
.cast .chip .ph .ini,.cast .chip.small .ph .ini{font-size:17px}
.chq{border-left:0!important;padding:4px 0!important;text-align:center!important}
.chq cite{text-align:center}
.pg1only .chq,.chq blockquote{text-align:center}
:root[data-rt=sepia] .rbtn,:root[data-rt=light] .rbtn{background:#5a0f1c;border:2px solid #2b0509;color:#fff!important;font-weight:700}
:root[data-rt=sepia] .rbtn.ghost,:root[data-rt=light] .rbtn.ghost{background:#fffaf0;color:#120806!important;border:2px solid #3a1d08;font-weight:700}
:root[data-rt=sepia] .rbtn.on,:root[data-rt=light] .rbtn.on{background:#3a1d08;color:#fff!important;border-color:#120806}
:root[data-rt=sepia] .rbtn.ghost:hover,:root[data-rt=light] .rbtn.ghost:hover{background:#efe0c0}
:root[data-rt=sepia] .rbtn:disabled,:root[data-rt=light] .rbtn:disabled,:root[data-rt=sepia] .rbtn[disabled],:root[data-rt=light] .rbtn[disabled]{opacity:.55}
:root[data-rt=sepia] .cast,:root[data-rt=light] .cast,:root[data-rt=sepia] hr.trule,:root[data-rt=light] hr.trule{border-color:#8a7650}
:root[data-rt=sepia] .cast .chip .ph,:root[data-rt=light] .cast .chip .ph{border:2px solid #3a1d08}
:root[data-rt=sepia] .fbar button,:root[data-rt=light] .fbar button,:root[data-rt=sepia] .fbar select,:root[data-rt=light] .fbar select{border:2px solid #3a1d08;color:#120806;font-weight:700}
:root[data-rt=sepia] .sumlink a,:root[data-rt=light] .sumlink a{color:#4a1a02;font-weight:700}
:root[data-rt=black]{--bg:#000;--bg2:#050505;--surface:#0c0c0c;--surface2:#171717;--rule:#4a4a4a;--fg:#f4eee6;--muted:#c4bbb0;color-scheme:dark}
:root[data-rt=black] body{background:#000}
:root[data-rt=sepia] .fbar select.vsel,:root[data-rt=light] .fbar select.vsel{border:2px solid #3a1d08!important;color:#120806!important;font-weight:700}
:root[data-rt=sepia] .rbtn[disabled],:root[data-rt=light] .rbtn[disabled]{opacity:.6;color:#3a2a1a!important}

/* finished-chapter tick: sit in the left gutter instead of stacking above the row */
.chlist li{position:relative}
.chlist li>.rdone{position:absolute;left:-17px;top:50%;transform:translateY(-50%);margin:0;font-size:14px;line-height:1}