/* generated by tools/book_light_css.py from css/style.css - the light book styles (js/bookskin.js sets
   <html data-booklight>): dark ink on the bright pages. Do not edit; edit style.css and re-run. */
:root[data-booklight] :is(.bookwin, #charpanel) .btn.ghost { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .sk { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); }
:root[data-booklight] :is(.bookwin, #charpanel) .sk.owned { background: linear-gradient(180deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); }
:root[data-booklight] :is(.bookwin, #charpanel) .sk.locked { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); }
:root[data-booklight] :is(.bookwin, #charpanel) .sk .passive-tag { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .tip { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); }
:root[data-booklight] :is(.bookwin, #charpanel) .tip h4 small { color: #1f6fa8; }
:root[data-booklight] :is(.bookwin, #charpanel) .tip .meta { color: #223777; }
:root[data-booklight] :is(.bookwin, #charpanel) .tip p { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .tip .status { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .equip-label { color: #223777; }
:root[data-booklight] :is(.bookwin, #charpanel) .tree-hint { color: #223777; }
:root[data-booklight] :is(.bookwin, #charpanel) .pause-box { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); }
:root[data-booklight] :is(.bookwin, #charpanel) .theme-night.skinned .btn, :root[data-booklight] :is(.bookwin, #charpanel) .theme-night.skinned .btn.ghost { color: var(--bk-ink); }
:root[data-booklight] #worldmap .wm-panel { box-shadow: 0 6px 0 var(--ink), 0 18px 40px color-mix(in srgb, var(--bk-acc) 13%, transparent); }
:root[data-booklight] .skinned #worldmap .wm-panel { box-shadow: 0 18px 40px color-mix(in srgb, var(--bk-acc) 11%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .wm-mlv { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-card, :root[data-booklight] :is(.bookwin, #charpanel) .ci-statbox { background: color-mix(in srgb, var(--bk-acc) 16%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-hero-name b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-hero-name span { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-slot { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-slot { background: var(--img-slot-item, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)) center / 100% 100% no-repeat; }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-slot small { color: var(--bk-ink); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-slot.empty .ci-none { color: color-mix(in srgb, var(--bk-acc) 45%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-bar i { background: color-mix(in srgb, var(--bk-acc) 14%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-bar em { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-head > b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-pts { color: var(--bk-ink2); background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-pts b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-stat { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-sname b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-sname small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-sval { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-sval small { color: #397e1b; }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-plus { box-shadow: 0 3px 0 color-mix(in srgb, var(--bk-acc) 28%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-hint { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-dcell { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-dcell b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-dcell b small { color: #156384; }
:root[data-booklight] :is(.bookwin, #charpanel) .tree-tab { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); color: #112f88; }
:root[data-booklight] :is(.bookwin, #charpanel) .tree-tab .tt-count { color: #223977; }
:root[data-booklight] :is(.bookwin, #charpanel) .tp-head h3 { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .tp-head h3 small { color: #1f6fa8; }
:root[data-booklight] :is(.bookwin, #charpanel) .tp-head p { color: #1f367a; }
:root[data-booklight] :is(.bookwin, #charpanel) .tp-title { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .tp-title small { color: #223977; }
:root[data-booklight] :is(.bookwin, #charpanel) .sk-cost { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .sk-cost.short { color: #910808; }
:root[data-booklight] :is(.bookwin, #charpanel) .sk-name { color: #1f367a; }
:root[data-booklight] :is(.bookwin, #charpanel) .tree-wrap { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-sec h3 { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-sec h3 small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-mob { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-mname small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-check { color: #2f7d2a; }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-empty { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-toggle { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-tlabel small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-skill { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-slider { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-slabel b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-note { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) #party .pt-head { background: color-mix(in srgb, var(--bk-acc) 23%, transparent); color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) #party .pt-leave { color: #912308; }
:root[data-booklight] :is(.bookwin, #charpanel) #party .pt-row { background: color-mix(in srgb, var(--bk-acc) 23%, transparent); color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) #party .pt-row:hover { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); }
:root[data-booklight] :is(.bookwin, #charpanel) #party .pt-name small { color: #223d77; }
:root[data-booklight] :is(.bookwin, #charpanel) #party .pt-crown { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) #party .pt-hp { background: color-mix(in srgb, var(--bk-acc) 14%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) #party .pt-map { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-plus-n { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-goldchip { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-tab { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-gslot { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-foot { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-hint { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-note { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-ihead img { background: color-mix(in srgb, var(--bk-acc) 16%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-ihead small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-stats li { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-stats li span { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-stats li b.short { color: #910808; }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-stats em.up { color: #2a7e1b; }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-stats em.down { color: #910808; }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-desc { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-price { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-listbox input, :root[data-booklight] :is(.bookwin, #charpanel) .eco-mgrade { background: color-mix(in srgb, var(--bk-acc) 18%, transparent); color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-listbox small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-row { background: color-mix(in srgb, var(--bk-acc) 12%, transparent); color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-rname small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-enh { background: color-mix(in srgb, var(--bk-acc) 14%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-enh-to { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-enh-to b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-rate b { color: #2a7e1b; }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-enh-res.ok { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-enh-res.fail { color: #223277; }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-enh-res.down { color: #910808; }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-fuse small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-chip { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ct-rw .eco-goldchip, :root[data-booklight] :is(.bookwin, #charpanel) .ct-bonus .eco-goldchip { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ct-ok { color: #2a7e1b; }
:root[data-booklight] :is(.bookwin, #charpanel) .ct-live { color: #911808; }
:root[data-booklight] :is(.bookwin, #charpanel) .bm-rest { color: #9a2a16; }   /* (the boss menu's rest / next-boss times: js/content.js) */
:root[data-booklight] :is(.bookwin, #charpanel) .bm-up { color: #2a7e1b; }
:root[data-booklight] :is(.bookwin, #charpanel) .bm-next { color: #8a2a18; background: rgba(160, 50, 30, 0.12); box-shadow: inset 0 0 0 1px rgba(160, 50, 30, 0.3); }
:root[data-booklight] :is(.bookwin, #charpanel) .ct-hero { background: color-mix(in srgb, var(--bk-acc) 14%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ct-hero small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ct-rank { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ct-mem small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ct-card { background: color-mix(in srgb, var(--bk-acc) 14%, transparent); color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ct-card small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ct-from { color: var(--bk-acc) !important; }
:root[data-booklight] :is(.bookwin, #charpanel) .ct-coll { background: color-mix(in srgb, var(--bk-acc) 12%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ct-coll-h span { color: #2a7e1b; }
:root[data-booklight] :is(.bookwin, #charpanel) .sk .sk-lv { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); color: #087591; }
:root[data-booklight] :is(.bookwin, #charpanel) .sk .sk-lv.max { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .tip .sk-up b { color: #578811; }
:root[data-booklight] :is(.bookwin, #charpanel) .tip .sk-up span { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .tip .sk-up em { color: #910808; }
:root[data-booklight] :is(.bookwin, #charpanel) .hub-sec h3 { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .hub-tile { background: linear-gradient(180deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); color: var(--bk-ink); box-shadow: 0 3px 0 color-mix(in srgb, var(--bk-acc) 28%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .hub-help summary { color: var(--bk-ink2); }
:root[data-booklight] #eco .cr-xp { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #eco .eco-row.recipe .cr-can { color: #348a0f; }
:root[data-booklight] #eco .cr-wpn { background: color-mix(in srgb, var(--bk-acc) 6%, transparent); }
:root[data-booklight] #eco .cr-odds span { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #eco .cr-odds i { background: color-mix(in srgb, var(--bk-acc) 6%, transparent); }
:root[data-booklight] #eco .cr-bar { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #eco .cr-ri { background: color-mix(in srgb, var(--bk-acc) 6%, transparent); }
:root[data-booklight] #content .tw-bar { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #content .tw-chip { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #content .tw-step { background: color-mix(in srgb, var(--bk-acc) 6%, transparent); }
:root[data-booklight] #content .tw-step.got em { color: #2f7b1e; }
:root[data-booklight] #content .tw-step.next em { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) #tw-card .tw-in { background: linear-gradient(180deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); box-shadow: 0 10px 30px color-mix(in srgb, var(--bk-acc) 13%, transparent), 0 0 24px rgba(242, 193, 78, 0.35); color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) #tw-card.big .tw-in { box-shadow: 0 10px 30px color-mix(in srgb, var(--bk-acc) 13%, transparent), 0 0 36px rgba(255, 179, 64, 0.6); }
:root[data-booklight] #eco .eco-trait b { color: var(--bk-acc); }
:root[data-booklight] #eco .eco-trait em { color: #348a0f; }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-lost { color: #910808 !important; }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-tab { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-note { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-note b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-sgroup > b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-srow { background: color-mix(in srgb, var(--bk-acc) 8%, transparent); color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-srow b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-srow b small { color: #397e1b; }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-srow.own b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-wcard b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-wcard small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-xp { background: color-mix(in srgb, var(--bk-acc) 14%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-eng { background: color-mix(in srgb, var(--bk-acc) 8%, transparent); color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-eng > b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-eng span b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-relic { background: color-mix(in srgb, var(--bk-acc) 8%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-relic b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-relic b small { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-relic small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-relic em { color: #397e1b; }
:root[data-booklight] #content .ct-et-cur em.ok { color: #397e1b; }
:root[data-booklight] #content .ct-et-cur em.short { color: #910808; }
:root[data-booklight] #content .cl-prog span b { color: var(--bk-acc); }
:root[data-booklight] #content .cl-tab { color: color-mix(in srgb, var(--bk-acc) 60%, transparent); }
:root[data-booklight] #content .cl-q { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #content .cl-fav { color: color-mix(in srgb, var(--bk-acc) 30%, transparent); }
:root[data-booklight] #content .cl-tier { color: color-mix(in srgb, var(--bk-acc) 55%, transparent); }
:root[data-booklight] #content .cl-mat { color: var(--bk-ink); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-opts, :root[data-booklight] :is(.bookwin, #charpanel) .eco-set { background: color-mix(in srgb, var(--bk-acc) 7%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-opts > b, :root[data-booklight] :is(.bookwin, #charpanel) .eco-set > b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-opts .q0 em { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-opts .q1 em { color: #227c1d; }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-opts .q2 em { color: #085191; }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-opts .q3 em { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-opts.unk > span { color: color-mix(in srgb, var(--bk-acc) 45%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-opts small, :root[data-booklight] :is(.bookwin, #charpanel) .eco-set small { color: color-mix(in srgb, var(--bk-acc) 60%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-set > span { color: color-mix(in srgb, var(--bk-acc) 42%, transparent); }
:root[data-booklight] #questbook .qb-card { background: color-mix(in srgb, var(--bk-acc) 14%, transparent); }
:root[data-booklight] #questbook .qb-card h3 { color: var(--bk-acc); }
:root[data-booklight] #questbook .qb-ch { color: #156384; }
:root[data-booklight] #questbook .qb-who { color: var(--bk-acc); }
:root[data-booklight] #questbook .qb-say { color: var(--bk-ink); }
:root[data-booklight] #questbook .q-goal { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #questbook .q-goal b { color: var(--bk-ink); }
:root[data-booklight] #questbook .q-goal.done span { color: #3f7a1f; }
:root[data-booklight] #questbook .q-goal.done b { color: #2a7e1b; }
:root[data-booklight] #questbook .qb-lock { color: #913b08; }
:root[data-booklight] #questbook .qb-rw .eco-goldchip { color: var(--bk-acc); }
:root[data-booklight] #questbook .qb-sub { color: var(--bk-acc); }
:root[data-booklight] #questbook .qb-past { color: #3f7a1f; }
:root[data-booklight] #questbook .qb-chrow { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #questbook .qb-chrow span { color: #156384; }
:root[data-booklight] #questbook .qb-chrow small { color: var(--bk-ink2); }
:root[data-booklight] #questbook .qb-chrow.done span { color: #2a7e1b; }
:root[data-booklight] #questbook .qb-need { color: #913808; }
:root[data-booklight] #questbook .qb-prow { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #questbook .qb-prow small { color: var(--bk-ink2); }
:root[data-booklight] #questbook .qb-prow span { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) #lootfeed .lf-row { background: color-mix(in srgb, var(--bk-acc) 23%, transparent); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] :is(.bookwin, #charpanel) .sk-cell.other .sk-cost { color: #774922; }
:root[data-booklight] :is(.bookwin, #charpanel) .tp-head .tp-lock { color: #913a08; }
:root[data-booklight] #eco .forgemode .eco-side { background: color-mix(in srgb, var(--bk-acc) 18%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-tabs button { color: color-mix(in srgb, var(--bk-acc) 50%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-tabs button:not(.on):hover { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-side small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-slot { background: linear-gradient(160deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--bk-acc) 28%, transparent), inset 0 0 0 3px color-mix(in srgb, var(--bk-acc) 25%, transparent), inset 0 0 18px var(--gc); color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-slot > em { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-slot em.cnt { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-plusmark { color: color-mix(in srgb, var(--bk-acc) 35%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-dropmark { color: color-mix(in srgb, var(--bk-acc) 30%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-matslot.short em.cnt { color: #911a08; }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-two span em.cnt { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-diamond { background: linear-gradient(135deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--bk-acc) 28%, transparent), 0 0 0 9px rgba(201, 162, 74, 0.18), 0 0 30px rgba(242, 193, 78, 0.2); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-res.fail { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-res.many { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-tabs .fg-fast { color: color-mix(in srgb, var(--bk-acc) 60%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-to { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-to i { color: #775d22; }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-to b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-to.dim, :root[data-booklight] :is(.bookwin, #charpanel) .fg-to .dim { color: color-mix(in srgb, var(--bk-acc) 35%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-rows li span::before { color: #775d22; }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-rows li b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-rows li b i { color: #775d22; }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-rows li b em { color: #227c1d; }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-note { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-scroll { background: color-mix(in srgb, var(--bk-acc) 18%, transparent); color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-mcell { background: color-mix(in srgb, var(--bk-acc) 18%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-mcell em { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-rates { background: color-mix(in srgb, var(--bk-acc) 22%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-rates b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-rates small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-rates span em { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-rates span i { color: #911a08; }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-auto label { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-auto select { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-big { box-shadow: 0 0 0 3px color-mix(in srgb, var(--bk-acc) 28%, transparent), inset 0 2px 0 rgba(255, 255, 255, 0.15), 0 4px 0 color-mix(in srgb, var(--bk-acc) 28%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-big.alt { background: linear-gradient(180deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-big:active:not([disabled]) { box-shadow: 0 0 0 3px color-mix(in srgb, var(--bk-acc) 28%, transparent), 0 2px 0 color-mix(in srgb, var(--bk-acc) 28%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-big small { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-chance { background: color-mix(in srgb, var(--bk-acc) 21%, transparent); color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-rail button { background: color-mix(in srgb, var(--bk-acc) 21%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-rail button b { color: color-mix(in srgb, var(--bk-acc) 60%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-matbar { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-mats span em { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-mats span em.short { color: #911a08; }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-buy { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-switch { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-switch i::after { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-small { background: linear-gradient(180deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); color: var(--bk-acc); box-shadow: 0 0 0 2px color-mix(in srgb, var(--bk-acc) 28%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fgb-cell { background: linear-gradient(160deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--bk-acc) 25%, transparent); color: color-mix(in srgb, var(--bk-acc) 28%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fgb-cell em { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] :is(.bookwin, #charpanel) .fgb-cell.done::after { color: #227c1d; }
:root[data-booklight] :is(.bookwin, #charpanel) .fgb-mat { background: linear-gradient(160deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--bk-acc) 28%, transparent), inset 0 0 0 3px color-mix(in srgb, var(--bk-acc) 25%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fgb-matwrap small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .fgb-matwrap small b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .fgb-matwrap small b.short { color: #911a08; }
:root[data-booklight] :is(.bookwin, #charpanel) .fgb-goals button { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .fgb-goals button:hover { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .fgb-goals button.risk { color: #912108; }
:root[data-booklight] :is(.bookwin, #charpanel) .fgb-msg { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-prio { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-prio-h { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-prio-h small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-prio-row { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-prio-name small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-prio-btn { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-prio-btn.rm { color: #911f08; }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-prio-none { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-prio-hint { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ac-prio-chip b { color: var(--bk-acc); }
:root[data-booklight] #tree .tip { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); box-shadow: 0 0 0 2px color-mix(in srgb, var(--bk-acc) 28%, transparent), 0 14px 32px color-mix(in srgb, var(--bk-acc) 15%, transparent); }
:root[data-booklight] #tree .tip-x { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .sk-ghost { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); box-shadow: 0 10px 24px color-mix(in srgb, var(--bk-acc) 14%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-vpick { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-vpick button { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-cp { background: linear-gradient(180deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--bk-acc) 28%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.12); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-cpmain small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-cpmain b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-cpmain b i { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-cpparts span { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-cpparts b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-kcell { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-kcell b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-panel:is(.ci-v2, .ci-v3, .ci-v4, .ci-v5) :is(.ci-stat-list, .ci-pane) { background: color-mix(in srgb, var(--bk-acc) 16%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-v3 :is(.ci-hero-name, .ci-key) { background: linear-gradient(180deg, color-mix(in srgb, var(--bk-acc) 18%, transparent), color-mix(in srgb, var(--bk-acc) 18%, transparent)); }
:root[data-booklight] #charpanel .ci-panel.ci-v5 { background: linear-gradient(180deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--bk-acc) 28%, transparent), 0 20px 50px color-mix(in srgb, var(--bk-acc) 17%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-v5 .panel-head h2 { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-v5 .ci-hero-name b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-v5 .ci-cpmain b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-v5 :is(.ci-sname b, .ci-head > b, .ci-sgroup > b) { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-modes button { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-vpick { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-vpick button { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-one, :root[data-booklight] :is(.bookwin, #charpanel) .ap-many { background: color-mix(in srgb, var(--bk-acc) 15%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-slot { background: radial-gradient(circle, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--bk-acc) 28%, transparent), 0 0 18px color-mix(in srgb, var(--gc, #c9a24a) 45%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-slot b { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-slot.empty span { color: color-mix(in srgb, var(--bk-ink) 35%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-name small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-q, :root[data-booklight] :is(.bookwin, #charpanel) .ap-o { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-q { color: color-mix(in srgb, var(--bk-ink) 45%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-o.q0 b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-o.q1 b { color: #2a7e1b; }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-o.q2 b { color: #085691; }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-o.q3 b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-o i { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-done { color: #397e1b; }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-cost { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-go { box-shadow: 0 4px 0 color-mix(in srgb, var(--bk-acc) 28%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-mhead small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-cell { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-filter { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-filter button { background: color-mix(in srgb, var(--bk-acc) 8%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-sum { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-sum .short { color: #911a08; }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-results > b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-rrow { background: color-mix(in srgb, var(--bk-acc) 8%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-rrow small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-rrow i { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-lhead { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-lhead small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-note { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-v3 .ap-o.q3 b { color: #8c610d; }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-v5 .ap-go { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-v6 .ap-q { color: #774d22; }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-v6 .ap-o.q3 b { color: #8c610d; }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-v9 :is(.ap-one, .ap-many) { background: linear-gradient(180deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-v9 .ap-slot { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-v9 .ap-name b { color: var(--bk-acc) !important; }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-qm { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-one.cast .ap-q { background: linear-gradient(90deg, color-mix(in srgb, var(--bk-acc) 9%, transparent) 35%, color-mix(in srgb, var(--gc) 40%, transparent) 50%, color-mix(in srgb, var(--bk-acc) 9%, transparent) 65%); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-cost.ap-casting { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-pt.star { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-cell em { box-shadow: 0 0 0 2px color-mix(in srgb, var(--bk-acc) 28%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-minus { box-shadow: 0 3px 0 color-mix(in srgb, var(--bk-acc) 28%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-pendv { color: #397e1b; }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-prev { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-prev small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-prev b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-prev i { color: #397e1b; }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-prev .cp b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-confirm.idle { background: color-mix(in srgb, var(--bk-acc) 6%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-idle { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-pop { background: linear-gradient(180deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); box-shadow: 0 10px 28px color-mix(in srgb, var(--bk-acc) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.08); color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-pop-x { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-pop-h b { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-pop-h small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-pop-what { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-pop-sub { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-pop-gains li b { color: #397e1b; }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-pop-gains li.cp b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-pop-note { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) #admin-panel .adm-danger.btn { color: var(--bk-ink); }
:root[data-booklight] #charpanel .ci-cap { color: var(--bk-ink2); }
:root[data-booklight] #charpanel .ci-cap.full { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) #bdg-track .bt-head b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) #bdg-track .bt-time { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) #bdg-track .bt-time.low { color: #911308; }
:root[data-booklight] :is(.bookwin, #charpanel) #bdg-track .bt-list li.done { color: #3a7f1a; }
:root[data-booklight] :is(.bookwin, #charpanel) #bdg-track .bt-list li.cur { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) #bdg-track .bt-list li.wait { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) #bdg-track .bt-hint { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-panel { background: linear-gradient(180deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--bk-acc) 28%, transparent), inset 0 0 0 1px rgba(255, 214, 140, 0.18), 0 18px 40px color-mix(in srgb, var(--bk-acc) 17%, transparent); }
:root[data-booklight] #bdg .panel-head h2 { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #bdg .bdg-tabs button { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-hero { background: radial-gradient(ellipse 60% 62% at 60% 58%, var(--tg), transparent 72%), radial-gradient(ellipse at 50% 120%, color-mix(in srgb, var(--bk-acc) 6%, transparent), color-mix(in srgb, var(--bk-acc) 22%, transparent)), linear-gradient(180deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); }
:root[data-booklight] #bdg .bdg-hero::after { background: linear-gradient(180deg, color-mix(in srgb, var(--bk-acc) 22%, transparent) 0%, transparent 30%, transparent 58%, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8) 100%); }
:root[data-booklight] #bdg .bdg-name b { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #bdg .bdg-name span { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-traits span { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #bdg .bdg-foot p { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-foot p small { color: var(--bk-ink2); }
:root[data-booklight] #bdg .bdg-teambox > small { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-teambox > span { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-teambox > b.bad { color: #911608; }
:root[data-booklight] #bdg .bdg-teambox a { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-team em { color: #3d8613; }
:root[data-booklight] #bdg .bdg-team em.bad { color: #911908; }
:root[data-booklight] #bdg .bdg-mates button { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-cpbox small { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-cpbox b { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-cpbox span { color: #397e1b; }
:root[data-booklight] #bdg .bdg-cpbox.warn span { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-cpbox.bad span { color: #911608; }
:root[data-booklight] #bdg .bdg-facts small { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-facts b { color: var(--bk-ink); }
:root[data-booklight] #bdg .bdg-facts b.bad { color: #911608; }
:root[data-booklight] #bdg .bdg-facts span { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-rewards { background: color-mix(in srgb, var(--bk-acc) 8%, transparent); }
:root[data-booklight] #bdg .bdg-rhead h4 { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-rtabs button { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-rw-it { background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), color-mix(in srgb, var(--bk-acc) 8%, transparent)); box-shadow: inset 0 0 14px color-mix(in srgb, var(--bk-acc) 13%, transparent); }
:root[data-booklight] #bdg .bdg-rw-it:hover, :root[data-booklight] #bdg .bdg-rw-it:focus-visible { box-shadow: 0 0 14px var(--gc), inset 0 0 14px color-mix(in srgb, var(--bk-acc) 13%, transparent); }
:root[data-booklight] #bdg .bdg-rw-it .q { color: var(--bk-ink); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #bdg .bdg-rw-it em { box-shadow: 0 1px 0 color-mix(in srgb, var(--bk-acc) 14%, transparent); }
:root[data-booklight] #bdg .bdg-rnote { color: var(--bk-ink2); }
:root[data-booklight] #bdg .rc-name small { color: var(--bk-acc); }
:root[data-booklight] #bdg .rc-rows dt { color: var(--bk-acc); }
:root[data-booklight] #bdg .rc-rows dd { color: var(--bk-ink); }
:root[data-booklight] #bdg .rc-rows dd em { color: var(--bk-acc); }
:root[data-booklight] #bdg .rc-desc { color: var(--bk-acc); }
:root[data-booklight] #bdg .rc-note { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-cpbox.warn strong { color: var(--bk-acc); }
:root[data-booklight] #bdg .bdg-cpbox.bad strong { color: #911608; }
:root[data-booklight] #bdg .bdg-name p { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #bdg .bdg-foot p small { color: var(--bk-ink2); }
:root[data-booklight] #charpanel .bk { color: var(--bk-ink); }
:root[data-booklight] #charpanel .bk-title { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #charpanel .bk-bgpick { color: var(--bk-acc); }
:root[data-booklight] #charpanel .bk-bgpick button { color: var(--bk-ink); }
:root[data-booklight] #charpanel .bk-pageno { color: var(--bk-acc); }
:root[data-booklight] #charpanel .bk-pts { color: var(--bk-acc); }
:root[data-booklight] #charpanel .bk-pts b { color: var(--bk-acc); }
:root[data-booklight] #charpanel .bk-restore { color: #910808 !important; }
:root[data-booklight] #charpanel .bk-sname small { color: var(--bk-acc); }
:root[data-booklight] #charpanel .bk-sval small { color: var(--bk-acc); }
:root[data-booklight] #charpanel .bk-sval small.full { color: var(--bk-acc); }
:root[data-booklight] #charpanel .bk-sval u { color: #248910; }
:root[data-booklight] #charpanel .bk-sval s { color: #910808; }
:root[data-booklight] #charpanel .bk-stat.pend .bk-sval b { color: #248910; }
:root[data-booklight] #charpanel .bk-minus { color: var(--bk-ink) !important; background: color-mix(in srgb, var(--bk-acc) 14%, transparent) !important; }
:root[data-booklight] #charpanel .bk-btn { color: var(--bk-acc) !important; }
:root[data-booklight] #charpanel .bk-tab { color: var(--bk-acc) !important; }
:root[data-booklight] #charpanel .bk-sgroup h4 { color: var(--bk-acc); }
:root[data-booklight] #charpanel .bk-sgroup h4 small { color: var(--bk-acc); }
:root[data-booklight] #charpanel .bk-srow { color: var(--bk-acc); }
:root[data-booklight] #charpanel .bk-srow b { color: var(--bk-ink); }
:root[data-booklight] #charpanel .bk-srow b small { color: #397e1b; }
:root[data-booklight] #charpanel .bk-note { color: var(--bk-acc); }
:root[data-booklight] #charpanel .bk-note b { color: var(--bk-acc); }
:root[data-booklight] #charpanel .bk-wcard small { color: var(--bk-acc); }
:root[data-booklight] #charpanel .bk-eng, :root[data-booklight] #charpanel .bk-relic { color: var(--bk-acc); }
:root[data-booklight] #charpanel .bk-relic small { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) #lootfeed .lf-row { background: color-mix(in srgb, var(--bk-acc) 25%, transparent); }
:root[data-booklight] #ui .bookwin .panel.bkx { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .panel-head h2, :root[data-booklight] #ui .bookwin .bk-title { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bookwin .bk-pageno { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .btn { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin :is(.eco-tab, .tree-tab, .wm-tab, .bdg-tabs button, .av-tabs .btn, .ap-tabs button, .fg-tabs button) { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-hint, :root[data-booklight] #ui .bookwin .eco-note { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-goldchip { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pause .hub-sec h3 { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bw-pause .hub-sec h3 em { color: var(--bk-ink); }
:root[data-booklight] #ui .bw-pause .hub-tile { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pause .hub-tile:has(.hub-badge:not([hidden]):not(.net)) span { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pause .hub-tile:hover:not(.off) span { color: var(--bk-ink); }
:root[data-booklight] #ui .bw-pause .pause-actions .btn::before { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pause .hub-settings .row { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pause .hub-help summary { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-autocfg .ac-sec h3 { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-tree .tp-head h3 { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-tree .tp-head p { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-head { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-head b { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-zones { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-zones span { color: #397e1b; }
:root[data-booklight] #ui .bw-worldmap .wm-actions .btn { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-sec h4 { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-sec h4 small { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mrow { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mrow img { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); }
:root[data-booklight] #ui .bookwin .ct-card { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); color: var(--bk-acc); }
:root[data-booklight] #ui #select.bookwin { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #ui .bw-pick .bk-picknote { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pick .class-card { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pick .class-card h3 { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pick .class-card h3 small { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pick .bk-pickinfo { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pick .bk-pickinfo h3 { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pick .bk-pickinfo h3 small { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pick .bk-pickinfo p { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pick .bk-pickinfo .skill-mini div { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pick .bk-pickinfo .skill-mini canvas { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); }
:root[data-booklight] #ui .bw-pick .bk-pickinfo .skill-mini .more-line { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-avatar.av-making .av-name { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-avatar.av-making .av-name input { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); color: var(--bk-ink); }
:root[data-booklight] #ui .bw-avatar .av-note { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-avatar .av-tile { background: color-mix(in srgb, var(--bk-acc) 16%, transparent); color: var(--bk-acc); }
:root[data-booklight] #ui .bw-eco .eco-sechead b { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-eco .eco-sechead span { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-eco .eco-warehint { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bk-acc) 30%, transparent); color: var(--bk-ink); }
:root[data-booklight] #ui .bw-eco .eco-gslot small { color: var(--bk-ink); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bw-eco .eco-gslot:has(.eco-cell.empty) small { color: var(--bk-ink2); }
:root[data-booklight] #ui .bw-eco .eco-foot { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-eco .eco-foot b { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-ihead { background: linear-gradient(90deg, rgba(var(--gl, 200, 190, 170), 0.18), color-mix(in srgb, var(--bk-acc) 6%, transparent) 70%); }
:root[data-booklight] #ui .bookwin .eco-ihead b { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bookwin .eco-ihead .eco-plusname { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-chips i { background: color-mix(in srgb, var(--bk-acc) 14%, transparent); color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-chips i.cls { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-chips i.lk { color: #911908; }
:root[data-booklight] #ui .bookwin .eco-classnote { color: #084a91; }
:root[data-booklight] #ui .bookwin .eco-cmpnote { color: var(--bk-ink2); }
:root[data-booklight] #ui .bookwin .eco-main-stats li { background: color-mix(in srgb, var(--bk-acc) 12%, transparent); }
:root[data-booklight] #ui .bookwin .eco-main-stats li span { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-main-stats li b { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .eco-main-stats em.up { color: #248910; }
:root[data-booklight] #ui .bookwin .eco-main-stats em.down { color: #910808; }
:root[data-booklight] #ui .bookwin :is(.eco-trait, .eco-opts, .eco-set) { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #ui .bookwin :is(.eco-trait, .eco-opts, .eco-set) > b { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-trait > b { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-trait > span { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-trait em { color: #248910; }
:root[data-booklight] #ui .bookwin .eco-opts > span { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-set > b small { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .eco-set > span { color: color-mix(in srgb, var(--bk-acc) 45%, transparent); }
:root[data-booklight] #ui .bookwin .eco-price { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-act-more .eco-lockbtn { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .eco-listbox { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-listbox input { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); }
:root[data-booklight] #ui .bookwin .eco-hint { color: var(--bk-ink); }
:root[data-booklight] #ui .bw-eco .eco-side > .eco-bagacts { background: linear-gradient(rgba(22, 20, 25, 0), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8) 14px); }
:root[data-booklight] #ui .bw-eco .eco-kind { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); color: var(--bk-acc); }
:root[data-booklight] #ui .bw-eco .eco-kind i { color: var(--bk-ink); }
:root[data-booklight] #ui .bw-eco .eco-kind:hover { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .eco-collbox b { color: #268910; }
:root[data-booklight] #ui .bookwin .eco-collbox small { color: #3e7722; }
:root[data-booklight] #ui .bookwin .eco-src { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #ui .bookwin .eco-src > b { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-srcrow { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-srcrow span b { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-srcrow span small { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .eco-srcrow em { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .eco-srcrow:hover:not(:disabled) em { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cl-pickbar { color: #3e7722; }
:root[data-booklight] #ui .bookwin .cl-pickbar b { color: #268910; }
:root[data-booklight] #ui .bw-worldmap .wm-atlas { box-shadow: 0 10px 30px color-mix(in srgb, var(--bk-acc) 20%, transparent), 0 0 0 1px color-mix(in srgb, var(--bk-acc) 17%, transparent); }
:root[data-booklight] #ui .bw-worldmap .wm-you canvas { box-shadow: 0 0 0 3px #f2c14e, 0 0 0 5px color-mix(in srgb, var(--bk-acc) 28%, transparent); }
:root[data-booklight] #ui .bw-worldmap .wm-you i { box-shadow: 0 2px 4px color-mix(in srgb, var(--bk-acc) 17%, transparent); }
:root[data-booklight] #ui .bw-worldmap .wm-acard { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); box-shadow: 0 0 0 2px #c99a3c, 0 0 0 3px color-mix(in srgb, var(--bk-acc) 28%, transparent), 0 14px 30px color-mix(in srgb, var(--bk-acc) 21%, transparent); color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-banner { box-shadow: inset 0 -50px 40px -20px color-mix(in srgb, var(--bk-acc) 26%, transparent); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-banner b { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-banner small { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-chips i { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-acard.st-rec .wm-ac-chips i.st { color: #298811; }
:root[data-booklight] #ui .bw-worldmap .wm-acard.st-ahead .wm-ac-chips i.st { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-acard.st-hard .wm-ac-chips i.st { color: #911a08; }
:root[data-booklight] #ui .bw-worldmap .wm-ac-boss img { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-boss small { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-boss b { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-boss em { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-row small { color: var(--bk-ink); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-row em { color: var(--bk-ink); }
:root[data-booklight] #ui .bw-worldmap .wm-zonebox { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-zonebox > b { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-zonebox .wm-zones { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-zonebox .wm-zones span { color: #397e1b; }
:root[data-booklight] #ui .bw-worldmap .wm-zonebox .wm-tip { color: var(--bk-ink2); }
:root[data-booklight] #ui .bw-worldmap .wm-banner { box-shadow: inset 0 -60px 50px -24px color-mix(in srgb, var(--bk-acc) 26%, transparent), 0 0 0 2px rgba(201, 154, 60, 0.75); }
:root[data-booklight] #ui .bw-worldmap .wm-banner b { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bw-worldmap .wm-banner small { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bw-worldmap .wm-stand { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-stand.st-rec { color: #298811; }
:root[data-booklight] #ui .bw-worldmap .wm-stand.st-ahead { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-stand.st-hard { color: #911a08; }
:root[data-booklight] #ui .bw-worldmap .wm-sec h4 { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mrow.boss .wm-mname { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mname { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mats span { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cl-head { background: var(--bk-page, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); box-shadow: 0 12px 10px -8px color-mix(in srgb, var(--bk-acc) 21%, transparent); }
:root[data-booklight] #ui .bookwin .clx-chap { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .clx-chap.now { color: #2c8514; }
:root[data-booklight] #ui .bookwin .clx-chap.full { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .clx-chinfo b { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .clx-chinfo small { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .clx-moved { color: #2c8514; }
:root[data-booklight] #ui .bookwin .clx-card { background: color-mix(in srgb, var(--bk-acc) 14%, transparent); color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .clx-tier { color: var(--bk-acc); background: color-mix(in srgb, var(--bk-acc) 14%, transparent); }
:root[data-booklight] #ui .bookwin .clx-fav { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .clx-state { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .clx-card.done .clx-state { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .clx-card.can .clx-state { color: #248910; }
:root[data-booklight] #ui .bookwin .clx-ic { background: color-mix(in srgb, var(--bk-acc) 14%, transparent); }
:root[data-booklight] #ui .bookwin .clx-ic b { color: var(--bk-ink); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bookwin .clx-names { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .clx-bonus { color: #2a7e1b; }
:root[data-booklight] #ui .bookwin .clx-dh em { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .clx-dh b { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bookwin .clx-dbonus { color: #2a7e1b; }
:root[data-booklight] #ui .bookwin .clx-dstate { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .clx-dstate.done { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .clx-piece { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #ui .bookwin .clx-pname > b { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bookwin .clx-have { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .clx-piece.can .clx-have { color: #268514; }
:root[data-booklight] #ui .bookwin .clx-more { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .clx-ok { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .clx-miss { color: var(--bk-ink2); }
:root[data-booklight] #ui .bookwin .clx-tot { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #ui .bookwin .clx-tot summary { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-atlas { box-shadow: 0 0 0 1px #6b4a24, 0 0 0 5px color-mix(in srgb, var(--bk-acc) 21%, transparent), 0 14px 34px color-mix(in srgb, var(--bk-acc) 21%, transparent), inset 0 0 40px color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #ui .bw-worldmap .wm-you canvas { box-shadow: 0 0 0 3px color-mix(in srgb, var(--bk-acc) 28%, transparent), 0 0 0 5px color-mix(in srgb, var(--bk-acc) 28%, transparent); }
:root[data-booklight] #ui .bw-worldmap .wm-you i { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); color: var(--bk-ink); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-banner { box-shadow: inset 0 -50px 40px -20px color-mix(in srgb, var(--bk-acc) 24%, transparent), 0 0 0 2px #6b4a24; }
:root[data-booklight] #ui .bw-worldmap .wm-ac-chips i.lv { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); color: var(--bk-ink); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-chips i.here { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-boss img { box-shadow: 0 0 0 2px color-mix(in srgb, var(--bk-acc) 28%, transparent); }
:root[data-booklight] #ui .bw-worldmap .wm-banner { box-shadow: inset 0 -60px 50px -24px color-mix(in srgb, var(--bk-acc) 25%, transparent), 0 0 0 2px #8a6a3c; }
:root[data-booklight] #ui .bw-worldmap .wm-mrow .wm-mgo { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mob { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-tabs { background: color-mix(in srgb, var(--bk-acc) 12%, transparent); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-tabs button { color: var(--bk-ink); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-head { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-head > img { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); box-shadow: 0 0 12px color-mix(in srgb, var(--bk-acc) 17%, transparent); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-head b { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-head small { color: var(--bk-ink); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-chips i { background: color-mix(in srgb, var(--bk-acc) 14%, transparent); color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-chips i.aggro { color: #911a08; }
:root[data-booklight] #ui .bw-worldmap .wm-mob-chips i.calm { color: #268514; }
:root[data-booklight] #ui .bw-worldmap .wm-mob-stats div { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-stats small { color: var(--bk-ink); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-stats b { color: var(--bk-ink); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-where small { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-h { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-h small { color: var(--bk-ink); }
:root[data-booklight] #ui .bw-worldmap .wm-drop b { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-drop small { color: var(--bk-ink); }
:root[data-booklight] #ui .bw-worldmap .wm-drop em.q { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-gbar i { background: color-mix(in srgb, var(--bk-acc) 12%, transparent); }
:root[data-booklight] #ui .bw-worldmap .wm-gbar i span { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-note b { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-tip { color: var(--bk-ink2); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob:hover { background: color-mix(in srgb, var(--bk-acc) 6%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bk-acc) 15%, transparent); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob .dr .g { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bw-worldmap .wm-mob-pic { box-shadow: 0 0 0 4px var(--mob), 0 0 0 6px color-mix(in srgb, var(--bk-acc) 28%, transparent), 0 6px 14px color-mix(in srgb, var(--bk-acc) 17%, transparent); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob .dr .gr { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bk-acc) 8%, transparent); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob > .lv { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); color: var(--bk-ink); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob .nm b .lv { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8); color: var(--bk-ink); }
:root[data-booklight] #ui .bw-worldmap .wm-bsub { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mrow.boss .wm-mname { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bw-worldmap .wm-mobsum { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mobsum b { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mobsum span { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mrow .wm-msub { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-mrow .wm-msub .ag { color: #911a08; }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob.k-boss { background: linear-gradient(135deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8) 60%, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob.k-boss:hover { background: linear-gradient(135deg, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8) 60%, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob.k-boss .face { background: radial-gradient(color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob.k-boss .nm b { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob.k-boss .dr .ch span { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob.k-boss .dr .ch b { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob.k-boss .dr .ch.rare b { color: #590891; }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob.k-boss .go { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob.k-boss .dr .ch.gear b { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-head { background: var(--bk-page, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); box-shadow: 0 12px 10px -8px color-mix(in srgb, var(--bk-acc) 21%, transparent); }
:root[data-booklight] #ui .bookwin .cd-chap { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-chap.full { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-chinfo b { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-chinfo small { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-set { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #ui .bookwin .cd-set b { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .cd-set small { color: var(--bk-ink2); }
:root[data-booklight] #ui .bookwin .cd-dinfo > b { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bookwin .cd-dinfo > small { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .cd-dstate { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-bar { background: color-mix(in srgb, var(--bk-acc) 15%, transparent); }
:root[data-booklight] #ui .bookwin .cd-h { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-h small { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .cd-stars-tab div { background: color-mix(in srgb, var(--bk-acc) 8%, transparent); }
:root[data-booklight] #ui .bookwin .cd-stars-tab b { color: var(--bk-ink2); }
:root[data-booklight] #ui .bookwin .cd-stars-tab span { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .cd-stars-tab small { color: var(--bk-ink2); }
:root[data-booklight] #ui .bookwin .cd-stars-tab .done b, :root[data-booklight] #ui .bookwin .cd-stars-tab .done span { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-stars-tab .cur b { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-stars-tab .cur span { color: #2a7e1b; }
:root[data-booklight] #ui .bookwin .cd-src { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #ui .bookwin .cd-src b { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-src small { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .cd-tot { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #ui .bookwin .cd-tot summary { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .cd-pop small { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); background: color-mix(in srgb, var(--bk-acc) 22%, transparent); }
:root[data-booklight] #ui .bookwin .cd-slot-e { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-slot-e small { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .cd-slot-l { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .cd-gintro { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-gain > b { color: #268514; }
:root[data-booklight] #ui .bookwin .cd-gain > b.cd-gnext { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-gain > span { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-gain > span b { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-gain > small { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .cd-gtip { background: color-mix(in srgb, var(--bk-acc) 8%, transparent); }
:root[data-booklight] #ui .bookwin .cd-gtip span { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-dust { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-stars-tab .cd-unl { color: var(--bk-ink2); }
:root[data-booklight] #ui .bookwin .cd-stars-tab .cd-sp { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-prow { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #ui .bookwin .cd-pinfo b { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .cd-pinfo small { color: var(--bk-ink); }
:root[data-booklight] #ui .bookwin .eco-pair { background: color-mix(in srgb, var(--bk-acc) 12%, transparent); }
:root[data-booklight] #ui .bookwin .eco-pair button { color: color-mix(in srgb, var(--bk-acc) 60%, transparent); }
:root[data-booklight] #ui .bookwin .eco-pair button:hover:not(.on) { color: var(--bk-acc); }
:root[data-booklight] #ui .bookwin .ap-tabs .ap-vpick button { background: color-mix(in srgb, var(--bk-acc) 10%, transparent) !important; color: var(--bk-acc) !important; }
:root[data-booklight] :is(.bookwin, #charpanel) .clx-all { box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--bk-acc) 28%, transparent), 0 2px 4px color-mix(in srgb, var(--bk-acc) 13%, transparent); }
:root[data-booklight] #tree .sk-one em { color: #910808; }
:root[data-booklight] #tree .tip .sk-up-go { box-shadow: 0 0 0 2px #e9ffd2 inset, 0 4px 0 color-mix(in srgb, var(--bk-acc) 28%, transparent), 0 0 16px rgba(150, 240, 100, 0.55); }
:root[data-booklight] #tree .tip .sk-up-go b { background: color-mix(in srgb, var(--bk-acc) 16%, transparent); color: var(--bk-acc); }
:root[data-booklight] #tree .tip .sk-up-go.ready:active { box-shadow: 0 0 0 2px #e9ffd2 inset, 0 1px 0 color-mix(in srgb, var(--bk-acc) 28%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-ghost { background: color-mix(in srgb, var(--bk-acc) 18%, transparent); box-shadow: 0 0 0 2px #f2c14e, 0 6px 16px color-mix(in srgb, var(--bk-acc) 17%, transparent); }
:root[data-booklight] #life .lf-chip { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); color: var(--bk-acc); }
:root[data-booklight] #life .lf-note { color: var(--bk-ink); }
:root[data-booklight] #life .lf-h { color: var(--bk-acc); }
:root[data-booklight] #life .lf-h small { color: var(--bk-ink); }
:root[data-booklight] #life .lf-bar { background: color-mix(in srgb, var(--bk-acc) 15%, transparent); }
:root[data-booklight] #life .lf-an > b { color: var(--bk-acc); }
:root[data-booklight] #life .lf-an > b small { color: var(--bk-ink); }
:root[data-booklight] #life .lf-an > small { color: var(--bk-ink); }
:root[data-booklight] #life .lf-an .lf-num { color: var(--bk-ink2); }
:root[data-booklight] #life .lf-buff { color: #268514 !important; }
:root[data-booklight] #life .lf-ok { color: #2a7e1b; }
:root[data-booklight] #life .lf-todo { color: var(--bk-ink2); }
:root[data-booklight] #life .lf-cat { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); color: var(--bk-acc); }
:root[data-booklight] #life .lf-cat small { color: var(--bk-ink); }
:root[data-booklight] #life .lf-claimall { color: #268514; }
:root[data-booklight] #life .lf-ach { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #life .lf-title { background: color-mix(in srgb, var(--bk-acc) 14%, transparent); }
:root[data-booklight] #life .lf-tbtn { background: color-mix(in srgb, var(--bk-acc) 12%, transparent); }
:root[data-booklight] #life .lf-tbtn small { color: var(--bk-ink); }
:root[data-booklight] #life .lf-miles div { background: color-mix(in srgb, var(--bk-acc) 8%, transparent); }
:root[data-booklight] #life .lf-miles b { color: var(--bk-ink2); }
:root[data-booklight] #life .lf-miles span { color: var(--bk-ink); }
:root[data-booklight] #life .lf-miles small { color: var(--bk-ink2); }
:root[data-booklight] #life .lf-fish { background: radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--rc) 22%, transparent), color-mix(in srgb, var(--bk-acc) 10%, transparent) 70%); color: var(--bk-acc); }
:root[data-booklight] #life .lf-fish small { color: var(--bk-ink); }
:root[data-booklight] #life .lf-fdet { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #life .lf-fdet small { color: var(--bk-ink); }
:root[data-booklight] #life .lf-how span { background: color-mix(in srgb, var(--bk-acc) 8%, transparent); color: var(--bk-acc); }
:root[data-booklight] #life .lf-dish { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #life .lf-need { color: #911b08; }
:root[data-booklight] #life .lf-need.ok { color: #268514; }
:root[data-booklight] #life .lf-cooking { color: var(--bk-acc); }
:root[data-booklight] #life .lf-food, :root[data-booklight] #life .lf-bagfood > div { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #life .lf-food b, :root[data-booklight] #life .lf-bagfood b { color: var(--bk-acc); }
:root[data-booklight] #life .lf-food small, :root[data-booklight] #life .lf-bagfood small { color: var(--bk-ink); }
:root[data-booklight] #life .lf-ev { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #life .lf-ev.now { background: color-mix(in srgb, var(--ec) 14%, color-mix(in srgb, var(--bk-acc) 9%, transparent)); }
:root[data-booklight] #life .tw-bar { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #life .tw-chip { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #life .tw-step { background: color-mix(in srgb, var(--bk-acc) 6%, transparent); }
:root[data-booklight] #life .tw-step.got em { color: #2f7b1e; }
:root[data-booklight] #life .tw-step.next em { color: var(--bk-acc); }
:root[data-booklight] #life .ct-et-cur em.ok { color: #397e1b; }
:root[data-booklight] #life .ct-et-cur em.short { color: #910808; }
:root[data-booklight] #life .cl-prog span b { color: var(--bk-acc); }
:root[data-booklight] #life .cl-tab { color: color-mix(in srgb, var(--bk-acc) 60%, transparent); }
:root[data-booklight] #life .cl-q { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #life .cl-fav { color: color-mix(in srgb, var(--bk-acc) 30%, transparent); }
:root[data-booklight] #life .cl-tier { color: color-mix(in srgb, var(--bk-acc) 55%, transparent); }
:root[data-booklight] #life .cl-mat { color: var(--bk-ink); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui .bw-pause .bk-skin { color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pause .bk-skin small { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) #menupop .mp-item em.lock { background: color-mix(in srgb, var(--bk-acc) 14%, transparent); color: var(--bk-acc); }
:root[data-booklight] #ui .bw-pause .hub-tile.lock span { color: var(--bk-ink2) !important; }
:root[data-booklight] #ui :is(.bookwin, #charpanel) .eco-lock { color: var(--bk-acc); }
:root[data-booklight] #forge .fo-note { color: var(--bk-ink); }
:root[data-booklight] #forge .fo-row, :root[data-booklight] #forge .fo-frow { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); color: var(--bk-acc); }
:root[data-booklight] #forge .fo-ic { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #forge .fo-rn small { color: var(--bk-ink); }
:root[data-booklight] #forge .fo-top { color: #91081a; }
:root[data-booklight] #forge .fo-stage .fg-slot { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #forge .fo-name i { color: var(--bk-acc); }
:root[data-booklight] #forge .fo-cmp div { background: color-mix(in srgb, var(--bk-acc) 8%, transparent); }
:root[data-booklight] #forge .fo-cmp span { color: var(--bk-ink); }
:root[data-booklight] #forge .fo-cmp b { color: var(--bk-acc); }
:root[data-booklight] #forge .fo-cmp b.up { color: #2a7e1b; }
:root[data-booklight] #forge .fo-cmp i { color: var(--bk-ink2); }
:root[data-booklight] #forge .fo-h { color: var(--bk-acc); }
:root[data-booklight] #forge .fo-h small { color: var(--bk-ink); }
:root[data-booklight] #forge .fo-need { color: #911b08; }
:root[data-booklight] #forge .fo-need.ok { color: #268514; }
:root[data-booklight] #forge .fo-odds { color: var(--bk-ink); }
:root[data-booklight] #forge .fo-odds b { color: var(--bk-acc); }
:root[data-booklight] #forge .fo-odds i { color: #2a7e1b; }
:root[data-booklight] #forge .fo-check { color: var(--bk-acc); }
:root[data-booklight] #forge .fo-warn { color: #911a08; }
:root[data-booklight] #forge .fo-core { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #forge .fo-core b { color: var(--bk-ink); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #forge .fo-spec b { color: var(--bk-acc); }
:root[data-booklight] #forge .fo-spec span { color: #268514; }
:root[data-booklight] #forge .fo-spec small { color: var(--bk-ink); }
:root[data-booklight] #forge .fo-sw button { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); color: var(--bk-ink); }
:root[data-booklight] #forge .fo-line { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); color: var(--bk-acc); }
:root[data-booklight] #forge .fo-line small { color: var(--bk-ink); }
:root[data-booklight] #forge .fo-how span { background: color-mix(in srgb, var(--bk-acc) 8%, transparent); color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .fo-rare { background: radial-gradient(circle at 15% 50%, color-mix(in srgb, var(--rc) 30%, transparent), transparent 60%), linear-gradient(color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); box-shadow: inset 0 0 0 2px var(--rc), 0 0 30px color-mix(in srgb, var(--rc) 55%, transparent), 0 12px 30px color-mix(in srgb, var(--bk-acc) 17%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fo-rare b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .fo-rare small { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .fo-rare.g5 { box-shadow: inset 0 0 0 2.5px var(--rc), 0 0 46px color-mix(in srgb, var(--rc) 80%, transparent), 0 12px 30px color-mix(in srgb, var(--bk-acc) 17%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .fo-fx-dim { background: radial-gradient(circle, color-mix(in srgb, var(--bk-acc) 10%, transparent), color-mix(in srgb, var(--bk-acc) 22%, transparent)); }
:root[data-booklight] :is(.bookwin, #charpanel) .fo-fx-plaque { background: linear-gradient(color-mix(in srgb, var(--bk-acc) 12%, #fffdf8), color-mix(in srgb, var(--bk-acc) 12%, #fffdf8)); }
:root[data-booklight] :is(.bookwin, #charpanel) .fo-fx-plaque b { color: var(--bk-acc); }
:root[data-booklight] :is(.bookwin, #charpanel) .fo-fx.gr3 .fo-fx-dim { background: radial-gradient(circle, color-mix(in srgb, var(--fc) 25%, color-mix(in srgb, var(--bk-acc) 9%, transparent)), color-mix(in srgb, var(--bk-acc) 24%, transparent)); }
:root[data-booklight] #forge .tw-bar { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #forge .tw-chip { background: color-mix(in srgb, var(--bk-acc) 10%, transparent); }
:root[data-booklight] #forge .tw-step { background: color-mix(in srgb, var(--bk-acc) 6%, transparent); }
:root[data-booklight] #forge .tw-step.got em { color: #2f7b1e; }
:root[data-booklight] #forge .tw-step.next em { color: var(--bk-acc); }
:root[data-booklight] #forge .ct-et-cur em.ok { color: #397e1b; }
:root[data-booklight] #forge .ct-et-cur em.short { color: #910808; }
:root[data-booklight] #forge .cl-prog span b { color: var(--bk-acc); }
:root[data-booklight] #forge .cl-tab { color: color-mix(in srgb, var(--bk-acc) 60%, transparent); }
:root[data-booklight] #forge .cl-q { background: color-mix(in srgb, var(--bk-acc) 9%, transparent); }
:root[data-booklight] #forge .cl-fav { color: color-mix(in srgb, var(--bk-acc) 30%, transparent); }
:root[data-booklight] #forge .cl-tier { color: color-mix(in srgb, var(--bk-acc) 55%, transparent); }
:root[data-booklight] #forge .cl-mat { color: var(--bk-ink); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #eco .cr-need .cr-srchint { color: var(--bk-acc); }
:root[data-booklight] #eco .cr-need .cr-srcrow.short .cr-srchint { color: #911b08; }
:root[data-booklight] #eco .cw-page { color: var(--bk-acc); }
:root[data-booklight] #eco .cw-lv small { color: var(--bk-ink); }
:root[data-booklight] #eco .cw-cat { color: var(--bk-acc); }
:root[data-booklight] #eco .cw-set { color: var(--bk-ink); }
:root[data-booklight] #eco .cw-set.lock { color: var(--bk-acc); }
:root[data-booklight] #eco .cw-dot { color: #910822; }
:root[data-booklight] #eco .cw-rn b { color: var(--bk-acc); }
:root[data-booklight] #eco .cw-st { color: #911208; }
:root[data-booklight] #eco .cw-row.ok .cw-st { color: #0e8e0b; }
:root[data-booklight] #eco .cw-row.locked .cw-st { color: var(--bk-acc); }
:root[data-booklight] #eco .cw-go { color: var(--bk-acc); }
:root[data-booklight] #eco .cw-paging b { color: var(--bk-ink); }
:root[data-booklight] #eco .cw-name { color: #082291; }
:root[data-booklight] #eco .cw-info small { color: var(--bk-acc); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #eco .cw-trait { color: var(--bk-acc); }
:root[data-booklight] #eco .cw-h { color: var(--bk-acc); }
:root[data-booklight] #eco .cw-oddl b { color: var(--bk-ink); }
:root[data-booklight] #eco .cw-srcbox > b { color: var(--bk-acc); }
:root[data-booklight] #eco .cw-source { color: var(--bk-ink); }
:root[data-booklight] #eco .cw-bullet { color: var(--bk-acc); }
:root[data-booklight] #eco .cw-source:hover { color: var(--bk-acc); }
:root[data-booklight] #eco .cw-gold { color: var(--bk-acc); }
:root[data-booklight] #eco .cw-gold.short { color: #910908; }
:root[data-booklight] #eco .cw-qty b { color: var(--bk-ink); }
:root[data-booklight] #eco .cw-great { color: #0d9108; }
:root[data-booklight] #eco .cw-desc { color: var(--bk-acc); }
:root[data-booklight] #eco .cw-desc b { color: var(--bk-acc); }
:root[data-booklight] #eco .cw-consumeinfo { color: var(--bk-acc); }
:root[data-booklight] #eco .cw-consumeinfo b { color: #218316; }
:root[data-booklight] #eco .cw-empty { color: var(--bk-acc); }
:root[data-booklight] #ui #tree .tip .sk-up .sk-up-go > span { color: var(--bk-ink); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui #tree .tip .sk-up .sk-up-go > b { color: var(--bk-acc); background: color-mix(in srgb, var(--bk-acc) 16%, transparent); }
:root[data-booklight] #ui #tree .tip .sk-up .sk-up-go:disabled { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35) inset, 0 3px 0 color-mix(in srgb, var(--bk-acc) 28%, transparent); }
:root[data-booklight] #ui #tree .tip .sk-up .sk-up-go:disabled > span { color: var(--bk-ink); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); }
:root[data-booklight] #ui #tree .tip .sk-up .sk-up-go:disabled > b { color: var(--bk-acc); background: color-mix(in srgb, var(--bk-acc) 14%, transparent); }
:root[data-booklight] #ui .bookwin .btn:not(.primary):disabled, :root[data-booklight] #ui .bookwin .btn:not(.primary):disabled * { color: var(--bk-ink) !important; }
:root[data-booklight] html:root[data-booklight] :is(#ui .bookwin, #charpanel) .bk-pageno:not(#_) { box-shadow: 0 0 0 1px color-mix(in srgb, var(--bk-acc) 40%, transparent), 0 2px 4px color-mix(in srgb, var(--bk-acc) 8%, transparent); }
:root[data-booklight] #ui .bw-eco .eco-gslot:has(.eco-cell[class*=" g"]) small { color: var(--bk-ink) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55) !important; }
:root[data-booklight] #ui .bookwin .ct-mtiers .btn i { box-shadow: 0 0 0 1px color-mix(in srgb, var(--bk-acc) 13%, transparent); }
:root[data-booklight] #ui .bookwin .ct-mview { background: radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--gc) 26%, transparent), transparent 70%), color-mix(in srgb, var(--bk-acc) 6%, transparent); }
:root[data-booklight] #ui .bookwin .ct-grid .ct-card.ct-mcard { background: color-mix(in srgb, var(--bk-acc) 12%, #fffdf8) !important; box-shadow: 0 5px 12px color-mix(in srgb, var(--bk-acc) 13%, transparent); }
:root[data-booklight] #ui .bookwin .ct-grid .ct-card.ct-mcard::before { background: linear-gradient(180deg, rgba(8, 6, 16, 0) 40%, color-mix(in srgb, var(--bk-acc) 12%, #fffdf8) 100%), var(--mbg) center 58% / cover no-repeat; }
:root[data-booklight] #ui .bookwin .ct-grid .ct-mcard b { color: var(--bk-ink) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55) !important; }
:root[data-booklight] #ui .bookwin .ct-grid .ct-mcard small { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55) !important; }
:root[data-booklight] #ui .bookwin .ct-grid .ct-mcard small.ct-from { color: var(--bk-acc) !important; }
:root[data-booklight] #ui .bookwin .ct-grid .ct-mcard.locked b { color: var(--bk-acc) !important; }
:root[data-booklight] #ui .bookwin .ct-grid .ct-mcard.see { box-shadow: 0 0 0 3px var(--gc), 0 0 20px var(--gc), 0 5px 12px color-mix(in srgb, var(--bk-acc) 13%, transparent); }
:root[data-booklight] #ui .bookwin .ct-grid .ct-mcard:is(.t3, .t4, .t5):not(.locked) { box-shadow: 0 0 12px color-mix(in srgb, var(--gc) 65%, transparent), 0 5px 12px color-mix(in srgb, var(--bk-acc) 13%, transparent); }
:root[data-booklight] #ui .bookwin .ct-mcard .ct-spare { box-shadow: 0 1px 2px color-mix(in srgb, var(--bk-acc) 14%, transparent); }
:root[data-booklight] :is(.bookwin, #charpanel) .theme-night.skinned .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] :is(.bookwin, #charpanel) .wm-tab.sel { background: #7fb24a; color: #fff; }
:root[data-booklight] :is(.bookwin, #charpanel) .wm-tab.sel .wm-tab-text small { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #worldmap .wm-actions .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] :is(.bookwin, #charpanel) .tree-tab.on { background: linear-gradient(180deg, #3f4c86, #2b3561); color: #fff; }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-tab.on { background: var(--gold); color: var(--ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-chip.on { background: var(--cream); color: var(--ink); }
:root[data-booklight] #eco .btn.primary, :root[data-booklight] :is(.bookwin, #charpanel) #social-prompt .btn.primary, :root[data-booklight] :is(.bookwin, #charpanel) .login-box .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #content .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] :is(.bookwin, #charpanel) #run-bar .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #tree .tip .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #pause .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-tab.on { background: #f2d27a; color: var(--ink); }
:root[data-booklight] #content .cl-tab.on { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #content .cl-fav.on { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] :is(.bookwin, #charpanel) .eco-set > span.on { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #questbook .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-tabs button.on { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-tabs .fg-fast.on { background: rgba(242, 193, 78, 0.12); color: #ffe7a6; }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-scroll.on { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] :is(.bookwin, #charpanel) .fg-rail button.on b { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] :is(.bookwin, #charpanel) .fgb-goals button.on { background: linear-gradient(180deg, #f2c14e, #c9922e); color: #2c2533; }
:root[data-booklight] :is(.bookwin, #charpanel) .ci-vpick button.on { background: #f2d27a; color: var(--ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-modes button.on { background: #f2d27a; color: var(--ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-vpick button.on { background: #f2d27a; color: var(--ink); }
:root[data-booklight] :is(.bookwin, #charpanel) .ap-filter button.on { background: var(--gc, #f2d27a); color: var(--ink); }
:root[data-booklight] :is(.bookwin, #charpanel) #bdg-result .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] :is(.bookwin, #charpanel) #pdg-ready .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #bdg .bdg-tabs button.on { background: linear-gradient(180deg, #e0a53a, #b5721c); color: #fff; }
:root[data-booklight] #bdg .bdg-mates button.on { background: #3f7a35; color: #fff; }
:root[data-booklight] #bdg .bdg-rtabs button.on { background: #5a4420; color: #fff4d8; }
:root[data-booklight] #charpanel .bk-bgpick button.on { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #charpanel .bk-esc { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #charpanel .bk-btn.gold { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #charpanel .bk-tab.on { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #ui .bookwin .bk-esc { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #ui .bookwin .btn.primary { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #ui .bookwin :is(.eco-tab.on, .tree-tab.on, .wm-tab.sel, .bdg-tabs button.on, .av-tabs .btn.on, .av-tabs .btn.primary, .ap-tabs button.on, .fg-tabs button.on) { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #ui .bw-pause .hub-tile kbd { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #ui .bw-worldmap .wm-actions .btn.primary { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #ui .bookwin .eco-set > span.on { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #ui .bw-eco .eco-kind.on { background: linear-gradient(#f6d27a, #d9a443); color: #2b1d0e; }
:root[data-booklight] #ui .bw-eco .eco-kind.on i { background: rgba(43, 29, 14, 0.2); color: #2b1d0e; }
:root[data-booklight] #ui .bookwin .clx-chap.on { background: linear-gradient(#f6d27a, #d9a443); color: #2c2018; }
:root[data-booklight] #ui .bw-worldmap .wm-mob-tabs button.on { background: linear-gradient(#f6d27a, #d9a443); color: #2c2018; }
:root[data-booklight] #ui .bw-worldmap .wm-drop.gold b { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob .dr .ch.gold b { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #ui .bw-worldmap .wm-ac-mob.k-boss .dr .ch.gold b { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] :is(.bookwin, #charpanel) .cd-stars i.on { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #ui .bookwin .cd-chap.on { background: linear-gradient(#f6d27a, #d9a443); color: #2c2018; }
:root[data-booklight] #ui .bookwin .cd-set.on b { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #ui .bookwin .cd-set.on small { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] :is(.bookwin, #charpanel) .cd.gold .cd-lock { background: rgba(12, 9, 4, 0.85); color: #f6d77a; }
:root[data-booklight] #ui .bookwin .eco-pair button.on { background: linear-gradient(#f6d27a, #d9a443); color: #2c2018; }
:root[data-booklight] #ui .bookwin .ap-tabs .ap-vpick button.on { background: linear-gradient(#fff1c2, #f2c14e) !important; color: #2b1d0e !important; }
:root[data-booklight] #life .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #life .lf-cat.on { background: linear-gradient(#f6d27a, #d9a443); color: #2c2018; }
:root[data-booklight] #life .lf-cat.on small { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #life .lf-miles .on b, :root[data-booklight] #life .lf-miles .on small { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #life .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #life .cl-tab.on { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #life .cl-fav.on { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #ui .bw-pause .bk-skin.on b { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] :is(.bookwin, #charpanel) .unlock-card .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #forge .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #forge .fo-sw button.on { background: linear-gradient(#f6d27a, #d9a443); color: #2c2018; }
:root[data-booklight] #forge .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #forge .cl-tab.on { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #forge .cl-fav.on { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] #eco .cw-cat.on { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #eco .cw-set.on { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #eco .cw-paging button { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #eco .cw-source em { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #eco .cw-qty button { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5); }
:root[data-booklight] #ui :is(.bookwin, #charpanel) .unlock-card .btn.primary, :root[data-booklight] :is(.bookwin, #charpanel) .theme-night.skinned .unlock-card .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] :is(.bookwin, #charpanel) #sbook .btn.primary { color: var(--bk-acc) !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-booklight] :is(#eco .cw-row.sel, #eco .cw-stats, #eco .cw-slot, #eco .cw-slotart, #eco .cw-show, #eco .cw-craft, #eco .cw-pill, #eco .cw-results) { color: #fff1c2; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55); }
:root[data-booklight] #ui .bw-pause .bk-skin.on { outline-color: var(--bk-acc); box-shadow: 0 0 14px color-mix(in srgb, var(--bk-acc) 45%, transparent); }
:root[data-booklight] #ui .bw-pause .bk-skin small { color: var(--bk-ink2); }
:root[data-booklight] :is(.bookwin, #charpanel) :is(.bdg-rtabs, .bdg-tabs, .eco-chips, .ct-tabs) .on { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45); }
:root[data-booklight] :is(.bookwin, #charpanel) :is(b, span, strong, em, small)[style*="color"] { text-shadow: 0 0 2px rgba(40, 20, 10, 0.8), 0 1px 0 rgba(40, 20, 10, 0.55); }
:root[data-booklight] :is(.bookwin, #charpanel) :is(.lf-title, .lf-tbtn) { text-shadow: 0 0 2px rgba(40, 20, 10, 0.85), 0 1px 0 rgba(40, 20, 10, 0.6); }
:root[data-booklight] #ui .bookwin .panel.bkx, :root[data-booklight] #charpanel .bk { color: var(--bk-ink); }
:root[data-booklight] :is(.bookwin, #charpanel) { --panel: color-mix(in srgb, var(--bk-acc) 10%, #fffdf8); --navy: color-mix(in srgb, var(--bk-acc) 14%, #fffdf8); --navy-2: color-mix(in srgb, var(--bk-acc) 20%, #fffdf8); --navy-3: color-mix(in srgb, var(--bk-acc) 28%, #fffdf8); }}
/* guild donations on a light book (2026-10-18) */
:root[data-booklight] :is(.bookwin, #charpanel) .ct-donleft { background: rgba(90, 150, 40, 0.18); color: #2f6b12; }
:root[data-booklight] :is(.bookwin, #charpanel) .ct-donleft.none { background: rgba(190, 60, 40, 0.14); color: #9a2a18; }
:root[data-booklight] :is(.bookwin, #charpanel) .ct-donrow { background: rgba(60, 40, 10, 0.06); }