/* One class per speaker theme: frame sprites, fonts and ink colours. The box, tag and buttons read these variables. */
.th-erin     { --wide:url(../img/ui/erin/wide.webp); --panel:url(../img/ui/erin/panel.webp); --tag:url(../img/ui/erin/tag.webp); --ring:url(../img/ui/erin/ring.webp);
               --body:'EB Garamond', Georgia, serif; --bsz:1.2; --ink:#2b1a0d; --tagink:#f6e7c6; --nfont:'EB Garamond', serif; --nweight:500; --nls:.16em; --ncase:uppercase; --icon:#f0d59a; --nsz:.95; }
.th-klbkch   { --wide:url(../img/ui/klbkch/wide.webp); --panel:url(../img/ui/klbkch/panel.webp); --tag:url(../img/ui/klbkch/tag.webp); --ring:url(../img/ui/klbkch/ring.webp);
               --body:'TWI Antinium','Chakra Petch', sans-serif; --bsz:1.02; --ink:#c4ecff; --tagink:#8fe3ff; --nfont:'TWI Antinium','Chakra Petch',sans-serif; --nweight:400; --nls:.14em; --ncase:uppercase; --icon:#86dcff; --nsz:.9; }
.th-relc     { --wide:url(../img/ui/relc/wide.webp); --panel:url(../img/ui/relc/panel.webp); --tag:url(../img/ui/relc/tag.webp); --ring:url(../img/ui/relc/ring.webp);
               --body:'Montserrat', sans-serif; --bsz:1.0; --ink:#f3ecd8; --tagink:#f6efdc; --nfont:'Fira Sans Condensed', sans-serif; --nweight:900; --nls:.12em; --ncase:uppercase; --icon:#e9d9a4; --nsz:1.05; }
.th-krshia   { --padt:.55; --wide:url(../img/ui/krshia/wide.webp); --panel:url(../img/ui/krshia/panel.webp); --tag:url(../img/ui/krshia/tag.webp); --ring:url(../img/ui/krshia/ring.webp);
               --body:'TWI Gnoll','Lora', serif; --bsz:.98; --ink:#fff0da; --tagink:#fff0d6; --nfont:'Cormorant UC', serif; --nweight:700; --nls:.12em; --ncase:uppercase; --icon:#ffd9a0; --nsz:1.15; }
.th-pisces   { --padt:.35; --wide:url(../img/ui/pisces/wide.webp); --panel:url(../img/ui/pisces/panel.webp); --tag:url(../img/ui/pisces/tag.webp); --ring:url(../img/ui/pisces/ring.webp);
               --body:'Cormorant UC', serif; --bsz:1.32; --ink:#2c1842; --tagink:#eadcff; --nfont:'Fraktur', serif; --nweight:400; --nls:.04em; --ncase:none; --icon:#dcc8ff; --nsz:1.25; }
.th-dragon   { --padt:.2; --wide:url(../img/ui/dragon/wide.webp); --panel:url(../img/ui/dragon/panel.webp); --tag:url(../img/ui/dragon/tag.webp); --ring:url(../img/ui/dragon/ring.webp);
               --body:'TWI Dragon','Caudex', serif; --bsz:1.16; --ink:#eadfff; --tagink:#f2dc9f; --nfont:'Caudex', serif; --nweight:700; --nls:.16em; --ncase:uppercase; --icon:#eacb7a; --nsz:.95; }
.th-goblin   { --padt:1.15; --wide:url(../img/ui/goblin/wide.webp); --panel:url(../img/ui/goblin/panel.webp); --tag:url(../img/ui/goblin/tag.webp); --ring:url(../img/ui/goblin/ring.webp);
               --body:'TWI Goblin','Dela Gothic One', sans-serif; --bsz:1.08; --ink:#3a160e; --tagink:#7d1710; --nfont:'TWI Goblin','Dela Gothic One', sans-serif; --nweight:400; --nls:.06em; --ncase:uppercase; --icon:#f0dfbd; --nsz:1.15; }
.th-magnolia { --wide:url(../img/ui/magnolia/wide.webp); --panel:url(../img/ui/magnolia/panel.webp); --tag:url(../img/ui/magnolia/tag.webp); --ring:url(../img/ui/magnolia/ring.webp);
               --body:'Playfair Display', serif; --bsz:1.1; --ink:#3a0c20; --tagink:#7c2547; --nfont:'Playfair Display', serif; --nweight:900; --nls:.08em; --ncase:none; --icon:#fff0e2; --nsz:1.05; font-style:normal; }
.th-magnolia .text { font-style: italic; }
.th-ryoka    { --wide:url(../img/ui/ryoka/wide.webp); --panel:url(../img/ui/ryoka/panel.webp); --tag:url(../img/ui/ryoka/tag.webp); --ring:url(../img/ui/ryoka/ring.webp);
               --body:'Lexend', sans-serif; --bsz:.98; --ink:#f6ecd2; --tagink:#f5e4c4; --nfont:'Lexend', sans-serif; --nweight:400; --nls:.16em; --ncase:uppercase; --icon:#f0d9a6; --nsz:.85; }
.th-system   { --wide:url(../img/ui/system/wide.webp); --panel:url(../img/ui/system/panel.webp); --tag:url(../img/ui/system/tag.webp); --ring:url(../img/ui/system/ring.webp);
               --body:'JetBrains Mono', monospace; --bsz:.98; --ink:#c6f1ff; --tagink:#ffd870; --nfont:'JetBrains Mono', monospace; --nweight:700; --nls:.18em; --ncase:uppercase; --icon:#7fe3ff; --nsz:.85; }
.th-narrator { --wide:url(../img/ui/narrator/wide.webp); --panel:url(../img/ui/narrator/panel.webp); --tag:url(../img/ui/narrator/tag.webp); --ring:url(../img/ui/narrator/ring.webp);
               --body:'EB Garamond', Georgia, serif; --bsz:1.26; --ink:#33210f; --tagink:#33210f; --nfont:'EB Garamond', serif; --nweight:500; --nls:.16em; --ncase:uppercase; --icon:#4a3216; --nsz:.95; }
.th-narrator .text { font-style: italic; }

/* panel-mode insets (in font-size units) and font scale for the heavier faces */
.th-klbkch { --pt:.3; --ps:.5; }
.th-relc { --pt:.6; --ps:1.3; }
.th-krshia { --pt:1.1; --ps:1.1; --pbsz:.84; }
.th-pisces { --pt:.9; --ps:1.2; --pbsz:.92; }
.th-dragon { --pt:.6; --ps:1.0; --pbsz:.92; }
.th-goblin { --pt:2.8; --ps:1.9; --pbsz:.86; }
.th-magnolia { --pt:1.5; --ps:1.2; --pbsz:.94; }
.th-ryoka { --pt:.6; --ps:.8; }
.th-ryoka .text { text-shadow: 0 1px 2px rgba(0,0,0,.55); }
.th-system { --pt:.8; --ps:1.2; }
.th-narrator { --ps:.3; }

/* wide/dock boxes: extra room on the left/right for corner decorations (font-size units) */
.th-klbkch { --wl:1.2; --wr:.6; }
.th-relc { --wl:2.6; --wr:2.2; }
.th-krshia { --wl:2.4; --wr:1.8; }
.th-pisces { --wl:1.8; --wr:4.6; }
.th-dragon { --wl:4.4; --wr:2.6; }
.th-goblin { --wl:3.4; --wr:2.6; }
.th-magnolia { --wl:2.2; --wr:2.0; }
.th-ryoka { --wl:1.4; --wr:1.6; }
.th-system { --wl:1.6; --wr:1.4; }
.th-erin { --wl:.4; --wr:.6; }
.th-narrator { --wl:.4; --wr:.6; }
#game[data-mode="panel"] #textbox { --wl:0; --wr:0; }