/* generated by tools/book_skin_cut.py - the book skins: js/bookskin.js sets <html data-book="<id>">;
   css/style.css draws every book piece as var(--uib-<piece>, url(<the Obsidian Gold original>)) */
:root { --bookskins: "pastel vampire venom dragon cat emerald sakuratown"; --booklight: "pastel vampire venom dragon cat emerald sakuratown"; }
:root #ui .overlay.bookwin::before, :root #charpanel.book::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse 72% 68% at 50% 52%, rgba(8, 6, 18, 0.42), rgba(8, 6, 18, 0.8)); animation: bk-dim 0.25s ease-out; }
:root #ui .overlay.bookwin, :root #charpanel.book { isolation: isolate; }
@keyframes bk-dim { from { opacity: 0; } to { opacity: 1; } }
:root[data-book="pastel"] { --uib-book: url(../assets/ui_book/skins/pastel/book.png); --uib-frame_row: url(../assets/ui_book/skins/pastel/frame_row.png); --uib-btn_gold: url(../assets/ui_book/skins/pastel/btn_gold.png); --uib-key_gold: url(../assets/ui_book/skins/pastel/key_gold.png); --uib-btn_close: url(../assets/ui_book/skins/pastel/btn_close.png); --uib-btn_dark: url(../assets/ui_book/skins/pastel/btn_dark.png); --uib-tab_on: url(../assets/ui_book/skins/pastel/tab_on.png); --uib-tab_off: url(../assets/ui_book/skins/pastel/tab_off.png); --uib-arrow_left: url(../assets/ui_book/skins/pastel/arrow_left.png); --uib-arrow_right: url(../assets/ui_book/skins/pastel/arrow_right.png); --uib-pill: url(../assets/ui_book/skins/pastel/pill.png); --uib-sheet_row: url(../assets/ui_book/skins/pastel/sheet_row.png); --uib-flower: url(../assets/ui_book/skins/pastel/flower.png); --uib-tab_square: url(../assets/ui_book/skins/pastel/tab_square.png); --uib-num_on: url(../assets/ui_book/skins/pastel/num_on.png); --uib-num_off: url(../assets/ui_book/skins/pastel/num_off.png); --uib-page_orn_left: url(../assets/ui_book/skins/pastel/page_orn_left.png); --uib-page_orn_right: url(../assets/ui_book/skins/pastel/page_orn_right.png); --uib-scroll_thumb: url(../assets/ui_book/skins/pastel/scroll_thumb.png); --uib-stage_frame: url(../assets/ui_book/skins/pastel/stage_frame.png); --uib-scroll_track: url(../assets/ui_book/skins/pastel/scroll_track.png); --uib-cp_ribbon: url(../assets/ui_book/skins/pastel/cp_ribbon.png); }
:root[data-book="pastel"] { --bk-page: rgb(231, 211, 221); }
:root[data-book="pastel"] img[src$="ui_book/flower.png"] { content: url(../assets/ui_book/skins/pastel/flower.png); }
:root[data-book="pastel"] { --bk-ink: #4a2c45; --bk-ink2: #7d6178; --bk-acc: #b24d7e; }
:root[data-book="pastel"] #ui .bookwin :is(.bk-title, .panel-head h2), :root[data-book="pastel"] #charpanel .bk-title { color: #b24d7e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-book="pastel"] #charpanel { --bkgold: #b24d7e; }
:root[data-book="vampire"] { --uib-book: url(../assets/ui_book/skins/vampire/book.png); --uib-frame_row: url(../assets/ui_book/skins/vampire/frame_row.png); --uib-btn_gold: url(../assets/ui_book/skins/vampire/btn_gold.png); --uib-key_gold: url(../assets/ui_book/skins/vampire/key_gold.png); --uib-btn_close: url(../assets/ui_book/skins/vampire/btn_close.png); --uib-btn_dark: url(../assets/ui_book/skins/vampire/btn_dark.png); --uib-tab_on: url(../assets/ui_book/skins/vampire/tab_on.png); --uib-tab_off: url(../assets/ui_book/skins/vampire/tab_off.png); --uib-arrow_left: url(../assets/ui_book/skins/vampire/arrow_left.png); --uib-arrow_right: url(../assets/ui_book/skins/vampire/arrow_right.png); --uib-pill: url(../assets/ui_book/skins/vampire/pill.png); --uib-sheet_row: url(../assets/ui_book/skins/vampire/sheet_row.png); --uib-flower: url(../assets/ui_book/skins/vampire/flower.png); --uib-tab_square: url(../assets/ui_book/skins/vampire/tab_square.png); --uib-num_on: url(../assets/ui_book/skins/vampire/num_on.png); --uib-num_off: url(../assets/ui_book/skins/vampire/num_off.png); --uib-page_orn_left: url(../assets/ui_book/skins/vampire/page_orn_left.png); --uib-page_orn_right: url(../assets/ui_book/skins/vampire/page_orn_right.png); --uib-scroll_thumb: url(../assets/ui_book/skins/vampire/scroll_thumb.png); --uib-stage_frame: url(../assets/ui_book/skins/vampire/stage_frame.png); --uib-scroll_track: url(../assets/ui_book/skins/vampire/scroll_track.png); --uib-cp_ribbon: url(../assets/ui_book/skins/vampire/cp_ribbon.png); }
:root[data-book="vampire"] { --bk-page: rgb(237, 223, 213); }
:root[data-book="vampire"] img[src$="ui_book/flower.png"] { content: url(../assets/ui_book/skins/vampire/flower.png); }
:root[data-book="vampire"] { --bk-ink: #3a1620; --bk-ink2: #6e4a52; --bk-acc: #8e2238; }
:root[data-book="vampire"] #ui .bookwin :is(.bk-title, .panel-head h2), :root[data-book="vampire"] #charpanel .bk-title { color: #8e2238; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-book="vampire"] #charpanel { --bkgold: #8e2238; }
:root[data-book="venom"] { --uib-book: url(../assets/ui_book/skins/venom/book.png); --uib-frame_row: url(../assets/ui_book/skins/venom/frame_row.png); --uib-btn_gold: url(../assets/ui_book/skins/venom/btn_gold.png); --uib-key_gold: url(../assets/ui_book/skins/venom/key_gold.png); --uib-btn_close: url(../assets/ui_book/skins/venom/btn_close.png); --uib-btn_dark: url(../assets/ui_book/skins/venom/btn_dark.png); --uib-tab_on: url(../assets/ui_book/skins/venom/tab_on.png); --uib-tab_off: url(../assets/ui_book/skins/venom/tab_off.png); --uib-arrow_left: url(../assets/ui_book/skins/venom/arrow_left.png); --uib-arrow_right: url(../assets/ui_book/skins/venom/arrow_right.png); --uib-pill: url(../assets/ui_book/skins/venom/pill.png); --uib-sheet_row: url(../assets/ui_book/skins/venom/sheet_row.png); --uib-flower: url(../assets/ui_book/skins/venom/flower.png); --uib-tab_square: url(../assets/ui_book/skins/venom/tab_square.png); --uib-num_on: url(../assets/ui_book/skins/venom/num_on.png); --uib-num_off: url(../assets/ui_book/skins/venom/num_off.png); --uib-page_orn_left: url(../assets/ui_book/skins/venom/page_orn_left.png); --uib-page_orn_right: url(../assets/ui_book/skins/venom/page_orn_right.png); --uib-scroll_thumb: url(../assets/ui_book/skins/venom/scroll_thumb.png); --uib-stage_frame: url(../assets/ui_book/skins/venom/stage_frame.png); --uib-scroll_track: url(../assets/ui_book/skins/venom/scroll_track.png); --uib-cp_ribbon: url(../assets/ui_book/skins/venom/cp_ribbon.png); }
:root[data-book="venom"] { --bk-page: rgb(207, 201, 185); }
:root[data-book="venom"] img[src$="ui_book/flower.png"] { content: url(../assets/ui_book/skins/venom/flower.png); }
:root[data-book="venom"] { --bk-ink: #2e2140; --bk-ink2: #5f5470; --bk-acc: #6a3a8a; }
:root[data-book="venom"] #ui .bookwin :is(.bk-title, .panel-head h2), :root[data-book="venom"] #charpanel .bk-title { color: #6a3a8a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-book="venom"] #charpanel { --bkgold: #6a3a8a; }
:root[data-book="dragon"] { --uib-book: url(../assets/ui_book/skins/dragon/book.png); --uib-frame_row: url(../assets/ui_book/skins/dragon/frame_row.png); --uib-btn_gold: url(../assets/ui_book/skins/dragon/btn_gold.png); --uib-key_gold: url(../assets/ui_book/skins/dragon/key_gold.png); --uib-btn_close: url(../assets/ui_book/skins/dragon/btn_close.png); --uib-btn_dark: url(../assets/ui_book/skins/dragon/btn_dark.png); --uib-tab_on: url(../assets/ui_book/skins/dragon/tab_on.png); --uib-tab_off: url(../assets/ui_book/skins/dragon/tab_off.png); --uib-arrow_left: url(../assets/ui_book/skins/dragon/arrow_left.png); --uib-arrow_right: url(../assets/ui_book/skins/dragon/arrow_right.png); --uib-pill: url(../assets/ui_book/skins/dragon/pill.png); --uib-sheet_row: url(../assets/ui_book/skins/dragon/sheet_row.png); --uib-flower: url(../assets/ui_book/skins/dragon/flower.png); --uib-tab_square: url(../assets/ui_book/skins/dragon/tab_square.png); --uib-num_on: url(../assets/ui_book/skins/dragon/num_on.png); --uib-num_off: url(../assets/ui_book/skins/dragon/num_off.png); --uib-page_orn_left: url(../assets/ui_book/skins/dragon/page_orn_left.png); --uib-page_orn_right: url(../assets/ui_book/skins/dragon/page_orn_right.png); --uib-scroll_thumb: url(../assets/ui_book/skins/dragon/scroll_thumb.png); --uib-stage_frame: url(../assets/ui_book/skins/dragon/stage_frame.png); --uib-scroll_track: url(../assets/ui_book/skins/dragon/scroll_track.png); --uib-cp_ribbon: url(../assets/ui_book/skins/dragon/cp_ribbon.png); }
:root[data-book="dragon"] { --bk-page: rgb(237, 216, 182); }
:root[data-book="dragon"] img[src$="ui_book/flower.png"] { content: url(../assets/ui_book/skins/dragon/flower.png); }
:root[data-book="dragon"] { --bk-ink: #4a2008; --bk-ink2: #7a5638; --bk-acc: #9e3a14; }
:root[data-book="dragon"] #ui .bookwin :is(.bk-title, .panel-head h2), :root[data-book="dragon"] #charpanel .bk-title { color: #9e3a14; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-book="dragon"] #charpanel { --bkgold: #9e3a14; }
:root[data-book="cat"] { --uib-book: url(../assets/ui_book/skins/cat/book.png); --uib-frame_row: url(../assets/ui_book/skins/cat/frame_row.png); --uib-btn_gold: url(../assets/ui_book/skins/cat/btn_gold.png); --uib-key_gold: url(../assets/ui_book/skins/cat/key_gold.png); --uib-btn_close: url(../assets/ui_book/skins/cat/btn_close.png); --uib-btn_dark: url(../assets/ui_book/skins/cat/btn_dark.png); --uib-tab_on: url(../assets/ui_book/skins/cat/tab_on.png); --uib-tab_off: url(../assets/ui_book/skins/cat/tab_off.png); --uib-arrow_left: url(../assets/ui_book/skins/cat/arrow_left.png); --uib-arrow_right: url(../assets/ui_book/skins/cat/arrow_right.png); --uib-pill: url(../assets/ui_book/skins/cat/pill.png); --uib-sheet_row: url(../assets/ui_book/skins/cat/sheet_row.png); --uib-flower: url(../assets/ui_book/skins/cat/flower.png); --uib-tab_square: url(../assets/ui_book/skins/cat/tab_square.png); --uib-num_on: url(../assets/ui_book/skins/cat/num_on.png); --uib-num_off: url(../assets/ui_book/skins/cat/num_off.png); --uib-page_orn_left: url(../assets/ui_book/skins/cat/page_orn_left.png); --uib-page_orn_right: url(../assets/ui_book/skins/cat/page_orn_right.png); --uib-scroll_thumb: url(../assets/ui_book/skins/cat/scroll_thumb.png); --uib-stage_frame: url(../assets/ui_book/skins/cat/stage_frame.png); --uib-scroll_track: url(../assets/ui_book/skins/cat/scroll_track.png); --uib-cp_ribbon: url(../assets/ui_book/skins/cat/cp_ribbon.png); }
:root[data-book="cat"] { --bk-page: rgb(243, 230, 205); }
:root[data-book="cat"] img[src$="ui_book/flower.png"] { content: url(../assets/ui_book/skins/cat/flower.png); }
:root[data-book="cat"] { --bk-ink: #4a3020; --bk-ink2: #7d6450; --bk-acc: #b8672a; }
:root[data-book="cat"] #ui .bookwin :is(.bk-title, .panel-head h2), :root[data-book="cat"] #charpanel .bk-title { color: #b8672a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-book="cat"] #charpanel { --bkgold: #b8672a; }
:root[data-book="emerald"] { --uib-book: url(../assets/ui_book/skins/emerald/book.png); --uib-frame_row: url(../assets/ui_book/skins/emerald/frame_row.png); --uib-btn_gold: url(../assets/ui_book/skins/emerald/btn_gold.png); --uib-key_gold: url(../assets/ui_book/skins/emerald/key_gold.png); --uib-btn_close: url(../assets/ui_book/skins/emerald/btn_close.png); --uib-btn_dark: url(../assets/ui_book/skins/emerald/btn_dark.png); --uib-tab_on: url(../assets/ui_book/skins/emerald/tab_on.png); --uib-tab_off: url(../assets/ui_book/skins/emerald/tab_off.png); --uib-arrow_left: url(../assets/ui_book/skins/emerald/arrow_left.png); --uib-arrow_right: url(../assets/ui_book/skins/emerald/arrow_right.png); --uib-pill: url(../assets/ui_book/skins/emerald/pill.png); --uib-sheet_row: url(../assets/ui_book/skins/emerald/sheet_row.png); --uib-flower: url(../assets/ui_book/skins/emerald/flower.png); --uib-tab_square: url(../assets/ui_book/skins/emerald/tab_square.png); --uib-num_on: url(../assets/ui_book/skins/emerald/num_on.png); --uib-num_off: url(../assets/ui_book/skins/emerald/num_off.png); --uib-page_orn_left: url(../assets/ui_book/skins/emerald/page_orn_left.png); --uib-page_orn_right: url(../assets/ui_book/skins/emerald/page_orn_right.png); --uib-scroll_thumb: url(../assets/ui_book/skins/emerald/scroll_thumb.png); --uib-stage_frame: url(../assets/ui_book/skins/emerald/stage_frame.png); --uib-scroll_track: url(../assets/ui_book/skins/emerald/scroll_track.png); --uib-cp_ribbon: url(../assets/ui_book/skins/emerald/cp_ribbon.png); }
:root[data-book="emerald"] { --bk-page: rgb(219, 229, 211); }
:root[data-book="emerald"] img[src$="ui_book/flower.png"] { content: url(../assets/ui_book/skins/emerald/flower.png); }
:root[data-book="emerald"] { --bk-ink: #173a2a; --bk-ink2: #4f6d5e; --bk-acc: #1f6b4a; }
:root[data-book="emerald"] #ui .bookwin :is(.bk-title, .panel-head h2), :root[data-book="emerald"] #charpanel .bk-title { color: #1f6b4a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-book="emerald"] #charpanel { --bkgold: #1f6b4a; }
:root[data-book="sakuratown"] { --uib-book: url(../assets/ui_book/skins/sakuratown/book.png); --uib-frame_row: url(../assets/ui_book/skins/sakuratown/frame_row.png); --uib-btn_gold: url(../assets/ui_book/skins/sakuratown/btn_gold.png); --uib-key_gold: url(../assets/ui_book/skins/sakuratown/key_gold.png); --uib-btn_close: url(../assets/ui_book/skins/sakuratown/btn_close.png); --uib-btn_dark: url(../assets/ui_book/skins/sakuratown/btn_dark.png); --uib-tab_on: url(../assets/ui_book/skins/sakuratown/tab_on.png); --uib-tab_off: url(../assets/ui_book/skins/sakuratown/tab_off.png); --uib-arrow_left: url(../assets/ui_book/skins/sakuratown/arrow_left.png); --uib-arrow_right: url(../assets/ui_book/skins/sakuratown/arrow_right.png); --uib-pill: url(../assets/ui_book/skins/sakuratown/pill.png); --uib-sheet_row: url(../assets/ui_book/skins/sakuratown/sheet_row.png); --uib-flower: url(../assets/ui_book/skins/sakuratown/flower.png); --uib-tab_square: url(../assets/ui_book/skins/sakuratown/tab_square.png); --uib-num_on: url(../assets/ui_book/skins/sakuratown/num_on.png); --uib-num_off: url(../assets/ui_book/skins/sakuratown/num_off.png); --uib-page_orn_left: url(../assets/ui_book/skins/sakuratown/page_orn_left.png); --uib-page_orn_right: url(../assets/ui_book/skins/sakuratown/page_orn_right.png); --uib-scroll_thumb: url(../assets/ui_book/skins/sakuratown/scroll_thumb.png); --uib-stage_frame: url(../assets/ui_book/skins/sakuratown/stage_frame.png); --uib-scroll_track: url(../assets/ui_book/skins/sakuratown/scroll_track.png); --uib-cp_ribbon: url(../assets/ui_book/skins/sakuratown/cp_ribbon.png); }
:root[data-book="sakuratown"] { --bk-page: rgb(239, 216, 206); }
:root[data-book="sakuratown"] img[src$="ui_book/flower.png"] { content: url(../assets/ui_book/skins/sakuratown/flower.png); }
:root[data-book="sakuratown"] { --bk-ink: #4a1e1a; --bk-ink2: #7d5852; --bk-acc: #b33b2e; }
:root[data-book="sakuratown"] #ui .bookwin :is(.bk-title, .panel-head h2), :root[data-book="sakuratown"] #charpanel .bk-title { color: #b33b2e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
:root[data-book="sakuratown"] #charpanel { --bkgold: #b33b2e; }