/* --- Publisher Specific Styling --- */
@import url("pinnacle-entertainment.css");
@import url("sigil.css");

/* Google font imports to be used for compendium books. */
@import url('https://fonts.googleapis.com/css2?family=Della+Respira&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:ital@0;1&family=Lusitana:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&family=Open+Sans:ital,wght@0,400;1,400;1,700&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Goblin+One&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Kadwa&family=Press+Start+2P&family=Russo+One&family=Titillium+Web&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Carter+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Text&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Macondo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Passion+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fondamento&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url("https://fonts.googleapis.com/css?family=Homenaje|Monda|Orbitron|Michroma|Viga|Material+Icons|Material+Symbols+Outlined|Wallpoet|Saira+Extra+Condensed&display=swap");
@import url("https://fonts.googleapis.com/css?family=Homenaje|Play|Material+Symbols+Outlined|Wallpoet|Saira+Extra+Condensed&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Amarante&family=Amatic+SC:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aladin&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aladin&family=Pirata+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kufam:wght@900&display=swap');
@import url("https://fonts.googleapis.com/css?family=Homenaje|Play|Material+Symbols+Outlined|Rakkas|Alegreya:400|Alegreya:700|Galdeano&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Cantarell&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&family=Trade+Winds&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya:wght@800&family=Almendra:wght@700&family=Fondamento&display=swap');
@import url("https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&family=Tilt+Neon&family=Neuton&family=Barlow+Semi+Condensed&family=Caveat&family=Jura&family=Ubuntu+Mono&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:ital@0;1&family=UnifrakturMaguntia&family=Almendra+SC&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&family=El+Messiri&family=IM+Fell+Double+Pica&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&family=El+Messiri&family=IM+Fell+Double+Pica&family=IM+Fell+Double+Pica+SC&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kreon&family=Alegreya+Sans+SC&family=Alegreya+Sans&family=Carattere&family=Spectral+SC&family=Spectral&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Crushed&family=Josefin+Sans&family=Sorts+Mill+Goudy;&display=swap");
@import url("https://fonts.googleapis.com/css2?family=La+Belle+Aurore&family=Crushed&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Sorts+Mill+Goudy:ital@0;1&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Rationale&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rationale&display=swap');
@import url("https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Romanesco&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=IM+Fell+English+SC&family=Linden+Hill:ital@0;1&family=Marcellus+SC&family=Reenie+Beanie&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Road+Rage&display=swap');
@import url("https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&family=Fira+Code:wght@300..700&family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Plaster&family=Text+Me+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=Michroma&family=Smooch+Sans:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bellefair&family=Carattere&family=Manufacturing+Consent&family=Radley:ital@0;1&family=Vollkorn+SC:wght@400;600;700;900&display=swap");

/* Blades in the Dark */

.content-text[data-bookid="BITD"] h1,
.content-text[data-bookid="BITD"] h2,
.content-text[data-bookid="BITD"] h3,
.content-text[data-bookid="BITD"] h4,
.content-text[data-bookid="BITD"] h5 {
    font-family: "Goblin One", serif;
    font-weight: 700;
    text-transform: uppercase;
}

.content-text[data-bookid="BITD"] p {
    font-family: "Crimson Text", "Montserrat", sans-serif;
}

/* Band of Blades */

.content-text[data-bookid="bandofblades"] h1,
.content-text[data-bookid="bandofblades"] h2,
.content-text[data-bookid="bandofblades"] h3,
.content-text[data-bookid="bandofblades"] h4,
.content-text[data-bookid="bandofblades"] h5 {
    font-family: 'IM Fell English SC', serif;
}

/* Backbone */

.content-text[data-bookid="backbone"] h1,
.content-text[data-bookid="backbone"] h2,
.content-text[data-bookid="backbone"] h3,
.content-text[data-bookid="backbone"] h4,
.content-text[data-bookid="backbone"] h5 {
  font-family: 'IM Fell English SC', serif;
}

.content-text[data-bookid="backbone"] p {
    font-family: 'IM Fell English', serif;
}

/* HERO System */

.content-text[data-bookid="HERO"] h1,
.content-text[data-bookid="HERO"] h2,
.content-text[data-bookid="HERO"] h3,
.content-text[data-bookid="HERO"] h4,
.content-text[data-bookid="HERO"] h5 {
  font-family: 'Roboto', sans-serif;
}

.content-text[data-bookid="HERO"] p {
  font-family: 'Domine', serif;
}

/* Salvage Union */

.content-text[data-bookid="SU"] h1,
.content-text[data-bookid="SU"] h2,
.content-text[data-bookid="SU"] h3,
.content-text[data-bookid="SU"] h4,
.content-text[data-bookid="SU"] h5 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

/* Improv For Gamers */

.content-text[data-bookid="ifg"] h1,
.content-text[data-bookid="ifg"] h2,
.content-text[data-bookid="ifg"] h3,
.content-text[data-bookid="ifg"] h4,
.content-text[data-bookid="ifg"] h5 {
  font-family: 'Carter One', cursive;
}

/* Fate */

.content-text[data-expansionid="5820"] h1,
.content-text[data-expansionid="5820"] h2,
.content-text[data-expansionid="5820"] h3,
.content-text[data-expansionid="5820"] h4,
.content-text[data-expansionid="5820"] h5,

.content-text[data-expansionid="14796"] h1,
.content-text[data-expansionid="14796"] h2,
.content-text[data-expansionid="14796"] h3,
.content-text[data-expansionid="14796"] h4,
.content-text[data-expansionid="14796"] h5,

.content-text[data-expansionid="13180"] h1,
.content-text[data-expansionid="13180"] h2,
.content-text[data-expansionid="13180"] h3,
.content-text[data-expansionid="13180"] h4,
.content-text[data-expansionid="13180"] h5,

.content-text[data-expansionid="14799"] h1,
.content-text[data-expansionid="14799"] h2,
.content-text[data-expansionid="14799"] h3,
.content-text[data-expansionid="14799"] h4,
.content-text[data-expansionid="14799"] h5 {
    font-family: 'Orbitron', sans-serif;
    font-weight: 400;
}

/* Scum & Villainy */

.content-text[data-bookid="scumandvillainy"] h1,
.content-text[data-bookid="scumandvillainy"] h2,
.content-text[data-bookid="scumandvillainy"] h3,
.content-text[data-bookid="scumandvillainy"] h4,
.content-text[data-bookid="scumandvillainy"] h5 {
    font-family: 'Orbitron', sans-serif;
    font-weight: 400;
}

/* Thirsty Sword Lesbians */

.content-text[data-bookid="tsl"] h1,
.content-text[data-bookid="tsl"] h2,
.content-text[data-bookid="tsl"] h3,
.content-text[data-bookid="tsl"] h4,
.content-text[data-bookid="tsl"] h5 {
font-family: "Kaushan Script", serif;
font-weight: 700;
color: #E85761;
}

/* Rise of the Drow */

.content-text[data-expansionid="5818"] h1,
.content-text[data-expansionid="5818"] h2,
.content-text[data-expansionid="5818"] h3,
.content-text[data-expansionid="5818"] h4,
.content-text[data-expansionid="5818"] h5,
.content-text[data-expansionid="5818"] h6,
.content-text[data-expansionid="5818"] .theme-color,
.content-text[data-expansionid="5818"] blockquote,
.content-text[data-expansionid="5818"] i {
    color: #4e1860;
}

.content-text[data-expansionid="5818"] th {
  padding-left: 5px;
  padding-right: 5px;
}

/* Monster of the Week */
.content-text[data-bookid="motw"] h1,
.content-text[data-bookid="motw"] h2,
.content-text[data-bookid="motw"] h3,
.content-text[data-bookid="motw"] h4,
.content-text[data-bookid="motw"] h5 {
    font-family: 'Special Elite', cursive;
}

/* Earthdawn 4th Edition */
.content-text[data-bookid="earthdawn"] h1,
.content-text[data-bookid="earthdawn"] h2,
.content-text[data-bookid="earthdawn"] h3,
.content-text[data-bookid="earthdawn"] h4,
.content-text[data-bookid="earthdawn"] h5 {
    font-family: 'Aladin', cursive;
}

/* Atomic Robo RPG & Atomic Robo RPG - MJ-12*/
.content-text[data-expansionid="14797"] h1,
.content-text[data-expansionid="14797"] h2,
.content-text[data-expansionid="14797"] h3,
.content-text[data-expansionid="14797"] h4,
.content-text[data-expansionid="14797"] h5,
.content-text[data-expansionid="14797"] h6,
.content-text[data-expansionid="14798"] h1,
.content-text[data-expansionid="14798"] h2,
.content-text[data-expansionid="14798"] h3,
.content-text[data-expansionid="14798"] h4,
.content-text[data-expansionid="14798"] h5,
.content-text[data-expansionid="14798"] h6 {
  font-family: 'Big Shoulders Text', cursive;
}

/* Uprising - Revolutionary Stories */
.content-text[data-expansionid="14799"] h1,
.content-text[data-expansionid="14799"] h2,
.content-text[data-expansionid="14799"] h3,
.content-text[data-expansionid="14799"] h4,
.content-text[data-expansionid="14799"] h5,
.content-text[data-expansionid="14799"] h6 {
  font-family: 'Orbitron', sans-serif;
}

/* Young Centurions */
.content-text[data-expansionid="14800"] h1,
.content-text[data-expansionid="14800"] h2,
.content-text[data-expansionid="14800"] h3,
.content-text[data-expansionid="14800"] h4,
.content-text[data-expansionid="14800"] h5,
.content-text[data-expansionid="14800"] h6 {
  font-family: 'Macondo', cursive;
}

/* Kaiju Inc. */
.content-text[data-expansionid="14801"] h1,
.content-text[data-expansionid="14801"] h2,
.content-text[data-expansionid="14801"] h3,
.content-text[data-expansionid="14801"] h4,
.content-text[data-expansionid="14801"] h5,
.content-text[data-expansionid="14801"] h6 {
  font-family: 'Passion One', cursive;
}

/*  War of Ashes - Fate of Agaptus */
.content-text[data-expansionid="14802"] h1,
.content-text[data-expansionid="14802"] h2,
.content-text[data-expansionid="14802"] h3,
.content-text[data-expansionid="14802"] h4,
.content-text[data-expansionid="14802"] h5,
.content-text[data-expansionid="14802"] h6 {
  font-family: 'Fondamento', cursive;
}

/* Dračí Hlídka */
.content-text[data-bookid="dračíhlídka"] h1,
.content-text[data-bookid="dračíhlídka"] h2,
.content-text[data-bookid="dračíhlídka"] h3,
.content-text[data-bookid="dračíhlídka"] h4,
.content-text[data-bookid="dračíhlídka"] h5,
.content-text[data-bookid="dračíhlídka"] h6 {
  font-family: 'Pirata One', cursive;
}

/* - Mothership - */

.content-text[data-bookid="mothership"]{
    font-family: "Open Sans", sans-serif;
}
.content-text[data-bookid="mothership"] #pageAttrs {
    display: none;
}
.content-text[data-bookid="mothership"] div[style] > em {
    font-family: "Open Sans", sans-serif;
    content: "";
}
.content-text[data-bookid="mothership"] div[style] > h3 > a {
    border: 0;
}
.content-text[data-bookid="mothership"] div[style] > h3 > a:hover {
    display: block;
    background: #f00;
}
.content-text[data-bookid="mothership"] div[style] > h3:before {
    content: "";
}
.content-text[data-bookid="mothership"] em > a {
    padding: 5px;
    border-radius: 15px;
    background-color: #000;
    color: #fff;
    font-variant: normal;
    font-weight: bold;
}
.content-text[data-bookid="mothership"] em > a:hover {
    background-color: #f00;
}
.content-text[data-bookid="mothership"] h1 {
    counter-reset: h2counter;
}
.content-text[data-bookid="mothership"] h1,
.content-text[data-bookid="mothership"] h2,
.content-text[data-bookid="mothership"] h3,
.content-text[data-bookid="mothership"] h4 {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    border-bottom: 2px solid #000;
}.content-text[data-bookid="mothership"] h2:before {
    content: counter(h2counter) ". ";
    counter-increment: h2counter;
    counter-reset: h3counter;
}
.content-text[data-bookid="mothership"] h3:before {
    content: counter(h2counter) "." counter(h3counter) ". ";
    counter-increment: h3counter;
}
.content-text[data-bookid="mothership"] table tr td {
    border: 0 !important;
    font-size: 0.8em;
    vertical-align: middle !important;
}
.content-text[data-bookid="mothership"] table {
    min-width: 100%;
    border: 2px solid #000;
}
.content-text[data-bookid="mothership"] td,
.content-text[data-bookid="mothership"] th,
.content-text[data-bookid="mothership"] strong,
.content-text[data-bookid="mothership"] em,
.content-text[data-bookid="mothership"] li,
.content-text[data-bookid="mothership"] p {
    font-family: "Open Sans", sans-serif
}
.content-text[data-bookid="mothership"] td[rowspan] {
    min-width: 10%;
    border-right: 2px solid #000 !important;
    text-align: center;
    font-weight: bold;
}
.content-text[data-bookid="mothership"] td[rowspan]:nth-of-type(even) {
    border-right: 2px solid #eee;
}
.content-text[data-bookid="mothership"] thead td,
.content-text[data-bookid="mothership"] thead th {
    padding: 5px;
}
.content-text[data-bookid="mothership"] thead,
.content-text[data-bookid="mothership"] thead td,
.content-text[data-bookid="mothership"] thead th {
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    line-height: 1;
}
.content-text[data-bookid="mothership"] tr {
    border: 2px solid #000;
}
.content-text[data-bookid="mothership"] tr:nth-child(even) {
    background-color: #eee;
}
.content-text[data-bookid="mothership"] {
    font-size: 12pt;
}
  
/* - WFRP - */

.content-text[data-bookid="WFRP"] h1,
.content-text[data-bookid="WFRP"] h2 {
    clear: both;
    
    font-family: "Caslon Antique", "IM Fell DW Pica", serif;
    font-variant: small-caps;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.content-text[data-bookid="WFRP"] h1:after,
.content-text[data-bookid="WFRP"] h2:after {
    display: block;
    content: " ";
    width: 60%;
    height: 15px;
    margin: auto;
    
    background: url('https://files.d20.io/images/151167682/MU4qaf0sjSe1o3s318ZhKA/max.png?1595036126') no-repeat center/100% 100%;
}

.content-text[data-bookid="WFRP"] h3,
.content-text[data-bookid="WFRP"] h4 {
    margin-bottom: 0;
    
    font-family: "Adobe Caslon Pro", "Lusitana", serif;
    font-weight: bold;
    line-height: 1;
}

.content-text[data-bookid="WFRP"] div:not(#pagecontent) > h3{
    margin-bottom: 12pt;
    
    font-family: "Caslon Antique", "IM Fell DW Pica", serif;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}


.content-text[data-bookid="WFRP"] h1.page-title {
    font-size: 40pt;
    text-transform: uppercase;
}

.content-text[data-bookid="WFRP"] p {
    font-family: "Adobe Caslon Pro", "Lusitana", serif;
}

.content-text[data-bookid="WFRP"] .sidebar {
    max-width: 33%;
    float:right;
    
    background: url('https://files.d20.io/images/151442442/WL3whxtgGLSL18KI8cvGQw/max.png?1595121884') no-repeat center/100% 100%;
}

.content-text[data-bookid="WFRP"] p img[src*="1598815506"],
.content-text[data-bookid="WFRP"] p img[src*="1598815507"] {
    margin-bottom: 5px;
}

.content-text[data-bookid="WFRP"] p img[src*="K5H077z3OYZYmbJ8r5X_OQ"] {
    height: 1.75rem
}

.content-text[data-bookid="WFRP"] p img[src*="-omveiXzYhrM2auBcF_MCQ"] {
    width: 1.75rem !important;
    height: 2rem
}

.content-text[data-bookid="WFRP"] p img[src*="VfP5cEyMhPjAVgQXf9ennA"] {
    height: 2rem
}

.content-text[data-bookid="WFRP"] p img[src*="e_2oUSr3imLxPIMS0fS_8A"] {
    width: 2rem !important;
    height: 2rem
}

.content-text[data-bookid="WFRP"] #pagecontent table {
    width: 100%;
    padding: 2em;
    border-collapse: separate;
    
    font-family: "Adobe Caslon Pro", "Lusitana", serif;
    
    background: url('https://files.d20.io/images/151442442/WL3whxtgGLSL18KI8cvGQw/max.png?1595121884') no-repeat center/100% 100% !important;
    background-origin: border-box;
}

.content-text[data-bookid="WFRP"] #pagecontent table tr {
    width: 80%;
}

.content-text[data-bookid="WFRP"] table thead{
    border-bottom: 1px solid #000;
}

.content-text[data-bookid="WFRP"] table thead th {
    text-align: center;
}

.content-text[data-bookid="WFRP"] #pagecontent blockquote {
    border: 0;
    
    font-size: 1em;
    text-align: center;
}

.content-text[data-bookid="WFRP"] #pagecontent table tr {
    margin: 0 2rem;
}

.content-text[data-bookid="WFRP"] #pagecontent table tbody tr:nth-child(odd) {
    background: rgba(36, 107, 131, 0.075);
}

.content-text[data-bookid="WFRP"] #pagecontent table tbody tr td,
.content-text[data-bookid="WFRP"] #pagecontent table thead td,
.content-text[data-bookid="WFRP"] table thead th {
    border: 0;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000 !important;
    text-align: center;
}

.content-text[data-bookid="WFRP"] #pagecontent table tbody tr td:last-of-type,
.content-text[data-bookid="WFRP"] #pagecontent table thead td:last-of-type,
.content-text[data-bookid="WFRP"] table thead th:last-of-type {
    border: 0;
    border-bottom: 1px solid #000;
    text-align: center;
}

.content-text[data-bookid="WFRP"] #pagecontent table tbody tr:last-of-type td {
    border-right: 1px solid #000;
    border-bottom: 0  !important;
    text-align: center;
}

.content-text[data-bookid="WFRP"] #pagecontent table tbody tr:last-of-type td:last-of-type {
    border: 0 !important;
    text-align: center;
}

.content-text[data-bookid="WFRP"] table tbody td,
.content-text[data-bookid="WFRP"] table thead th {
    text-align: center;
}
	
/* - Agon - */

.content-text[data-bookid="AGON"] h1,
.content-text[data-bookid="AGON"] h2,
.content-text[data-bookid="AGON"] h3,
.content-text[data-bookid="AGON"] h4,
.content-text[data-bookid="AGON"] h5 {
	font-family: "Della Respira", serif;
	font-weight: 600;
	text-transform: uppercase;
	color: #00646a;
}

.content-text[data-bookid="AGON"] p {
	font-family: "Open Sans", "Montserrat", sans-serif;
}

/* - Scion 2e - */

.content-text[data-bookid=Scion2e] #pagecontent {
  --font-primary: Mercury Test G2, Palatino, Palatino Linotype, Helvetica Neue, Arial, serif;
  --font-secondary: Futura, Helvetica Neue, Helvetica, Arial, serif;
  --font-body: var(--font-primary);
  --font-title: Impact, Arial Black, sans-serif;
  --font-heading: Courier Prime, Impact, Arial Black, sans-serif;
  --font-h6: var(--font-body);
  --font-alternative-body: var(--font-secondary);
  --font-sidebar-body: var(--font-secondary);
  --font-sidebar-heading: Benguiat, Impact, Arial Black, sans-serif;
  --font-pantheon-box-headings: var(--font-secondary);
  --font-featured-body: var(--font-secondary);
  --font-featured-headings: var(--font-secondary);
  --font-character-box: var(--font-secondary);
  --font-th: var(--font-secondary);
  --font-td: var(--font-secondary);
  --font-dropcap: Benguiat, Impact, Arial Black, sans-serif;
  --font-toc-h3: Impact, Arial Black, sans-serif;
  --font-toc-h4: var(--font-primary);
  --font-toc-h5: var(--font-primary);
  --font-faq-heading: var(--font-secondary);
  --font-faq-content: var(--font-secondary);
  --dm-color-subheadings: #e6e6e6;
  --lm-color-subheadings: #1a1a1a;
  --color-subheadings: var(--lm-color-subheadings);
  --dm-color-primary-background: #353e29;
  --lm-color-primary-background: #353e29;
  --color-primary-background: var(--lm-color-primary-background);
  --dm-color-secondary-background: #3c3c3c;
  --lm-color-secondary-background: #dddcd8;
  --color-secondary-background: var(--lm-color-secondary-background);
  --dm-color-text: #c0c0c0;
  --lm-color-text: #303030;
  --color-text: var(--lm-color-text);
  --dm-color-text-heavy: #e6e6e6;
  --lm-color-text-heavy: #1a1a1a;
  --color-text-heavy: var(--lm-color-text-heavy);
  --dm-color-text-highlighted: #cbdab9;
  --lm-color-text-highlighted: #2f3725;
  --color-text-highlighted: var(--lm-color-text-highlighted);
  --dm-color-link: #418fde;
  --lm-color-link: #418fde;
  --color-link: var(--lm-color-link);
  --dm-color-link-hover: #418fde;
  --lm-color-link-hover: #418fde;
  --color-link-hover: var(--lm-color-link-hover);
  --dm-color-autolink-border: currentColor;
  --lm-color-autolink-border: currentColor;
  --color-autolink-border: var(--lm-color-autolink-border);
  --dm-color-text-dt-strong: #cbdab9;
  --lm-color-text-dt-strong: #2f3725;
  --color-text-dt-strong: var(--lm-color-text-dt-strong);
  --dm-color-h2: #a8aaa1;
  --lm-color-h2: #4d5343;
  --color-h2: var(--lm-color-h2);
  --dm-color-h3: var(--dm-color-subheadings);
  --lm-color-h3: var(--lm-color-subheadings);
  --color-h3: var(--lm-color-h3);
  --dm-color-h4: var(--dm-color-subheadings);
  --lm-color-h4: var(--lm-color-subheadings);
  --color-h4: var(--lm-color-h4);
  --dm-color-h5: var(--color-subheadings);
  --lm-color-h5: var(--color-subheadings);
  --color-h5: var(--lm-color-h5);
  --dm-color-h6: #a8aaa1;
  --lm-color-h6: #4d5343;
  --color-h6: var(--lm-color-h6);
  --dm-color-figcaption: #a8aaa1;
  --lm-color-figcaption: #4d5343;
  --color-figcaption: var(--lm-color-figcaption);
  --dm-color-toc-h3: #a8aaa1;
  --lm-color-toc-h3: #4d5343;
  --color-toc-h4: var(--lm-color-toc-h4);
  --dm-color-toc-strong: #a8aaa1;
  --lm-color-toc-strong: #4d5343;
  --color-toc-strong: var(--lm-color-toc-strong);
  --dm-color-dropcap: #f0f0f0;
  --lm-color-dropcap: #675d51;
  --color-dropcap: var(--lm-color-dropcap);
  --dm-color-layout: var(--color-primary-background);
  --lm-color-layout: var(--color-primary-background);
  --color-layout: var(--lm-color-layout);
  --dm-color-aside-background: #404133;
  --lm-color-aside-background: #404133;
  --color-aside-background: var(--lm-color-aside-background);
  --dm-color-aside-text: #f4ebd1;
  --lm-color-aside-text: #f4ebd1;
  --color-aside-text: var(--lm-color-aside-text);
  --dm-color-aside-th-background: var(--color-primary-background);
  --lm-color-aside-th-background: var(--color-primary-background);
  --color-aside-th-background: var(--lm-color-aside-th-background);
  --dm-color-aside-even-background: var(--color-primary-background);
  --lm-color-aside-even-background: var(--color-primary-background);
  --color-aside-even-background: var(--lm-color-aside-even-background);
  --dm-color-aside-odd-background: #f4ebd1;
  --lm-color-aside-odd-background: #f4ebd1;
  --color-aside-odd-background: var(--lm-color-aside-odd-background);
  --dm-color-aside-odd-text: #303030;
  --lm-color-aside-odd-text: #303030;
  --color-aside-odd-text: var(--lm-color-aside-odd-text);
  --dm-color-aside-even-text: #f4ebd1;
  --lm-color-aside-even-text: #f4ebd1;
  --color-aside-even-text: var(--lm-color-aside-even-text);
  --dm-color-bullet-boxes-background: var(--dm-color-secondary-background);
  --lm-color-bullet-boxes-background: var(--lm-color-secondary-background);
  --color-bullet-boxes-background: var(--lm-color-bullet-boxes-background);
  --dm-color-dot-boxes-background: var(--dm-color-secondary-background);
  --lm-color-dot-boxes-background: var(--lm-color-secondary-background);
  --color-dot-boxes-background: var(--lm-color-dot-boxes-background);
  --lm-color-table-header-background: var(--lm-color-primary-background);
  --dm-color-table-header-background: var(--dm-color-primary-background);
  --color-table-header-background: var(--lm-color-table-header-background);
  --lm-color-pantheon-box-header-background: var(--lm-color-primary-background);
  --dm-color-pantheon-box-header-background: var(--dm-color-primary-background);
  --color-pantheon-box-header-background: var(--lm-color-pantheon-box-header-background);
  --lm-color-pantheon-box-callings-background: var(--lm-color-secondary-background);
  --dm-color-pantheon-box-callings-background: var(--dm-color-secondary-background);
  --color-pantheon-box-callings-background: var(--lm-color-pantheon-box-callings-background);
  --color-featured-header-background: var(--color-primary-background);
  --color-character-box-background-outer: var(--color-primary-background);
  --lm-color-character-box-background-inner: #ccc7bd;
  --dm-color-character-box-background-inner: #615e57;
  --color-character-box-background-inner: var(--lm-color-character-box-background-inner);
  --color-faq-header: white;
  --lm-color-faq-header-background: var(--lm-color-primary-background);
  --dm-color-faq-header-background: var(--dm-color-primary-background);
  --color-faq-header-background: var(--lm-color-faq-header-background);
  --lm-color-faq-background: var(--lm-color-secondary-background);
  --dm-color-faq-background: var(--dm-color-secondary-background);
  --color-faq-background: var(--lm-color-faq-background);
  --lm-color-table-row-odd: #f4f3f0;
  --dm-color-table-row-odd: #565450;
  --color-table-row-odd: var(--lm-color-table-row-odd);
  --lm-color-table-row-even: #d1d0ca;
  --dm-color-table-row-even: #333230;
  --color-table-row-even: var(--lm-color-table-row-even);
  --image-aside-background: url("https://files.d20.io/images/367089870/lLAuiEphUw74p-GVFGrD8g/max.png?1699655101");
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: clamp(13px, 1.2345679012vw + (8.3703703704px), 18px);
  line-height: 1.4;
  --gradient-aside-border: linear-gradient(0, #eae18d 0%, #b38b48 100%);
  --gradient-image-border: linear-gradient(0, #b38b48 0%, #eae18d 100%);
  --image-aside-background: url("https://files.d20.io/images/250048591/c1IgWmKt6tZp0A4AQ9B1BQ/max.jpg?1634051815");
  --image-skull-black: url("https://files.d20.io/images/250050129/XeS95ohRfc8WRrubiYA5GQ/max.png?1634052720");
  --box-shadow-aside: 6px 6px 8px rgba(0, 0, 0, 0.28);
  --box-shadow-container: 6px 6px 8px rgba(0, 0, 0, 0.28);
}
.content-text[data-bookid=Scion2e] #pagecontent.dark {
  --color-text: var(--dm-color-text);
  --color-text-heavy: var(--dm-color-text-heavy);
  --color-text-highlighted: var(--dm-color-text-highlighted);
  --color-link: var(--dm-color-link);
  --color-link-hover: var(--dm-color-link-hover);
  --color-autolink-border: var(--dm-color-autolink-border);
  --color-text-dt-strong: var(--dm-color-text-dt-strong);
  --color-h2: var(--dm-color-h2);
  --color-h3: var(--dm-color-h3);
  --color-h4: var(--dm-color-h4);
  --color-h5: var(--dm-color-h5);
  --color-h6: var(--dm-color-h6);
  --color-figcaption: var(--dm-color-figcaption);
  --color-toc-h3: var(--dm-color-toc-h3);
  --color-toc-strong: var(--dm-color-toc-strong);
  --color-dropcap: var(--dm-color-dropcap);
  --color-layout: var(--dm-color-layout);
  --color-aside-background: var(--dm-color-aside-background);
  --color-aside-text: var(--dm-color-aside-text);
  --color-aside-th-background: var(--dm-color-aside-th-background);
  --color-aside-even-background: var(--dm-color-aside-even-background);
  --color-aside-odd-background: var(--dm-color-aside-odd-background);
  --color-aside-odd-text: var(--dm-color-aside-odd-text);
  --color-aside-even-text: var(--dm-color-aside-even-text);
  --color-bullet-boxes-background: var(--dm-color-bullet-boxes-background);
  --color-dot-boxes-background: var(--dm-color-dot-boxes-background);
  --color-table-row-odd: var(--dm-color-table-row-odd);
  --color-table-row-even: var(--dm-color-table-row-even);
  --color-character-box-background-inner: var(--dm-color-character-box-background-inner);
  --color-faq-header-background: var(--dm-color-faq-header-background);
  --color-faq-background: var(--dm-color-faq-background);
  --color-pantheon-box-callings-background: var(--dm-color-pantheon-box-callings-background);
  --color-pantheon-box-header-background: var(--dm-color-pantheon-box-header-background);
  --color-table-header-background: var(--dm-color-table-header-background);
  --color-secondary-background: var(--dm-color-secondary-background);
}
.content-text[data-bookid=Scion2e] #pagecontent a[name=toc_1] + * {
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(h1, h2, h3, h4, h5, h6, figcaption):not(.esc) {
  font-family: var(--font-heading);
  line-height: 0.9;
  text-transform: uppercase;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(h1, h2, h3, h4, h5, h6, figcaption):not(.esc):first-child {
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(h1, h2, h3, h4, h5, h6, figcaption):not(.esc) a {
  color: currentColor !important;
  border-bottom: none !important;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(h1, h2, h3, h4, h5, h6, figcaption):not(.esc) a:hover {
  color: currentColor !important;
  text-decoration: none;
}
.content-text[data-bookid=Scion2e] #pagecontent em em {
  font-style: normal;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(a, a.autolink):hover {
  background: inherit;
  color: var(--color-link-hover) !important;
}
.content-text[data-bookid=Scion2e] #pagecontent a:not(.autolink) {
  color: var(--color-link) !important;
  border-bottom: none !important;
}
.content-text[data-bookid=Scion2e] #pagecontent a.autolink {
  border-bottom: 1px dotted var(--color-autolink-border) !important;
}
.content-text[data-bookid=Scion2e] #pagecontent p {
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: 1em;
  line-height: 1.4;
  margin: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent p:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=Scion2e] #pagecontent p strong {
  color: var(--color-text-heavy);
}
.content-text[data-bookid=Scion2e] #pagecontent blockquote {
  margin: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent blockquote:not(:first-child) {
  margin-top: 2em;
}
.content-text[data-bookid=Scion2e] #pagecontent blockquote:not(:last-child) {
  margin-bottom: 2em;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol) {
  padding-left: 2em;
  margin: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol):not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol):not(:last-child) {
  margin-bottom: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol) strong {
  color: var(--color-text-heavy);
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol) li {
  padding-left: 0.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol) li:not(:last-child) {
  margin-bottom: 0.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol) li > :is(ul, ol) {
  padding: 0;
  margin-top: 0.5em !important;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol) li > :is(ul, ol) li {
  padding: 0 0 0 1.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent dl {
  padding: 0 1em;
  margin: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent dl:not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent dl:not(:last-child) {
  margin-bottom: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent dt {
  color: var(--color-text-dt-strong);
  font-family: var(--font-featured-body);
  font-weight: 400;
}
.content-text[data-bookid=Scion2e] #pagecontent dt:not(:last-child) {
  margin-bottom: 0.25em;
}
.content-text[data-bookid=Scion2e] #pagecontent dt, .content-text[data-bookid=Scion2e] #pagecontent dd {
  line-height: 1.4;
}
.content-text[data-bookid=Scion2e] #pagecontent figure:not(:first-child) {
  margin-top: 2em;
}
.content-text[data-bookid=Scion2e] #pagecontent figure:not(:last-child) {
  margin-bottom: 2em;
}
.content-text[data-bookid=Scion2e] #pagecontent figcaption + table {
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e] #pagecontent table {
  font-size: inherit !important;
  margin-bottom: 0 !important;
  width: 100%;
}
.content-text[data-bookid=Scion2e] #pagecontent table:not(:first-child) {
  margin-top: 2em;
}
.content-text[data-bookid=Scion2e] #pagecontent table:not(:last-child) {
  margin-bottom: 2em !important;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(td, th) {
  font-size: 0.875em;
  border: none;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(td, th):not(:last-child) {
  padding-right: 1em !important;
}
.content-text[data-bookid=Scion2e] #pagecontent th {
  background: var(--color-table-header-background);
  color: white;
  font-family: var(--font-th);
  text-transform: uppercase;
  vertical-align: bottom;
  padding: 0.25em 0.5em !important;
}
.content-text[data-bookid=Scion2e] #pagecontent td {
  font-family: var(--font-td);
  padding: 0.45em 0.5em 0.25em !important;
}
.content-text[data-bookid=Scion2e] #pagecontent tbody tr:nth-child(odd) {
  background: var(--color-table-row-odd);
}
.content-text[data-bookid=Scion2e] #pagecontent tbody tr:nth-child(even) {
  background: var(--color-table-row-even);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5em 4%;
  margin-top: 2em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div {
  flex: 1 1 48%;
  font-size: clamp(16px, 0.4938271605vw + (14.1481481481px), 18px);
  min-width: 320px;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div a:nth-child(2) + * {
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div * {
  line-height: 1;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div h3 {
  color: var(--color-toc-h3);
  font-family: var(--font-toc-h3);
  font-size: 1.25em;
  border-bottom: 1px solid currentColor;
  margin: 1.25em 0 0.5em !important;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div ul {
  list-style: none;
  padding-left: 0.75em;
  margin: 0 !important;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li {
  margin: 0;
  padding-left: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li :is(h4, h5) {
  margin: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li :is(h4, h5) > :is(a, span) {
  display: block;
  padding: 8px 0;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li * {
  font-size: 1em;
  text-transform: none;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li *:not(:is(strong)) {
  font-weight: 400;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li h4 {
  font-family: var(--font-toc-h4);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li h5 {
  color: var(--font-toc-h5);
  font-family: var(--font-toc-h5);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li ul h5 {
  font-style: italic;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li strong {
  color: var(--color-toc-strong);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*="66%"] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*="66%"] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  width: 66%;
  min-width: 345px;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*="50%"] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*="50%"] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  width: 50%;
  min-width: 200px;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*="33%"] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*="33%"] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  width: 33%;
  min-width: 150px;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=centered] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=centered] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  margin-left: auto !important;
  margin-right: auto !important;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=uppercase] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=uppercase] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  text-transform: uppercase;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=indent-05] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=indent-05] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  text-indent: 0.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=indent-10] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=indent-10] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  text-indent: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=indent-15] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=indent-15] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  text-indent: 1.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=text-justify] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=text-justify] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  text-align: justify;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-size-09] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-size-09] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  font-size: 0.9em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-size-08] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-size-08] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  font-size: 0.8em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-size-07] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-size-07] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  font-size: 0.7em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=drop-cap] + *::first-letter {
  float: left;
  color: var(--color-dropcap);
  font-family: var(--font-dropcap) !important;
  font-size: 3.25em;
  line-height: 0.6;
  padding-right: 0.05em;
  padding-top: 0.2em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=display-block] + * {
  display: block;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-weight-400] + * {
  font-weight: 400;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-weight-700] + * {
  font-weight: 700;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=clearfix] {
  display: block;
  clear: both;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=circle-shape] + * {
  shape-outside: circle(50%);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=transform-flip-x] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=transform-flip-x] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  transform: scale(-1, 1);
}
@media (min-width: 480px) {
  .content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=two-columns] + * {
    column-count: 2;
    column-gap: 2em;
  }
}
@media (min-width: 768px) {
  .content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=responsive-float-right] + *,
  .content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=responsive-float-right] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
    float: right;
    font-size: 0.75em;
    margin: 1em 0 1em 1em;
    width: 45%;
  }
}
@media (min-width: 992px) {
  .content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=responsive-float-right] + *,
  .content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=responsive-float-right] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
    font-size: 0.625em;
  }
}
@media (min-width: 1200px) {
  .content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=responsive-float-right] + *,
  .content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=responsive-float-right] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
    font-size: 0.75em;
  }
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=container-drop-shadow] + * {
  filter: drop-shadow(0.45em 0.45em 0.3em rgba(0, 0, 0, 0.3));
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=dot-boxes] + div:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=dot-boxes] + div:not(:last-child) {
  margin-bottom: 0.75em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=dot-boxes] + div > div {
  display: flex;
  padding: 0.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=dot-boxes] + div > div:nth-child(odd) {
  background: var(--color-dot-boxes-background);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=dot-boxes] + div > div > :first-child {
  flex-shrink: 0;
  min-width: 4em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=dot-boxes] + div > div > :last-child {
  flex-grow: 1;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + * {
  list-style-position: inside;
  padding: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + *:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + * > li {
  padding: 0.5em 0.5em 0.5em 2em;
  margin: 0;
  overflow: hidden;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + * > li:nth-child(odd) {
  background: var(--color-bullet-boxes-background);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + *:is(ul) > li {
  text-indent: -1.35em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + * ul * {
  color: var(--color-text-highlighted) !important;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + *:is(ol) > li {
  position: relative;
  list-style: none;
  counter-increment: custom;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + *:is(ol) > li:first-child {
  counter-reset: custom;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + *:is(ol) > li::before {
  content: counter(custom) " ";
  position: absolute;
  left: 0;
  display: block;
  text-align: center;
  width: 30px;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=highlighted-text] + * {
  --color-text: var(--color-text-highlighted);
  --color-text-heavy: var(--color-text-highlighted);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-alternative] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-alternative] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  font-family: var(--font-alternative-body);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=faq-box] + div {
  --chamfer: .6em;
  clip-path: polygon(0% var(--chamfer), var(--chamfer) 0%, calc(100% - var(--chamfer)) 0%, 100% var(--chamfer), 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, var(--chamfer) 100%, 0% calc(100% - var(--chamfer)));
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=faq-box] + div:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=faq-box] + div:not(:last-child) {
  margin-bottom: 0.75em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=faq-box] + div > :is(h2, h3, h4, h5, h6) {
  background: var(--color-faq-header-background);
  color: var(--color-faq-header);
  font-family: var(--font-faq-heading);
  font-size: 1.125em;
  padding: 0.5em;
  margin: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=faq-box] + div > div {
  background: var(--color-faq-background);
  font-family: var(--font-faq-content);
  padding: 0.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=faq-box] + div > div * {
  font-family: var(--font-faq-content);
}
.content-text[data-bookid=Scion2e] #pagecontent h1:not(.esc) {
  position: relative;
  color: white;
  font-family: var(--font-title);
  font-size: get_clamp(14, 18, 375, 780);
  padding: 64px 0 32px;
  overflow: hidden;
}
.content-text[data-bookid=Scion2e] #pagecontent h1:not(.esc)::after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  box-shadow: inset 0 0 3px 5px white;
}
.content-text[data-bookid=Scion2e] #pagecontent h1:not(.esc) > img {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  transform: translateY(-50%);
}
.content-text[data-bookid=Scion2e] #pagecontent h1:not(.esc) > div {
  --inner-padding: get_clamp(8, 32, 320, 480);
  font-size: 4em;
  filter: drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px #666666);
}
.content-text[data-bookid=Scion2e] #pagecontent h1:not(.esc) > div > * {
  display: block;
}
.content-text[data-bookid=Scion2e] #pagecontent h1:not(.esc) > div > :first-child {
  font-size: 60%;
  padding: 0 var(--inner-padding);
  margin-bottom: 0.25em;
}
.content-text[data-bookid=Scion2e] #pagecontent h1:not(.esc) > div > :last-child {
  text-indent: -1em;
  padding: 0 var(--inner-padding) 0 calc(1em + var(--inner-padding));
}
.content-text[data-bookid=Scion2e] #pagecontent h1:not(.esc) > div::after {
  content: "";
  display: block;
  background: white;
  height: 0.11em;
  margin-top: -0.22em;
}
.content-text[data-bookid=Scion2e] #pagecontent h2:not(.esc) {
  color: var(--color-h2);
  font-size: 3em;
  margin-bottom: 0.25em;
}
.content-text[data-bookid=Scion2e] #pagecontent h2:not(.esc):not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent h3:not(.esc) {
  color: var(--color-h3);
  font-size: 2em;
  margin-bottom: 0.25em;
}
.content-text[data-bookid=Scion2e] #pagecontent h3:not(.esc):not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent h4:not(.esc) {
  color: var(--color-h4);
  font-size: 1.5em;
  margin-bottom: 0.25em;
}
.content-text[data-bookid=Scion2e] #pagecontent h4:not(.esc):not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent h5:not(.esc) {
  color: var(--color-h5);
  font-size: 1.25em;
  margin-bottom: 0.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent h5:not(.esc):not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent h6:not(.esc) {
  color: var(--color-h6);
  font-family: var(--font-h6);
  font-size: 1.125em;
  text-transform: none;
  margin-bottom: 0.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent h6:not(.esc):not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent figcaption:not(.esc) {
  color: var(--color-figcaption);
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 0.35em;
}
.content-text[data-bookid=Scion2e] #pagecontent blockquote {
  color: var(--color-text-highlighted);
  font-size: inherit;
  font-style: italic;
  border: 2px solid var(--color-layout);
  border-width: 2px 0;
  padding: 1em 0 !important;
}
.content-text[data-bookid=Scion2e] #pagecontent blockquote * {
  color: currentColor;
}
.content-text[data-bookid=Scion2e] #pagecontent aside {
  background: var(--gradient-aside-border);
  color: var(--color-aside-text);
  font-family: var(--font-body);
  font-size: get_clamp(12, 16, 480, 780);
  border: none;
  padding: 5px;
  box-shadow: var(--box-shadow-aside);
  --font-body: var(--font-sidebar-body);
  --font-heading: var(--font-sidebar-heading);
  --color-text: var(--color-aside-text);
  --color-text-heavy: var(--color-aside-text);
}
.content-text[data-bookid=Scion2e] #pagecontent aside:not(:first-child) {
  margin-top: 2em;
}
.content-text[data-bookid=Scion2e] #pagecontent aside:not(:last-child) {
  margin-bottom: 2em;
}
.content-text[data-bookid=Scion2e] #pagecontent aside a[name]:nth-child(2) + :is(h2, h3, h4, h5) {
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e] #pagecontent aside :is(h2, h3, h4, h5):not(.esc) {
  text-align: center;
  color: var(--color-aside-text);
}
.content-text[data-bookid=Scion2e] #pagecontent aside :is(h3, h4):not(.esc) {
  margin-bottom: 0.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent aside :is(h2, h3, h4, h5, p, ol, ul) {
  filter: drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 2px black);
}
.content-text[data-bookid=Scion2e] #pagecontent aside h5 {
  --font-heading: var(--font-sidebar-body);
  font-size: 1.05em !important;
}
.content-text[data-bookid=Scion2e] #pagecontent aside h5:not(.esc):not(:first-child) {
  margin-top: 1.25em;
}
.content-text[data-bookid=Scion2e] #pagecontent aside :is(th, td) {
  font-size: 0.875em;
}
.content-text[data-bookid=Scion2e] #pagecontent aside table:not(:first-child) {
  margin-top: 1em !important;
}
.content-text[data-bookid=Scion2e] #pagecontent aside th {
  background: var(--color-aside-th-background);
  color: var(--color-aside-text);
  font-weight: 400;
  text-transform: none;
  padding: 0.45em 0.5em 0.25em !important;
}
.content-text[data-bookid=Scion2e] #pagecontent aside th > span, .content-text[data-bookid=Scion2e] #pagecontent aside tr:nth-child(even) td > span {
  filter: drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black);
}
.content-text[data-bookid=Scion2e] #pagecontent aside tr:nth-child(odd) td {
  background: var(--color-aside-odd-background);
  color: var(--color-aside-odd-text);
}
.content-text[data-bookid=Scion2e] #pagecontent aside tr:nth-child(even) td {
  background: var(--color-aside-even-background);
  color: var(--color-aside-even-text);
}
.content-text[data-bookid=Scion2e] #pagecontent aside > div {
  position: relative;
  z-index: 1;
  padding: 1.5em 1em;
  overflow: hidden;
}
.content-text[data-bookid=Scion2e] #pagecontent aside > div::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  background-color: var(--color-aside-background);
  background-image: var(--image-aside-background);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 600px;
  transform: scale(1.25, 1.25);
  filter: brightness(0.4);
}
.content-text[data-bookid=Scion2e] #pagecontent img[alt=skull] {
  vertical-align: baseline;
  height: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme] + * {
  --color-subheadings: var(--primary);
  --color-primary-background: var(--primary);
  --color-dropcap: var(--primary);
  --color-text-highlighted: var(--primary);
  --color-aside-background: var(--primary);
  --color-h2: var(--color-subheadings);
  --color-h3: var(--color-subheadings);
  --color-h4: var(--color-subheadings);
  --color-h5: var(--color-subheadings);
  --color-h6: var(--color-subheadings);
  --color-figcaption: var(--color-subheadings);
  --color-layout: var(--color-primary-background);
  --color-aside-th-background: var(--color-primary-background);
  --color-aside-even-background: var(--color-primary-background);
  --color-table-header-background: var(--color-primary-background);
  --color-pantheon-box-header-background: var(--color-primary-background);
  --color-featured-header-background: var(--color-primary-background);
  --color-character-box-background-outer: var(--color-primary-background);
  --color-faq-header-background: var(--color-primary-background);
  --color-bullet-boxes-background: var(--color-secondary-background);
  --color-dot-boxes-background: var(--color-secondary-background);
  --color-pantheon-box-callings-background: var(--color-secondary-background);
  --color-faq-background: var(--color-secondary-background);
  --gradient-aside-border: var(--gradient);
  --gradient-image-border: var(--gradient);
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-aesir] + * {
  --primary: #3982a8;
  --gradient: linear-gradient(90deg, rgba(48,109,150,1) 0%, rgba(253,253,254,1) 50%, rgba(48,109,150,1) 100%);
  --image-aside-background: url("https://files.d20.io/images/250082665/aeYv1kmBAIiQ6oQNVkGCnQ/max.jpg?1634067639");
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-aesir] + * aside > div::before {
  transform: unset;
  filter: brightness(0.63);
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-deva] + * {
  --primary: #896f26;
  --gradient: linear-gradient(90deg, rgba(136,110,38,1) 0%, rgba(6,5,5,1) 25%, rgba(230,191,75,1) 48%, rgba(230,191,75,1) 52%, rgba(6,5,5,1) 75%, rgba(136,110,38,1) 100%);
  --image-aside-background: url("https://files.d20.io/images/250082674/8kNPXoOT3CruPBG9vnFzRw/max.jpg?1634067640");
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-deva] + * aside > div::before {
  transform: unset;
  filter: brightness(0.35);
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-kami] + * {
  --primary: #8a3b28;
  --gradient: linear-gradient(0deg, rgba(116, 20, 12, 1) 0%, rgba(195, 145, 126, 1) 50%, rgba(116, 20, 12, 1) 100%);
  --image-aside-background: url("https://files.d20.io/images/250048510/Kfl74wvk-omZ_hJoh1czkA/max.jpg?1634051758");
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-kami] + * aside > div::before {
  filter: brightness(0.35);
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-manitou] + * {
  --primary: #4e4438;
  --gradient: linear-gradient(180deg, rgba(80,69,56,1) 0%, rgba(222,199,121,1) 48%, rgba(222,199,121,1) 52%, rgba(80,69,56,1) 100%);
  --image-aside-background: url("https://files.d20.io/images/250082670/Ci6X31PTfvHTpLbWC4sGiQ/max.jpg?1634067640");
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-manitou] + * aside > div::before {
  transform: unset;
  filter: brightness(0.48);
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-netjer] + * {
  --primary: #4164a2;
  --gradient: linear-gradient(180deg, rgba(35,33,83,1) 0%, rgba(253,252,253,1) 50%, rgba(35,33,83,1) 100%);
  --image-aside-background: url("https://files.d20.io/images/250082668/BHYXbxh16Z9P4nwzLraZDA/max.jpg?1634067639");
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-netjer] + * aside > div::before {
  transform: unset;
  filter: brightness(0.5);
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-orisha] + * {
  --primary: #74140c;
  --gradient: linear-gradient(180deg, rgba(116,20,12,1) 0%, rgba(202,160,142,1) 48%, rgba(202,160,142,1) 52%, rgba(116,20,12,1) 100%);
  --color-secondary-background: #e6d6cd;
  --image-aside-background: url("https://files.d20.io/images/250082664/W7n5hKydsa9r3wsW77jZjg/max.jpg?1634067639");
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-orisha] + * aside > div::before {
  transform: unset;
  filter: brightness(0.75);
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-shen] + * {
  --primary: #000;
  --gradient: linear-gradient(180deg, rgba(0,2,3,1) 0%, rgba(250,248,250,1) 48%, rgba(250,248,250,1) 52%, rgba(0,2,3,1) 100%);
  --color-secondary-background: #cbcbcc;
  --image-aside-background: url("https://files.d20.io/images/250082672/HbGTAuWKT5nidbdymAJ9AQ/max.jpg?1634067640");
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-shen] + * aside > div::before {
  transform: unset;
  filter: brightness(0.7);
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-teotl] + * {
  --primary: #307069;
  --gradient: linear-gradient(180deg, rgba(48,112,105,1) 0%, rgba(207,223,221,1) 48%, rgba(207,223,221,1) 52%, rgba(48,112,105,1) 100%);
  --image-aside-background: url("https://files.d20.io/images/250082663/nc2nq73ZuQiv29jlppGRhw/max.jpg?1634067639");
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-teotl] + * aside > div::before {
  transform: unset;
  filter: brightness(0.5);
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-theoi] + * {
  --primary: #612967;
  --gradient: linear-gradient(180deg, rgba(97,41,103,1) 0%, rgba(252,251,252,1) 48%, rgba(252,251,252,1) 52%, rgba(97,41,103,1) 100%);
  --color-secondary-background: #e0dae1;
  --image-aside-background: url("https://files.d20.io/images/250083838/Lv5cddgVfoPW6PYFdMQ2eA/max.jpg?1634068180");
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-theoi] + * aside > div::before {
  transform: unset;
  filter: brightness(1);
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-tuatha] + * {
  --primary: #406a39;
  --gradient: linear-gradient(180deg, rgba(64,106,57,1) 0%, rgba(204,211,197,1) 48%, rgba(204,211,197,1) 52%, rgba(64,106,57,1) 100%);
  --color-secondary-background: #e1e4dc;
  --image-aside-background: url("https://files.d20.io/images/250082675/3T36Jqo--3AZOznXdWDaUg/max.jpg?1634067641");
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-scheme-tuatha] + * aside > div::before {
  transform: unset;
  filter: brightness(0.45);
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-pantheon-box] + * > *:not([name]) {
  display: block;
  padding: 0.4em 0.75em;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-pantheon-box] + * > :is(h3, h4, h5):first-of-type {
  background: var(--color-pantheon-box-header-background);
  color: white;
  font-family: var(--font-pantheon-box-headings);
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-pantheon-box] + * > :is(h3, h4, h5):first-of-type + * {
  background: var(--color-pantheon-box-callings-background);
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-pantheon-box] + * strong:first-child {
  font-family: var(--font-pantheon-box-headings);
  font-size: 0.9em;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-pantheon-box] + *:not(:first-child) {
  margin-top: 1.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-pantheon-box] + *:not(:last-child) {
  margin-bottom: 1.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent span:is([title*=scion-featured-box], [title*=scion-adversary-box]) + * > :is(h3, h4, h5):first-of-type {
  background: var(--color-featured-header-background);
  color: white;
  font-family: var(--font-featured-headings);
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1.5;
  padding: 0.2em 1em;
  margin: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent span:is([title*=scion-featured-box], [title*=scion-adversary-box]) + * > :is(h3, h4, h5):first-of-type img[alt=skull] {
  margin-right: 4px;
  height: 0.9em;
  filter: invert(1);
}
.content-text[data-bookid=Scion2e] #pagecontent span:is([title*=scion-featured-box], [title*=scion-adversary-box]) + * > :not(:is(h3, h4, h5, ul, ol)):not(a[name]) {
  padding: 0 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent span:is([title*=scion-featured-box], [title*=scion-adversary-box]) + * > :is(ul, ol) {
  padding: 0 2em;
}
.content-text[data-bookid=Scion2e] #pagecontent span:is([title*=scion-featured-box], [title*=scion-adversary-box]) + *:not(:first-child) {
  margin-top: 1.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent span:is([title*=scion-featured-box], [title*=scion-adversary-box]) + *:not(:last-child) {
  margin-bottom: 1.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent span:is([title*=scion-featured-box], [title*=scion-adversary-box]) + * > p:first-of-type {
  margin-top: 0.75em;
}
.content-text[data-bookid=Scion2e] #pagecontent span:is([title*=scion-featured-box], [title*=scion-adversary-box]) + * dl {
  margin: 0.5em 0;
}
.content-text[data-bookid=Scion2e] #pagecontent span:is([title*=scion-featured-box], [title*=scion-adversary-box]) + * blockquote {
  margin: 0 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent span:is([title*=scion-featured-box], [title*=scion-adversary-box]) + * blockquote:not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent span:is([title*=scion-featured-box], [title*=scion-adversary-box]) + * blockquote:not(:last-child) {
  margin-bottom: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-featured-box] + * > :not(:first-child) {
  font-family: var(--font-featured-body);
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-character-box] + * {
  --chamfer: .6em;
  background: var(--color-character-box-background-outer);
  clip-path: polygon(0% var(--chamfer), var(--chamfer) 0%, calc(100% - var(--chamfer)) 0%, 100% var(--chamfer), 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, var(--chamfer) 100%, 0% calc(100% - var(--chamfer)));
  padding: 5px;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-character-box] + * :is(h3, h4, h5, p) {
  font-family: var(--font-character-box);
  font-size: 0.875em;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-character-box] + *:not(:first-child) {
  margin-top: 1.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-character-box] + *:not(:last-child) {
  margin-bottom: 1.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-character-box] + * :is(h3, h4, h5) {
  font-weight: 700;
  text-transform: none;
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-character-box] + * :is(h3, h4, h5):not(:last-child) {
  margin-bottom: 0.75em;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-character-box] + * > div {
  --chamfer: .45em;
  background: var(--color-character-box-background-inner);
  clip-path: polygon(0% var(--chamfer), var(--chamfer) 0%, calc(100% - var(--chamfer)) 0%, 100% var(--chamfer), 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, var(--chamfer) 100%, 0% calc(100% - var(--chamfer)));
  padding: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-pantheon-blockquote] + blockquote {
  font-weight: 700;
  text-align: center;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-pantheon-blockquote] + blockquote p:not(:last-child) {
  margin-bottom: 0.35em;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-gradient-border] + *,
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-gradient-border] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  background: var(--gradient-image-border);
  padding: 5px;
  box-shadow: var(--box-shadow-container);
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-gradient-border] + *:not(:first-child),
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-gradient-border] + a[name] + a[name] + :is(h1, h2, h3, h4, h5):not(:first-child) {
  margin-top: 1.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-gradient-border] + *:not(:last-child),
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-gradient-border] + a[name] + a[name] + :is(h1, h2, h3, h4, h5):not(:last-child) {
  margin-bottom: 1.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-gradient-border] + * img,
.content-text[data-bookid=Scion2e] #pagecontent span[title*=scion-gradient-border] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) img {
  display: block;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12523"]) {
  --color-primary-background: #4e4438;
  --color-h2: #675d51;
  --color-h6: #4f4438;
  --color-figcaption: #4f4438;
  --color-table-row-odd: #edebe9;
  --color-table-row-even: #cbc7c2;
  --color-text-highlighted: #4e4438;
  --color-toc-h3: #4e4438;
  --color-toc-strong: #4e4438;
  --color-text-dt-strong: #4e4438;
  --image-aside-background: url("https://files.d20.io/images/250049523/hH5Ktg6_BHspOdOgIJ8Xtg/max.jpg?1634052377");
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) {
  --image-aside-background: url("https://files.d20.io/images/367089870/lLAuiEphUw74p-GVFGrD8g/max.png?1699655101");
}

/* GeneFunk 2090 */
html[data-theme=dark] .content-text[data-bookid=genefunk2090] #pagecontent {
  --col-text_main: #fff;
  --gray: #40395c;
  --col-yellow: var(--color-yellow2);
}
html[data-theme=dark] .content-text[data-bookid=genefunk2090] #pagecontent h1 {
  color: var(--col-tone);
}
html[data-theme=dark] .content-text[data-bookid=genefunk2090] #pagecontent h1::before {
  background: var(--col-purple);
}
html[data-theme=dark] .content-text[data-bookid=genefunk2090] #pagecontent h2 {
  color: var(--col-lt-purple);
}
html[data-theme=dark] .content-text[data-bookid=genefunk2090] #pagecontent h2::before {
  background: var(--col-purple);
}
html[data-theme=dark] .content-text[data-bookid=genefunk2090] #pagecontent h3 {
  color: var(--col-lt-purple);
}
html[data-theme=dark] .content-text[data-bookid=genefunk2090] #pagecontent table {
  background: var(--col-lt-purple) !important;
}

.content-text[data-bookid=genefunk2090] #pagecontent {
  --font-main: "Titillium Web", sans-serif;
  --font-header: "Russo One", sans-serif;
  --font-accent: "Press Start 2P", cursive;
  --font-serif: "Kadwa", serif;
  --col-text_main: rgb(0, 0, 0);
  --col-tone: #c4b8d5;
  --col-gray: #dad9de;
  --col-purple: #3a3579;
  --col-lt-purple: #806fa6;
  --col-yellow: #f7ebc8;
  --col-red: #be3346;
  --img-eye: url(../../../../assets/BR_eye.tif);
  --math-indent: 1rem;
  --math-clip-electric: polygon(var(--math-indent) 0, calc(100% - (2 * var(--math-indent))) 0, 100% calc(2 * var(--math-indent)), 100% 50%, calc(100% - var(--math-indent)) calc(50% + var(--math-indent)), calc(100% - var(--math-indent)) calc(100% - (3* var(--math-indent))), 100% calc(100% - (2 * var(--math-indent))), 100% 100%, calc(2 * var(--math-indent)) 100%, var(--math-indent) calc(100% - var(--math-indent)), var(--math-indent) 40%, 0% calc(40% - var(--math-indent)), 0% calc(10% + var(--math-indent)), var(--math-indent) 10%);
}
.content-text[data-bookid=genefunk2090] #pagecontent :is(h1, h2, h3, h4, h5, h6, figcaption):not(.esc) a {
  color: currentColor !important;
  text-decoration: none !important;
  border-bottom: none !important;
}
.content-text[data-bookid=genefunk2090] #pagecontent :is(h3, h4) {
  margin: 1rem 0 0 0;
}
.content-text[data-bookid=genefunk2090] #pagecontent h1 {
  font-family: var(--font-accent);
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transform: scale(1, 1.5);
          transform: scale(1, 1.5);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: black;
  position: relative;
  margin: 0 0 2rem 0;
  z-index: 1;
}
.content-text[data-bookid=genefunk2090] #pagecontent h1::before {
  content: "";
  position: absolute;
  width: calc(100% + 2rem);
  left: -1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  border-radius: 20px;
  height: 1rem;
  background: var(--col-tone);
}
.content-text[data-bookid=genefunk2090] #pagecontent h2 {
  font-family: var(--font-accent);
  font-size: 20px;
  text-transform: uppercase;
  color: var(--col-purple);
  text-align: right;
  position: relative;
  padding-right: 1rem;
  margin: 1rem 0 0 0;
  z-index: 1;
}
.content-text[data-bookid=genefunk2090] #pagecontent h2::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 50%;
  z-index: -1;
  border-bottom: 2px solid var(--col-purple);
  border-radius: 20px 0 0 0;
  background: var(--col-tone);
  overflow: hidden;
}
.content-text[data-bookid=genefunk2090] #pagecontent h3 {
  font-family: var(--font-header);
  font-size: 18px;
  color: var(--col-purple);
  -webkit-transform: scale(1, 1.5);
          transform: scale(1, 1.5);
}
.content-text[data-bookid=genefunk2090] #pagecontent h4 {
  font-family: var(--font-serif);
  font-size: 16px;
  font-weight: bold;
  color: var(--col-text_main);
}
.content-text[data-bookid=genefunk2090] #pagecontent p, .content-text[data-bookid=genefunk2090] #pagecontent li {
  font-family: var(--font-main);
  font-size: 14px;
  color: var(--col-text_main);
  margin: 0;
  text-indent: 1rem;
  line-height: 1.4em;
}
.content-text[data-bookid=genefunk2090] #pagecontent ul, .content-text[data-bookid=genefunk2090] #pagecontent ol {
  padding-left: 1rem;
  margin: 1rem 0;
}
.content-text[data-bookid=genefunk2090] #pagecontent ul li, .content-text[data-bookid=genefunk2090] #pagecontent ol li {
  text-indent: 0;
}
.content-text[data-bookid=genefunk2090] #pagecontent a, .content-text[data-bookid=genefunk2090] #pagecontent a:visited {
  color: currentColor;
  border-bottom: 1px dotted var(--col-purple);
}
.content-text[data-bookid=genefunk2090] #pagecontent a:hover, .content-text[data-bookid=genefunk2090] #pagecontent a:visited:hover {
  color: var(--col-red);
  font-weight: bold;
  text-decoration: none;
  border-color: var(--col-red);
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title] {
  position: absolute;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2rem;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div h1 {
  width: 100%;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div h4 {
  margin-top: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div h4::after {
  content: "";
  position: relative;
  bottom: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 5px;
  border-bottom: 2px dotted var(--col-lt-purple) !important;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div a {
  position: relative;
  line-height: 1;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div a::after {
  position: absolute;
  content: "";
  inset: 0;
  left: -2rem;
  right: -5px;
  width: 0;
  background: var(--col-yellow);
  z-index: -1;
  -webkit-transition: all 600ms ease-in;
  transition: all 600ms ease-in;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div a:hover {
  width: 0;
  color: var(--col-purple) !important;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div a:hover::after {
  width: calc(100% + 2rem + 5px);
  -webkit-transition: width 100ms ease-out;
  transition: width 100ms ease-out;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div ul a {
  font-weight: normal;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=table] + table {
  margin: 1rem 0;
  font-family: var(--font-main);
  color: black;
  font-size: 14px !important;
  width: 100%;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=table] + table th {
  border-bottom: 2px solid var(--col-purple);
  vertical-align: bottom;
  line-height: 1;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=table] + table tbody tr:nth-child(odd) {
  background: var(--col-tone);
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=table] + table td {
  border: none;
  padding: 2px !important;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=center-table] + table th {
  text-align: center;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=center-table] + table td {
  text-align: center;
  font-weight: normal;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=roll-table] + table th:where(:first-child) {
  text-align: center;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=roll-table] + table td:where(:first-child) {
  text-align: center;
  font-weight: bold;
}
.content-text[data-bookid=genefunk2090] #pagecontent :is(h1, h2, h3, h4) + p, .content-text[data-bookid=genefunk2090] #pagecontent span[title~=no-indent] {
  text-indent: 0;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=dropcap] + p {
  text-indent: 0;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=dropcap] + p::first-line {
  font-weight: bold;
  color: var(--col-red);
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=dropcap] + p::first-letter {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.12em;
  font-family: var(--font-serif);
  font-size: 5em;
  line-height: 0.68em;
  vertical-align: top;
  float: left;
  font-weight: normal;
  color: var(--col-red);
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=no-margin] + * {
  margin: 0 !important;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=no-indent] + p {
  text-indent: 0;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=indent] + p {
  text-indent: 1rem;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=hang-indent] + p {
  text-indent: -1rem;
  padding-left: 1rem;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=columns] + div {
  display: -ms-grid;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(250px, auto));
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=columns_flow] + div {
  -webkit-columns: 250px auto;
     -moz-columns: 250px auto;
          columns: 250px auto;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-gray] + div {
  --col-tone: white;
  -webkit-clip-path: var(--math-clip-electric);
          clip-path: var(--math-clip-electric);
  background: var(--col-gray);
  padding: 1rem 2rem;
  margin: 1rem 0;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-gray] + div h4 {
  text-align: center;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-gray] + div > * {
  margin-top: 0;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-yellow] + div {
  --col-tone: white;
  -webkit-clip-path: var(--math-clip-electric);
          clip-path: var(--math-clip-electric);
  background: var(--col-yellow);
  padding: 1rem 2rem;
  margin: 1rem 0;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-yellow] + div h4 {
  text-align: center;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-yellow] + div > * {
  margin-top: 0;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-dark] + div {
  position: relative;
  padding: 1rem 2rem;
  margin: 1rem 0;
  -webkit-filter: drop-shadow(2px 6px 0.5rem var(--col-purple)) drop-shadow(2px 6px 1rem var(--col-tone));
          filter: drop-shadow(2px 6px 0.5rem var(--col-purple)) drop-shadow(2px 6px 1rem var(--col-tone));
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-dark] + div h4 {
  color: white;
  text-align: left;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-dark] + div > * {
  margin-top: 0;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-dark] + div::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  -webkit-clip-path: var(--math-clip-electric);
          clip-path: var(--math-clip-electric);
  background: var(--col-lt-purple);
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=float-left] + * {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 50%;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=float-right] + * {
  float: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 50%;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=clear] {
  position: static;
  display: block;
  clear: both;
}
.content-text[data-bookid=genefunk2090] #pagecontent pre {
  background: #282c34;
  color: #abb2bf;
  padding: 0.5em;
}
.content-text[data-bookid=genefunk2090] #pagecontent span.tag {
  color: #66ccff;
}
.content-text[data-bookid=genefunk2090] #pagecontent span.comment {
  color: #73faa0;
}
.content-text[data-bookid=genefunk2090] #pagecontent span.class {
  color: #ff6600;
}
.content-text[data-bookid=genefunk2090] #pagecontent code {
  white-space: pre-wrap;
}

/* DARK MODE SPECIFIC CSS 

/* Search bar */
html[data-theme=dark] input.define-search-input {
  border-color: #fff !important;
}

html[data-theme=dark] input.define-search-input::placeholder {
  color: #fff;
  opacity: 1;
}

/* Pathfinder */
html[data-theme=dark] .content-text[data-bookid=pathfinder] .booktemplate .header {
  background-color: #747474;
}

html[data-theme=dark] .content-text[data-bookid=pathfinder] .booktemplate .header-li {
  border-color: var(--color-grayscale2);
}

html[data-theme=dark] .content-text[data-bookid=pathfinder] .booktemplate .body,
html[data-theme=dark] .content-text[data-bookid=pathfinder] .booktemplate h3
 {
  color: #fff;
}

html[data-theme=dark] .content-text[data-bookid=pathfinder] .booktemplate.expansion8 .header {
  background-color: #003a25;
}

/* Pathfinder 2 */
html[data-theme=dark] .content-text[data-bookid=pf2] .booktemplate .head-row h2 {
  color: #EF5353;
}

html[data-theme=dark] .content-text[data-bookid=pf2] .booktemplate ul span.action-icon-1,
html[data-theme=dark] .content-text[data-bookid=pf2] .booktemplate ul span.action-icon-2,
html[data-theme=dark] .content-text[data-bookid=pf2] .booktemplate ul span.action-icon-3 {
  background-color: #fff;
}

/* Call of Cthulhu */
html[data-theme=dark] .content-text[data-bookid=coc] .booktemplate {
  color: var(--color-grayscale3);
}

/* Warhammer Fantasy */
html[data-theme=dark] .content-text[data-bookid=WFRP] table {
  color: var(--color-grayscale3);
}

html[data-theme=dark] .content-text[data-bookid=WFRP] h1::after,
html[data-theme=dark] .content-text[data-bookid=WFRP] h2::after,
html[data-theme=dark] .content-text[data-bookid=WFRP] h3::after {
  -webkit-filter: invert();
  filter: invert(); /* Inverts the black header dividers to white*/
}

html[data-theme=dark] .content-text[data-bookid=WFRP] div#pagecontent h3 > img {
  filter: invert();
}

/* Esper Genesis */
html[data-theme=dark] .content-text[data-bookid=espergenesis] div[data-pageid="36784"] .header {
  background-color: #926722;
}

html[data-theme=dark] .content-text[data-bookid=espergenesis] div[data-pageid="36784"] .booktemplate {
  color: #fff;
}

/* Alien RPG */

.content-text[data-expansionid="19397"] #pagecontent {
  --font-main: "Play", sans-serif;
  --font-main: "Monda", sans-serif;
  --font-title: "Michroma", sans-serif;
  --font-header: "Viga";
  --font-icon: "Material Symbols Outlined";
  --font-filled: "Material Icons";
  --font-console: "Orbitron", sans-serif;
  --col-accent: #075249;
  --col-bright: #2dbdaf;
  --col-deep: #0a2423;
  --col-tone: #bbd3cd;
  --col-contrast: #075249;
  --col-glow: rgba(71, 204, 221, 0.2);
  --col-text: black;
  --col-text-alt: white;
  --img-campaign: url(https://files.d20.io/images/307075724/9KQ8WrBCn15bY66CowhIIA/max.png?1664581767);
  --img-cinematic: url(https://files.d20.io/images/307075723/_UOm9SY2E8Hpv7diHXssBw/max.png?1664581767);
  --img-hugger: url(https://files.d20.io/images/309836994/nbviycQ0nKETs4KcwM3Zvw/med.png?1666047442);
  --img-success: url(https://files.d20.io/images/309836940/6V-PW4qq8PmoJKks9eAh1Q/med.png?1666047423);
  --math-border: 4px;
  --math-break-clip: polygon(
      0 0,
      100% 0,
      100% 2rem, calc(100% - var(--math-border)) 2rem,
      calc(100% - var(--math-border)) calc(100% - 2rem),
      100% calc(100% - 2rem),
      100% 100%,
      0 100%,
      0 calc(100% - 2rem),
      var(--math-border) calc(100% - 2rem),
      var(--math-border) 2rem,
      0 2rem);
  --math-box-clip: polygon(
      2rem 0,
      calc(60% - 2rem) 0%,
      calc(60%) 2rem,
      calc(100% - 2rem) 2rem,
      100% 4rem,
      100% calc(100% - 4rem),
      calc(100% - 4rem) 100%,
      calc(50% + 10px) 100%,
      50% calc(100% - 10px),
      2rem calc(100% - 1rem),
      0% calc(100% - 3rem),
      0 2rem);
  --math-box-clip: polygon(
      2rem 0,
      calc(100% - 2rem) 0,
      100% 2rem,
      100% calc(100% - 4rem),
      calc(100% - 4rem) 100%,
      calc(50% + 10px) 100%,
      50% calc(100% - 10px),
      2rem calc(100% - 1rem),
      0% calc(100% - 3rem),
      0 2rem);
  position: relative;
  gap: 2rem;
  -webkit-columns: 300px 2;
     -moz-columns: 300px 2;
          columns: 300px 2;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
  margin: -1rem;
  padding: 2rem;
  overflow: hidden;
  font-size: 16px;
}
.content-text[data-expansionid="19397"] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-expansionid="19397"] #pagecontent ::-webkit-scrollbar-track {
  background: var(--col-text);
}
.content-text[data-expansionid="19397"] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--col-accent);
}
.content-text[data-expansionid="19397"] #pagecontent *::-moz-selection {
  color: var(--col-deep);
  background-color: var(--col-bright);
}
.content-text[data-expansionid="19397"] #pagecontent *::selection {
  color: var(--col-deep);
  background-color: var(--col-bright);
}
.content-text[data-expansionid="19397"] #pagecontent pre {
  margin: 0;
  margin-bottom: 2rem;
}
.content-text[data-expansionid="19397"] #pagecontent pre#glossary, .content-text[data-expansionid="19397"] #pagecontent > h1 {
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="19397"] #pagecontent h1, .content-text[data-expansionid="19397"] #pagecontent h2 {
  color: var(--col-accent);
  text-transform: uppercase;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.content-text[data-expansionid="19397"] #pagecontent h1 {
  position: relative;
  width: 70%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: var(--font-header);
  font-size: 3em;
  text-align: center;
  margin: 1rem 0;
  line-height: 1;
}
.content-text[data-expansionid="19397"] #pagecontent h2 {
  font-family: var(--font-title);
  margin: 0;
  line-height: 1.5;
  font-size: 1.5em;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="19397"] #pagecontent h3 {
  position: relative;
  padding: 1rem 10%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, var(--col-tone)), color-stop(80%, var(--col-tone)), to(transparent));
  background: linear-gradient(to right, transparent, var(--col-tone) 20%, var(--col-tone) 80%, transparent);
  font-family: var(--font-main);
  font-size: 1em;
  font-weight: normal;
  color: var(--col-contrast);
  text-align: center;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
@media (max-width: 702px) {
  .content-text[data-expansionid="19397"] #pagecontent h3 {
    padding: 1rem;
  }
}
.content-text[data-expansionid="19397"] #pagecontent p {
  margin-bottom: 1em;
  font-family: var(--font-main);
  color: var(--col-text);
}
.content-text[data-expansionid="19397"] #pagecontent p:not(:first-of-type) {
  text-indent: 2rem;
}
.content-text[data-expansionid="19397"] #pagecontent p:has(strong) {
  text-indent: 0;
}
.content-text[data-expansionid="19397"] #pagecontent p:nth-last-child(1)::after {
  content: "square";
  font-family: var(--font-filled);
  color: var(--col-accent);
  display: inline-block;
  vertical-align: bottom;
  text-indent: 0;
}
.content-text[data-expansionid="19397"] #pagecontent blockquote {
  color: var(--col-contrast);
  font-family: var(--font-main);
  text-align: left;
  font-style: italic;
  border: none;
}
.content-text[data-expansionid="19397"] #pagecontent blockquote::after {
  content: "— " attr(cite);
  font-family: var(--font-header);
  color: var(--col-contrast);
  display: block;
  font-size: 0.8em;
  font-style: normal;
  text-align: right;
  text-transform: uppercase;
  text-indent: 0;
}
.content-text[data-expansionid="19397"] #pagecontent ul, .content-text[data-expansionid="19397"] #pagecontent ol {
  font-family: var(--font-main);
  list-style-position: inside;
  padding-left: 2rem;
  margin: 1rem 0;
}
.content-text[data-expansionid="19397"] #pagecontent ul li, .content-text[data-expansionid="19397"] #pagecontent ol li {
  counter-increment: li;
  line-height: 1.5;
  margin-bottom: 0;
  position: relative;
  text-indent: 0;
  color: var(--col-text);
}
.content-text[data-expansionid="19397"] #pagecontent ul li::marker, .content-text[data-expansionid="19397"] #pagecontent ol li::marker {
  content: "";
}
.content-text[data-expansionid="19397"] #pagecontent ul li::before, .content-text[data-expansionid="19397"] #pagecontent ol li::before {
  content: "play_arrow";
  font-family: var(--font-icon);
  color: var(--col-deep);
  position: absolute;
  top: 0%;
  left: -26px;
}
.content-text[data-expansionid="19397"] #pagecontent ul ul li::before, .content-text[data-expansionid="19397"] #pagecontent ol ul li::before {
  content: "chevron_right";
  color: var(--col-deep);
}
.content-text[data-expansionid="19397"] #pagecontent ol li::before {
  content: counter(li) ".";
  font-family: var(--font-main);
  color: var(--col-accent);
}
.content-text[data-expansionid="19397"] #pagecontent strong {
  font-weight: bold;
  text-transform: uppercase;
  color: var(--col-accent);
}
.content-text[data-expansionid="19397"] #pagecontent span[title] {
  position: absolute;
}
.content-text[data-expansionid="19397"] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=font__orbitron] + * {
  font-family: var(--font-console) !important;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=box] + div {
  position: relative;
  padding: 2rem;
  margin-bottom: 2rem;
  -webkit-filter: drop-shadow(2px 0px 0 white) drop-shadow(-2px 0px 0 white) drop-shadow(0px 3px 0 white) drop-shadow(0px -3px 0 white) drop-shadow(2px 4px 6px var(--col-glow)) drop-shadow(2px 4px 12px var(--col-glow)) drop-shadow(2px 4px 24px var(--col-glow));
          filter: drop-shadow(2px 0px 0 white) drop-shadow(-2px 0px 0 white) drop-shadow(0px 3px 0 white) drop-shadow(0px -3px 0 white) drop-shadow(2px 4px 6px var(--col-glow)) drop-shadow(2px 4px 12px var(--col-glow)) drop-shadow(2px 4px 24px var(--col-glow));
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=box] + div::after {
  clip-path: var(--math-box-clip);
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border: 2px solid var(--col-gold);
  background: var(--col-tone);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=box] + div img {
  display: block;
  margin: 0 auto;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=box] + div, .content-text[data-expansionid="19397"] #pagecontent span[title~=breakout] + div {
  overflow-x: auto;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=background] + img {
  position: fixed;
  inset: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=background] + img ~ h1 {
  color: var(--col-tone);
  text-shadow: 0 0 4px black, -1px -1px 0px red, 1px 1px 0px cyan;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=_left] + img {
  -o-object-position: left;
     object-position: left;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=_right] + img {
  -o-object-position: right;
     object-position: right;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=padding-5] + * {
  padding: 5px;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=padding-10] + * {
  padding: 10px;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=padding-15] + * {
  padding: 15px;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=no-indent] + * {
  text-indent: 0;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=no-margin] + * {
  margin: 0 !important;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=indent] + p {
  text-indent: 2rem;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=col-span] + * {
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
  margin: 2rem 0;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=col-single] + * * {
  -webkit-columns: none;
     -moz-columns: none;
          columns: none;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=breakout] + div, .content-text[data-expansionid="19397"] #pagecontent span[title*=log] + div {
  margin-bottom: 2rem;
  background: transparent;
  position: relative;
  color: var(--col-contrast);
  clip-path: var(--math-break-clip);
  border: 2px solid var(--col-contrast);
  padding: 2rem;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=breakout] + div h1, .content-text[data-expansionid="19397"] #pagecontent span[title~=breakout] + div h2, .content-text[data-expansionid="19397"] #pagecontent span[title~=breakout] + div h3, .content-text[data-expansionid="19397"] #pagecontent span[title~=breakout] + div h4, .content-text[data-expansionid="19397"] #pagecontent span[title*=log] + div h1, .content-text[data-expansionid="19397"] #pagecontent span[title*=log] + div h2, .content-text[data-expansionid="19397"] #pagecontent span[title*=log] + div h3, .content-text[data-expansionid="19397"] #pagecontent span[title*=log] + div h4 {
  color: var(--col-contrast);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=breakout] + div P, .content-text[data-expansionid="19397"] #pagecontent span[title*=log] + div P {
  color: var(--col-contrast);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=breakout] + div li, .content-text[data-expansionid="19397"] #pagecontent span[title*=log] + div li {
  color: var(--col-contrast);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=breakout] + div li::before, .content-text[data-expansionid="19397"] #pagecontent span[title*=log] + div li::before {
  color: var(--col-contrast);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=breakout] + div ol li::before, .content-text[data-expansionid="19397"] #pagecontent span[title*=log] + div ol li::before {
  display: -ms-grid;
  display: grid;
  place-content: center;
  content: counter(li);
  background: black;
  -webkit-box-shadow: inset 0 0 0 3px var(--col-glow), inset 0 0 0 6px var(--col-glow);
          box-shadow: inset 0 0 0 3px var(--col-glow), inset 0 0 0 6px var(--col-glow);
  border: 1px solid var(--col-accent);
  font-size: 14px;
  color: var(--col-bright);
  line-height: 1;
  font-family: var(--font-main);
  width: 2rem;
  aspect-ratio: 1;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=breakout] + div strong, .content-text[data-expansionid="19397"] #pagecontent span[title*=log] + div strong {
  color: var(--col-bright);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=breakout] + div img, .content-text[data-expansionid="19397"] #pagecontent span[title*=log] + div img {
  display: block;
  margin: 0 auto;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=log] + div {
  --col-contrast: #bbd3cd;
  border: none;
  color: var(--col-tone);
  padding: 3rem;
  clip-path: none;
  -webkit-filter: drop-shadow(2px 0px 0 var(--col-tone)) drop-shadow(-2px 0px 0 var(--col-tone)) drop-shadow(0px 2px 0 var(--col-tone)) drop-shadow(0px -2px 0 var(--col-tone));
          filter: drop-shadow(2px 0px 0 var(--col-tone)) drop-shadow(-2px 0px 0 var(--col-tone)) drop-shadow(0px 2px 0 var(--col-tone)) drop-shadow(0px -2px 0 var(--col-tone));
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=log] + div::before {
  content: "";
  position: absolute;
  background: repeating-linear-gradient(to bottom, var(--col-deep), var(--col-deep) 2px, black 2px, black 4px);
  inset: 0;
  z-index: -1;
  clip-path: var(--math-box-clip);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=log] + div h2:first-child {
  position: absolute;
  top: 5px;
  font-family: var(--font-console);
  font-size: 12px;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=log] + div h2 {
  color: var(--col-tone);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=log] + div h4 {
  color: var(--col-bright);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=log] + div img {
  display: block;
  margin: 0 auto;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=aside] + * {
  color: var(--col-bright) !important;
  font-size: 0.8em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=breakout] + div span[title~=aside] + * {
  color: var(--col-gold) !important;
}
.content-text[data-expansionid="19397"] #pagecontent table {
  width: 100%;
  border: none;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  color: var(--col-gold);
  font-family: var(--font-main);
  font-size: 0.8em !important;
  overflow-x: auto;
}
.content-text[data-expansionid="19397"] #pagecontent table h2 {
  font-family: var(--font-main);
  font-size: 1.5em;
}
.content-text[data-expansionid="19397"] #pagecontent table th {
  text-transform: uppercase;
  vertical-align: top;
  font-size: 0.8em;
  font-family: var(--font-header);
}
.content-text[data-expansionid="19397"] #pagecontent table tr:not(:last-of-type) {
  border-bottom: 1px solid var(--col-accent);
}
.content-text[data-expansionid="19397"] #pagecontent table tr:nth-of-type(odd) {
  background: var(--col-glow);
}
.content-text[data-expansionid="19397"] #pagecontent table thead > tr {
  background: none !important;
  border-bottom: 2px solid var(--col-tone);
}
.content-text[data-expansionid="19397"] #pagecontent table :where(td, th) {
  border: none;
  padding: 5px;
  line-height: 1;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=table-pairs] + table td:nth-of-type(2) {
  text-align: right;
  color: var(--col-tone);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=table-pairs] + table tr {
  border-color: var(--col-gold);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=col-2] + * {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.content-text[data-expansionid="19397"] #pagecontent span[title*=icon] {
  position: relative;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  vertical-align: top;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=icon-cinematic] {
  position: relative !important;
  float: left;
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
  background: var(--img-cinematic), red;
  background-size: contain;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=icon-campaign] {
  position: relative !important;
  float: left;
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
  background: var(--img-campaign), red;
  background-size: contain;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=icon-success] {
  background: var(--img-success);
  background-size: contain;
  background-repeat: no-repeat;
  mix-blend-mode: difference;
  margin-right: 3px;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=icon-hugger] {
  background: var(--img-hugger);
  background-size: contain;
  background-repeat: no-repeat;
  mix-blend-mode: difference;
  margin-right: 3px;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div {
  --col-dust: rgba(230, 202, 202, 0.1);
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6rem 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  grid-gap: 1rem 6rem;
  background: radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), -webkit-gradient(linear, left top, right top, from(var(--col-glow)), color-stop(black), to(var(--col-glow))), repeating-linear-gradient(to right, transparent, transparent 10px, var(--col-dust) 10px, var(--col-dust) 11px), repeating-linear-gradient(30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), repeating-linear-gradient(-30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), black;
  background: radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), linear-gradient(to right, var(--col-glow), black, var(--col-glow)), repeating-linear-gradient(to right, transparent, transparent 10px, var(--col-dust) 10px, var(--col-dust) 11px), repeating-linear-gradient(30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), repeating-linear-gradient(-30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), black;
  background-blend-mode: screen, screen, overlay, screen, screen, screen, normal;
  background-position: center, center, center, 11 0, center, center, center;
  padding: 2rem;
  padding-bottom: 4rem;
  border: 1px solid var(--col-gold);
  outline: 2px solid var(--col-accent);
  outline-offset: -1rem;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div h2 {
  position: relative;
  grid-column: 1/-1;
  color: var(--col-tone);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 2rem;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2rem;
  width: calc(100% + 2rem);
  height: 1px;
  background: var(--col-accent);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div h3 {
  position: absolute;
  margin: 0;
  left: -1px;
  top: 1px;
  background: var(--col-accent);
  --clip: 20px;
  clip-path: polygon(var(--clip) 0, calc(100% - var(--clip)) 0, 100% 100%, 0 100%);
  padding-left: 3rem;
  font-family: var(--font-console);
  font-size: 0.8em;
  color: var(--col-tone);
  text-align: left;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div::after {
  position: absolute;
  top: 23px;
  bottom: 2.25rem;
  left: 50%;
  content: "";
  border: 1px dashed var(--col-accent);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div:first-of-type > div::before, .content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div:first-of-type > div::after {
  top: 1rem;
  right: -3rem;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div:last-of-type > div::before, .content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div:last-of-type > div::after {
  bottom: 1rem;
  left: -3rem;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div:first-of-type > div::after {
  right: calc(-3rem - 2px);
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div:last-of-type > div::after {
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div > div {
  position: relative;
  background: repeating-linear-gradient(to bottom, var(--col-deep), var(--col-deep) 2px, black 2px, black 4px);
  border: 1px solid var(--col-tone);
  padding: 1rem;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div > div p {
  color: var(--col-tone);
  font-size: 0.8em;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div > div p::after {
  content: none;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div > div::before, .content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div > div::after {
  position: absolute;
  content: "";
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div > div::before {
  width: 3rem;
  border-bottom: 1px solid var(--col-tone);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div > div::after {
  height: 8px;
  width: 8px;
  background: var(--col-tone);
  border-radius: 50%;
  z-index: 1;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div span[title=__middle] + div::after {
  bottom: unset;
  top: 50%;
  translate: 0 calc(-50% - 4px);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div span[title=__middle] + div::before {
  bottom: unset;
  top: 50%;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div span[title=__top] + div::after {
  top: 1rem;
  bottom: unset;
  translate: 0 calc(-50% - 4px);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div span[title=__top] + div::before {
  top: 1rem;
  bottom: unset;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div span[title=__bottom] + div::after {
  top: unset;
  bottom: 1rem;
  translate: 0 calc(50% + 4px);
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=timeline] + div > div span[title=__bottom] + div::before {
  top: unset;
  bottom: 1rem;
}
.content-text[data-expansionid="19397"] #pagecontent span[title~=img_center] + img {
  display: block;
  margin: 0 auto;
}

.content-text[data-expansionid="19398"] #pagecontent {
  --font-main: "Play", sans-serif;
  --font-main: "Monda", sans-serif;
  --font-title: "Michroma", sans-serif;
  --font-header: "Viga";
  --font-icon: "Material Symbols Outlined";
  --font-filled: "Material Icons";
  --font-console: "Orbitron", sans-serif;
  --col-accent: #075249;
  --col-bright: #2dbdaf;
  --col-deep: #0a2423;
  --col-tone: #bbd3cd;
  --col-contrast: #075249;
  --col-glow: rgba(71, 204, 221, 0.2);
  --col-text: black;
  --col-text-alt: white;
  --img-campaign: url(https://files.d20.io/images/307075724/9KQ8WrBCn15bY66CowhIIA/max.png?1664581767);
  --img-cinematic: url(https://files.d20.io/images/307075723/_UOm9SY2E8Hpv7diHXssBw/max.png?1664581767);
  --img-hugger: url(https://files.d20.io/images/309836994/nbviycQ0nKETs4KcwM3Zvw/med.png?1666047442);
  --img-success: url(https://files.d20.io/images/309836940/6V-PW4qq8PmoJKks9eAh1Q/med.png?1666047423);
  --math-border: 4px;
  --math-break-clip: polygon(
      0 0,
      100% 0,
      100% 2rem, calc(100% - var(--math-border)) 2rem,
      calc(100% - var(--math-border)) calc(100% - 2rem),
      100% calc(100% - 2rem),
      100% 100%,
      0 100%,
      0 calc(100% - 2rem),
      var(--math-border) calc(100% - 2rem),
      var(--math-border) 2rem,
      0 2rem);
  --math-box-clip: polygon(
      2rem 0,
      calc(60% - 2rem) 0%,
      calc(60%) 2rem,
      calc(100% - 2rem) 2rem,
      100% 4rem,
      100% calc(100% - 4rem),
      calc(100% - 4rem) 100%,
      calc(50% + 10px) 100%,
      50% calc(100% - 10px),
      2rem calc(100% - 1rem),
      0% calc(100% - 3rem),
      0 2rem);
  --math-box-clip: polygon(
      2rem 0,
      calc(100% - 2rem) 0,
      100% 2rem,
      100% calc(100% - 4rem),
      calc(100% - 4rem) 100%,
      calc(50% + 10px) 100%,
      50% calc(100% - 10px),
      2rem calc(100% - 1rem),
      0% calc(100% - 3rem),
      0 2rem);
  position: relative;
  gap: 2rem;
  -webkit-columns: 300px 2;
     -moz-columns: 300px 2;
          columns: 300px 2;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
  margin: -1rem;
  padding: 2rem;
  overflow: hidden;
  font-size: 16px;
}
.content-text[data-expansionid="19398"] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-expansionid="19398"] #pagecontent ::-webkit-scrollbar-track {
  background: var(--col-text);
}
.content-text[data-expansionid="19398"] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--col-accent);
}
.content-text[data-expansionid="19398"] #pagecontent *::-moz-selection {
  color: var(--col-deep);
  background-color: var(--col-bright);
}
.content-text[data-expansionid="19398"] #pagecontent *::selection {
  color: var(--col-deep);
  background-color: var(--col-bright);
}
.content-text[data-expansionid="19398"] #pagecontent pre {
  margin: 0;
  margin-bottom: 2rem;
}
.content-text[data-expansionid="19398"] #pagecontent pre#glossary, .content-text[data-expansionid="19398"] #pagecontent > h1 {
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="19398"] #pagecontent h1, .content-text[data-expansionid="19398"] #pagecontent h2 {
  color: var(--col-accent);
  text-transform: uppercase;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.content-text[data-expansionid="19398"] #pagecontent h1 {
  position: relative;
  width: 70%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: var(--font-header);
  font-size: 3em;
  text-align: center;
  margin: 1rem 0;
  line-height: 1;
}
.content-text[data-expansionid="19398"] #pagecontent h2 {
  font-family: var(--font-title);
  margin: 0;
  line-height: 1.5;
  font-size: 1.5em;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="19398"] #pagecontent h3 {
  position: relative;
  padding: 1rem 10%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, var(--col-tone)), color-stop(80%, var(--col-tone)), to(transparent));
  background: linear-gradient(to right, transparent, var(--col-tone) 20%, var(--col-tone) 80%, transparent);
  font-family: var(--font-main);
  font-size: 1em;
  font-weight: normal;
  color: var(--col-contrast);
  text-align: center;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
@media (max-width: 702px) {
  .content-text[data-expansionid="19398"] #pagecontent h3 {
    padding: 1rem;
  }
}
.content-text[data-expansionid="19398"] #pagecontent p {
  margin-bottom: 1em;
  font-family: var(--font-main);
  color: var(--col-text);
}
.content-text[data-expansionid="19398"] #pagecontent p:not(:first-of-type) {
  text-indent: 2rem;
}
.content-text[data-expansionid="19398"] #pagecontent p:has(strong) {
  text-indent: 0;
}
.content-text[data-expansionid="19398"] #pagecontent p:nth-last-child(1)::after {
  content: "square";
  font-family: var(--font-filled);
  color: var(--col-accent);
  display: inline-block;
  vertical-align: bottom;
  text-indent: 0;
}
.content-text[data-expansionid="19398"] #pagecontent blockquote {
  color: var(--col-contrast);
  font-family: var(--font-main);
  text-align: left;
  font-style: italic;
  border: none;
}
.content-text[data-expansionid="19398"] #pagecontent blockquote::after {
  content: "— " attr(cite);
  font-family: var(--font-header);
  color: var(--col-contrast);
  display: block;
  font-size: 0.8em;
  font-style: normal;
  text-align: right;
  text-transform: uppercase;
  text-indent: 0;
}
.content-text[data-expansionid="19398"] #pagecontent ul, .content-text[data-expansionid="19398"] #pagecontent ol {
  font-family: var(--font-main);
  list-style-position: inside;
  padding-left: 2rem;
  margin: 1rem 0;
}
.content-text[data-expansionid="19398"] #pagecontent ul li, .content-text[data-expansionid="19398"] #pagecontent ol li {
  counter-increment: li;
  line-height: 1.5;
  margin-bottom: 0;
  position: relative;
  text-indent: 0;
  color: var(--col-text);
}
.content-text[data-expansionid="19398"] #pagecontent ul li::marker, .content-text[data-expansionid="19398"] #pagecontent ol li::marker {
  content: "";
}
.content-text[data-expansionid="19398"] #pagecontent ul li::before, .content-text[data-expansionid="19398"] #pagecontent ol li::before {
  content: "play_arrow";
  font-family: var(--font-icon);
  color: var(--col-deep);
  position: absolute;
  top: 0%;
  left: -26px;
}
.content-text[data-expansionid="19398"] #pagecontent ul ul li::before, .content-text[data-expansionid="19398"] #pagecontent ol ul li::before {
  content: "chevron_right";
  color: var(--col-deep);
}
.content-text[data-expansionid="19398"] #pagecontent ol li::before {
  content: counter(li) ".";
  font-family: var(--font-main);
  color: var(--col-accent);
}
.content-text[data-expansionid="19398"] #pagecontent strong {
  font-weight: bold;
  text-transform: uppercase;
  color: var(--col-accent);
}
.content-text[data-expansionid="19398"] #pagecontent span[title] {
  position: absolute;
}
.content-text[data-expansionid="19398"] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=font__orbitron] + * {
  font-family: var(--font-console) !important;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=box] + div {
  position: relative;
  padding: 2rem;
  margin-bottom: 2rem;
  -webkit-filter: drop-shadow(2px 0px 0 white) drop-shadow(-2px 0px 0 white) drop-shadow(0px 3px 0 white) drop-shadow(0px -3px 0 white) drop-shadow(2px 4px 6px var(--col-glow)) drop-shadow(2px 4px 12px var(--col-glow)) drop-shadow(2px 4px 24px var(--col-glow));
          filter: drop-shadow(2px 0px 0 white) drop-shadow(-2px 0px 0 white) drop-shadow(0px 3px 0 white) drop-shadow(0px -3px 0 white) drop-shadow(2px 4px 6px var(--col-glow)) drop-shadow(2px 4px 12px var(--col-glow)) drop-shadow(2px 4px 24px var(--col-glow));
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=box] + div::after {
  clip-path: var(--math-box-clip);
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border: 2px solid var(--col-gold);
  background: var(--col-tone);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=box] + div img {
  display: block;
  margin: 0 auto;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=box] + div, .content-text[data-expansionid="19398"] #pagecontent span[title~=breakout] + div {
  overflow-x: auto;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=background] + img {
  position: fixed;
  inset: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=background] + img ~ h1 {
  color: var(--col-tone);
  text-shadow: 0 0 4px black, -1px -1px 0px red, 1px 1px 0px cyan;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=_left] + img {
  -o-object-position: left;
     object-position: left;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=_right] + img {
  -o-object-position: right;
     object-position: right;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=padding-5] + * {
  padding: 5px;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=padding-10] + * {
  padding: 10px;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=padding-15] + * {
  padding: 15px;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=no-indent] + * {
  text-indent: 0;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=no-margin] + * {
  margin: 0 !important;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=indent] + p {
  text-indent: 2rem;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=col-span] + * {
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
  margin: 2rem 0;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=col-single] + * * {
  -webkit-columns: none;
     -moz-columns: none;
          columns: none;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=breakout] + div, .content-text[data-expansionid="19398"] #pagecontent span[title*=log] + div {
  margin-bottom: 2rem;
  background: transparent;
  position: relative;
  color: var(--col-contrast);
  clip-path: var(--math-break-clip);
  border: 2px solid var(--col-contrast);
  padding: 2rem;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=breakout] + div h1, .content-text[data-expansionid="19398"] #pagecontent span[title~=breakout] + div h2, .content-text[data-expansionid="19398"] #pagecontent span[title~=breakout] + div h3, .content-text[data-expansionid="19398"] #pagecontent span[title~=breakout] + div h4, .content-text[data-expansionid="19398"] #pagecontent span[title*=log] + div h1, .content-text[data-expansionid="19398"] #pagecontent span[title*=log] + div h2, .content-text[data-expansionid="19398"] #pagecontent span[title*=log] + div h3, .content-text[data-expansionid="19398"] #pagecontent span[title*=log] + div h4 {
  color: var(--col-contrast);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=breakout] + div P, .content-text[data-expansionid="19398"] #pagecontent span[title*=log] + div P {
  color: var(--col-contrast);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=breakout] + div li, .content-text[data-expansionid="19398"] #pagecontent span[title*=log] + div li {
  color: var(--col-contrast);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=breakout] + div li::before, .content-text[data-expansionid="19398"] #pagecontent span[title*=log] + div li::before {
  color: var(--col-contrast);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=breakout] + div ol li::before, .content-text[data-expansionid="19398"] #pagecontent span[title*=log] + div ol li::before {
  display: -ms-grid;
  display: grid;
  place-content: center;
  content: counter(li);
  background: black;
  -webkit-box-shadow: inset 0 0 0 3px var(--col-glow), inset 0 0 0 6px var(--col-glow);
          box-shadow: inset 0 0 0 3px var(--col-glow), inset 0 0 0 6px var(--col-glow);
  border: 1px solid var(--col-accent);
  font-size: 14px;
  color: var(--col-bright);
  line-height: 1;
  font-family: var(--font-main);
  width: 2rem;
  aspect-ratio: 1;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=breakout] + div strong, .content-text[data-expansionid="19398"] #pagecontent span[title*=log] + div strong {
  color: var(--col-bright);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=breakout] + div img, .content-text[data-expansionid="19398"] #pagecontent span[title*=log] + div img {
  display: block;
  margin: 0 auto;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=log] + div {
  --col-contrast: #bbd3cd;
  border: none;
  color: var(--col-tone);
  padding: 3rem;
  clip-path: none;
  -webkit-filter: drop-shadow(2px 0px 0 var(--col-tone)) drop-shadow(-2px 0px 0 var(--col-tone)) drop-shadow(0px 2px 0 var(--col-tone)) drop-shadow(0px -2px 0 var(--col-tone));
          filter: drop-shadow(2px 0px 0 var(--col-tone)) drop-shadow(-2px 0px 0 var(--col-tone)) drop-shadow(0px 2px 0 var(--col-tone)) drop-shadow(0px -2px 0 var(--col-tone));
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=log] + div::before {
  content: "";
  position: absolute;
  background: repeating-linear-gradient(to bottom, var(--col-deep), var(--col-deep) 2px, black 2px, black 4px);
  inset: 0;
  z-index: -1;
  clip-path: var(--math-box-clip);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=log] + div h2:first-child {
  position: absolute;
  top: 5px;
  font-family: var(--font-console);
  font-size: 12px;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=log] + div h2 {
  color: var(--col-tone);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=log] + div h4 {
  color: var(--col-bright);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=log] + div img {
  display: block;
  margin: 0 auto;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=aside] + * {
  color: var(--col-bright) !important;
  font-size: 0.8em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=breakout] + div span[title~=aside] + * {
  color: var(--col-gold) !important;
}
.content-text[data-expansionid="19398"] #pagecontent table {
  width: 100%;
  border: none;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  color: var(--col-gold);
  font-family: var(--font-main);
  font-size: 0.8em !important;
  overflow-x: auto;
}
.content-text[data-expansionid="19398"] #pagecontent table h2 {
  font-family: var(--font-main);
  font-size: 1.5em;
}
.content-text[data-expansionid="19398"] #pagecontent table th {
  text-transform: uppercase;
  vertical-align: top;
  font-size: 0.8em;
  font-family: var(--font-header);
}
.content-text[data-expansionid="19398"] #pagecontent table tr:not(:last-of-type) {
  border-bottom: 1px solid var(--col-accent);
}
.content-text[data-expansionid="19398"] #pagecontent table tr:nth-of-type(odd) {
  background: var(--col-glow);
}
.content-text[data-expansionid="19398"] #pagecontent table thead > tr {
  background: none !important;
  border-bottom: 2px solid var(--col-tone);
}
.content-text[data-expansionid="19398"] #pagecontent table :where(td, th) {
  border: none;
  padding: 5px;
  line-height: 1;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=table-pairs] + table td:nth-of-type(2) {
  text-align: right;
  color: var(--col-tone);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=table-pairs] + table tr {
  border-color: var(--col-gold);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=col-2] + * {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.content-text[data-expansionid="19398"] #pagecontent span[title*=icon] {
  position: relative;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  vertical-align: top;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=icon-cinematic] {
  position: relative !important;
  float: left;
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
  background: var(--img-cinematic), red;
  background-size: contain;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=icon-campaign] {
  position: relative !important;
  float: left;
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
  background: var(--img-campaign), red;
  background-size: contain;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=icon-success] {
  background: var(--img-success);
  background-size: contain;
  background-repeat: no-repeat;
  mix-blend-mode: difference;
  margin-right: 3px;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=icon-hugger] {
  background: var(--img-hugger);
  background-size: contain;
  background-repeat: no-repeat;
  mix-blend-mode: difference;
  margin-right: 3px;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div {
  --col-dust: rgba(230, 202, 202, 0.1);
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6rem 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  grid-gap: 1rem 6rem;
  background: radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), -webkit-gradient(linear, left top, right top, from(var(--col-glow)), color-stop(black), to(var(--col-glow))), repeating-linear-gradient(to right, transparent, transparent 10px, var(--col-dust) 10px, var(--col-dust) 11px), repeating-linear-gradient(30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), repeating-linear-gradient(-30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), black;
  background: radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), linear-gradient(to right, var(--col-glow), black, var(--col-glow)), repeating-linear-gradient(to right, transparent, transparent 10px, var(--col-dust) 10px, var(--col-dust) 11px), repeating-linear-gradient(30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), repeating-linear-gradient(-30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), black;
  background-blend-mode: screen, screen, overlay, screen, screen, screen, normal;
  background-position: center, center, center, 11 0, center, center, center;
  padding: 2rem;
  padding-bottom: 4rem;
  border: 1px solid var(--col-gold);
  outline: 2px solid var(--col-accent);
  outline-offset: -1rem;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div h2 {
  position: relative;
  grid-column: 1/-1;
  color: var(--col-tone);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 2rem;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2rem;
  width: calc(100% + 2rem);
  height: 1px;
  background: var(--col-accent);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div h3 {
  position: absolute;
  margin: 0;
  left: -1px;
  top: 1px;
  background: var(--col-accent);
  --clip: 20px;
  clip-path: polygon(var(--clip) 0, calc(100% - var(--clip)) 0, 100% 100%, 0 100%);
  padding-left: 3rem;
  font-family: var(--font-console);
  font-size: 0.8em;
  color: var(--col-tone);
  text-align: left;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div::after {
  position: absolute;
  top: 23px;
  bottom: 2.25rem;
  left: 50%;
  content: "";
  border: 1px dashed var(--col-accent);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div:first-of-type > div::before, .content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div:first-of-type > div::after {
  top: 1rem;
  right: -3rem;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div:last-of-type > div::before, .content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div:last-of-type > div::after {
  bottom: 1rem;
  left: -3rem;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div:first-of-type > div::after {
  right: calc(-3rem - 2px);
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div:last-of-type > div::after {
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div > div {
  position: relative;
  background: repeating-linear-gradient(to bottom, var(--col-deep), var(--col-deep) 2px, black 2px, black 4px);
  border: 1px solid var(--col-tone);
  padding: 1rem;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div > div p {
  color: var(--col-tone);
  font-size: 0.8em;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div > div p::after {
  content: none;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div > div::before, .content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div > div::after {
  position: absolute;
  content: "";
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div > div::before {
  width: 3rem;
  border-bottom: 1px solid var(--col-tone);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div > div::after {
  height: 8px;
  width: 8px;
  background: var(--col-tone);
  border-radius: 50%;
  z-index: 1;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div span[title=__middle] + div::after {
  bottom: unset;
  top: 50%;
  translate: 0 calc(-50% - 4px);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div span[title=__middle] + div::before {
  bottom: unset;
  top: 50%;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div span[title=__top] + div::after {
  top: 1rem;
  bottom: unset;
  translate: 0 calc(-50% - 4px);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div span[title=__top] + div::before {
  top: 1rem;
  bottom: unset;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div span[title=__bottom] + div::after {
  top: unset;
  bottom: 1rem;
  translate: 0 calc(50% + 4px);
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=timeline] + div > div span[title=__bottom] + div::before {
  top: unset;
  bottom: 1rem;
}
.content-text[data-expansionid="19398"] #pagecontent span[title~=img_center] + img {
  display: block;
  margin: 0 auto;
}

html[data-theme=dark] body:has(.content-text[data-expansionid="19397"]) {
  background: url(https://files.d20.io/images/302568407/phWrh52qiYV0yKhBv6g4lw/max.png?1662079498);
  background-repeat: repeat;
}
html[data-theme=dark] body:has(.content-text[data-expansionid="19397"]) h1.page-title {
  display: none;
}
html[data-theme=dark] body:has(.content-text[data-expansionid="19397"]) .content-text[data-expansionid="19397"] #pagecontent {
  --col-contrast: #bbd3cd;
}
html[data-theme=dark] body:has(.content-text[data-expansionid="19397"]) .content-text[data-expansionid="19397"] #pagecontent h3 {
  background: none;
}

html[data-theme=dark] body:has(.content-text[data-expansionid="19398"]) {
  background: url(https://files.d20.io/images/302568407/phWrh52qiYV0yKhBv6g4lw/max.png?1662079498);
  background-repeat: repeat;
}
html[data-theme=dark] body:has(.content-text[data-expansionid="19398"]) h1.page-title {
  display: none;
}
html[data-theme=dark] body:has(.content-text[data-expansionid="19398"]) .content-text[data-expansionid="19398"] #pagecontent {
  --col-contrast: #bbd3cd;
}
html[data-theme=dark] body:has(.content-text[data-expansionid="19398"]) .content-text[data-expansionid="19398"] #pagecontent h3 {
  background: none;
}

/* Bladerunner */
.content-text[data-bookid="Blade Runner RPG"] #pagecontent {
  --font-main: "Play", sans-serif;
  --font-title: "Saira Extra Condensed", sans-serif;
  --font-header: "Homenaje";
  --font-icon: "Material Symbols Outlined";
  --col-accent: #7b281c;
  --col-tone: rgba(216, 213, 212, 0.9);
  --col-bright: #e9b625;
  --col-gold: #b19559;
  --col-glow: rgba(177, 96, 3, 0.2);
  --col-text: black;
  --col-text-alt: white;
  --img-noise: url(https://files.d20.io/images/314727531/x9P_hvF0Uf8pY6rYTlXSLQ/med.jpg?1668727192);
  --img-ico1: url(https://files.d20.io/images/310950474/PHvw5_g6Pd2dLKDvtj3PeQ/max.png?1666642420);
  --img-ico2: url(https://files.d20.io/images/310950468/V-R1u0YToUIbmt_qI4TAgg/max.png?1666642420);
  --img-ico3: url(https://files.d20.io/images/310950478/DjJrsMyO9KFcy7NU97svgA/max.png?1666642420);
  --img-ico4: url(https://files.d20.io/images/310950470/8KJ1bef9k0n870UwsJvNTg/max.png?1666642420);
  --img-ico5: url(https://files.d20.io/images/310950467/ngPeEU9PdGr_iy8EGFKkjQ/max.png?1666642420);
  --img-ico6: url(https://files.d20.io/images/310950471/GwvtIxaI0W5qvBJMHY6PBA/max.png?1666642420);
  --img-ico7: url(https://files.d20.io/images/310950477/GzZ_vthD08ly1HEJANatjg/max.png?1666642420);
  --img-ico8: url(https://files.d20.io/images/310950473/lpWRPWrCe36_fnrrIGIixg/max.png?1666642420);
  --img-ico9: url(https://files.d20.io/images/310950472/hfWdNknDqx2dYP5mT8Uykw/max.png?1666642420);
  --img-ico10: url(https://files.d20.io/images/310950476/U2Tb1xhRVsEooDsYZGejIQ/max.png?1666642420);
  --img-ico11: url(https://files.d20.io/images/310950469/CeTjRwMeR4zSy2-836S1Uw/max.png?1666642420);
  --img-ico12: url(https://files.d20.io/images/310950475/QZEKHVkoc3BYUA88QdJG4A/max.png?1666642420);
  --img-ico13: url(https://files.d20.io/images/310950466/wbA01EHQ01AgLIrQa_JFrA/max.png?1666642420);
  --img-ico14: url(https://files.d20.io/images/311080884/zQLrRwAKMA5Hd0hvBewqpA/max.png?1666723140);
  --img-eye: url(https://files.d20.io/images/318343074/Mp0Nq4H18S5AOLxCsfftwQ/med.png?1670905206);
  --img-unicorn: url(https://files.d20.io/images/318343083/3cZ2AYMNRYCnfF1aKk8QJA/med.png?1670905215);
  position: relative;
  -webkit-columns: 300px 2;
     -moz-columns: 300px 2;
          columns: 300px 2;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
  margin: -1rem;
  padding: 2rem;
  overflow: hidden;
  border-bottom: 2px solid var(--col-gold);
  font-size: 16px;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ::-webkit-scrollbar-track {
  background: var(--col-text);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--col-accent);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent .br-toc-column {
  -webkit-column-width: 290px;
     -moz-column-width: 290px;
          column-width: 290px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent pre {
  margin: 0;
  margin-bottom: 2rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent pre#glossary, .content-text[data-bookid="Blade Runner RPG"] #pagecontent > h1 {
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent h1, .content-text[data-bookid="Blade Runner RPG"] #pagecontent h2 {
  color: var(--col-accent);
  text-transform: uppercase;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent h1 {
  position: relative;
  width: 70%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: var(--font-main);
  font-size: 3em;
  text-align: center;
  margin: 1rem 0;
  line-height: 1;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent h1.pagetitle {
  display: none;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent h2 {
  font-family: var(--font-title);
  margin: 0;
  line-height: 1;
  font-size: 2em;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent h3 {
  position: relative;
  width: 80%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(black), to(transparent));
  background: linear-gradient(to right, transparent, black, transparent);
  font-family: var(--font-header);
  font-size: 1em;
  color: var(--col-gold);
  text-shadow: 0 0 5px black;
  text-align: center;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent p, .content-text[data-bookid="Blade Runner RPG"] #pagecontent li {
  font-family: var(--font-main);
  color: var(--col-text);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent p {
  margin-bottom: 1em;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent p:not(:first-of-type) {
  text-indent: 2rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent p:has(strong) {
  text-indent: 0;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent > div:not(#pagecontent, [class=content-text]) {
  margin-bottom: 2rem;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ul, .content-text[data-bookid="Blade Runner RPG"] #pagecontent ol {
  list-style-position: inside;
  padding-left: 2rem;
  margin: 1rem 0;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ul li, .content-text[data-bookid="Blade Runner RPG"] #pagecontent ol li {
  counter-increment: li;
  line-height: 1.5;
  margin-bottom: 0;
  position: relative;
  text-indent: 0;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ul li::marker, .content-text[data-bookid="Blade Runner RPG"] #pagecontent ol li::marker {
  content: "";
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ul li::before, .content-text[data-bookid="Blade Runner RPG"] #pagecontent ol li::before {
  content: "add_box";
  font-family: var(--font-icon);
  color: var(--col-accent);
  position: absolute;
  top: 0%;
  left: -26px;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ol li::before {
  content: counter(li) ".";
  font-family: var(--font-main);
  color: var(--col-accent);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent strong {
  font-weight: bold;
  text-transform: uppercase;
  color: var(--col-accent);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title] {
  position: absolute;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=img-50] + img {
  width: calc(50% - 2.5rem);
  vertical-align: bottom;
  margin: 0 1rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=box] + div {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
  position: relative;
  border: 2px solid var(--col-gold);
  padding: 2rem;
  background: var(--col-tone);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=box] + div img {
  display: block;
  margin: 0 auto;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=box] + div, .content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div {
  overflow-x: auto;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=background] + img {
  position: fixed;
  inset: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=background] + img ~ h1 {
  color: var(--col-tone);
  text-shadow: 0 0 4px black, -1px -1px 0px red, 1px 1px 0px cyan;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=background] ~ span[title~=dictionary] + * {
  --col-text: white;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(rgba(0, 0, 0, 0.8)), color-stop(2rem, black), color-stop(black), to(transparent));
  -webkit-mask-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8), black 2rem, black calc(100% - 3rem), transparent);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(rgba(0, 0, 0, 0.8)), color-stop(2rem, black), color-stop(black), to(transparent));
          mask-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8), black 2rem, black calc(100% - 3rem), transparent);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=_left] + img {
  -o-object-position: left;
     object-position: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=_right] + img {
  -o-object-position: right;
     object-position: right;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=no-indent] + * {
  text-indent: 0;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=no-margin] + * {
  margin: 0 !important;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=indent] + p {
  text-indent: 2rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=col-span] + * {
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=col-span] + *:not(:first-of-type) {
  margin-top: 2rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=col-single] + * * {
  -webkit-columns: none;
     -moz-columns: none;
          columns: none;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div {
  position: relative;
  color: var(--col-tone);
  background: var(--img-noise), radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), -webkit-gradient(linear, left top, right top, from(var(--col-glow)), color-stop(black), to(var(--col-glow))), black;
  background: var(--img-noise), radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), linear-gradient(to right, var(--col-glow), black, var(--col-glow)), black;
  background-blend-mode: overlay, screen, screen, normal;
  border: 2px solid var(--col-gold);
  padding: 2rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div P {
  color: var(--col-tone);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div h1, .content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div h2, .content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div h3 {
  color: var(--col-gold);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div li {
  color: var(--col-tone);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div li::before {
  color: var(--col-gold);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div ol li::before {
  display: -ms-grid;
  display: grid;
  place-content: center;
  content: counter(li);
  background: black;
  -webkit-box-shadow: inset 0 0 0 3px var(--col-glow), inset 0 0 0 6px var(--col-glow);
          box-shadow: inset 0 0 0 3px var(--col-glow), inset 0 0 0 6px var(--col-glow);
  border: 1px solid var(--col-accent);
  font-size: 14px;
  color: var(--col-bright);
  line-height: 1;
  font-family: var(--font-main);
  width: 2rem;
  aspect-ratio: 1;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div strong {
  color: var(--col-bright);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div img {
  display: block;
  margin: 0 auto;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=aside] + * {
  color: var(--col-bright) !important;
  font-size: 0.9em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=dictionary] + div {
  padding: 2rem 4rem;
  text-align: justify;
  border: 1px solid var(--col-accent);
  border-width: 0 1px;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div span[title~=aside] + * {
  color: var(--col-gold) !important;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent table {
  width: 100%;
  border: none;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  color: var(--col-gold);
  font-size: 0.8em !important;
  overflow-x: auto;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent table h2 {
  font-family: var(--font-main);
  font-size: 1.5em;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent table th {
  text-transform: uppercase;
  vertical-align: top;
  font-size: 0.8em;
  font-family: var(--font-header);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent table tr:not(:last-of-type) {
  border-bottom: 1px solid var(--col-gold);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent table thead > tr {
  border-bottom: 2px solid var(--col-gold);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent table td, .content-text[data-bookid="Blade Runner RPG"] #pagecontent table th {
  border: none;
  font-family: var(--font-main);
  padding: 5px;
  line-height: 1;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=table-pairs] + table td:nth-of-type(2) {
  text-align: right;
  color: var(--col-tone);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=table-pairs] + table tr {
  border-color: var(--col-gold);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=col-2] + * {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=cool-theme] ~ * {
  --col-accent: #2b5c5a;
  --col-glow: rgba(152, 199, 211, 0.2);
  --col-gold: #9ba884;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=warm-theme] ~ * {
  --col-accent: #7b281c;
  --col-gold: #b19559;
  --col-glow: rgba(177, 96, 3, 0.2);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title*=icon] {
  position: relative;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-right: 3px;
  vertical-align: top;
  mix-blend-mode: difference;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-eye] {
  background: var(--img-eye);
  background-size: contain;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-unicorn] {
  background: var(--img-unicorn);
  background-size: contain;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico1] {
  background: var(--img-ico1);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico2] {
  background: var(--img-ico2);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico3] {
  background: var(--img-ico3);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico4] {
  background: var(--img-ico4);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico5] {
  background: var(--img-ico5);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico6] {
  background: var(--img-ico6);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico7] {
  background: var(--img-ico7);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico8] {
  background: var(--img-ico8);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico9] {
  background: var(--img-ico9);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico10] {
  background: var(--img-ico10);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico11] {
  background: var(--img-ico11);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico12] {
  background: var(--img-ico12);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico13] {
  background: var(--img-ico13);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico14] {
  background: var(--img-ico14);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div {
  --col-dust: rgba(230, 202, 202, 0.1);
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6rem 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  grid-gap: 1rem 6rem;
  background: radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), -webkit-gradient(linear, left top, right top, from(var(--col-glow)), color-stop(black), to(var(--col-glow))), repeating-linear-gradient(to right, transparent, transparent 10px, var(--col-dust) 10px, var(--col-dust) 11px), repeating-linear-gradient(30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), repeating-linear-gradient(-30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), black;
  background: radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), linear-gradient(to right, var(--col-glow), black, var(--col-glow)), repeating-linear-gradient(to right, transparent, transparent 10px, var(--col-dust) 10px, var(--col-dust) 11px), repeating-linear-gradient(30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), repeating-linear-gradient(-30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), black;
  background-blend-mode: screen, screen, overlay, screen, screen, screen, normal;
  background-position: center, center, center, 11 0, center, center, center;
  padding: 2rem;
  padding-bottom: 4rem;
  border: 1px solid var(--col-gold);
  outline: 2px solid var(--col-accent);
  outline-offset: -1rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div h2 {
  position: relative;
  grid-column: 1/-1;
  color: var(--col-tone);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 2rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2rem;
  width: calc(100% + 2rem);
  height: 1px;
  background: var(--col-accent);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div h3 {
  position: absolute;
  margin: 0;
  left: -1px;
  top: 0;
  background: black;
  padding-left: 1rem;
  border: 1px solid var(--col-gold);
  border-radius: 0 50px 0 0;
  text-align: left;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div::after {
  position: absolute;
  top: 23px;
  bottom: 2.25rem;
  left: 50%;
  content: "";
  border: 1px dashed var(--col-gold);
  outline: 1px solid var(--col-accent);
  outline-offset: 1.5rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div:first-of-type > div::before, .content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div:first-of-type > div::after {
  top: 1rem;
  right: -3rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div:last-of-type > div::before, .content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div:last-of-type > div::after {
  bottom: 1rem;
  left: -3rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div:first-of-type > div::after {
  right: calc(-3rem - 2px);
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div:last-of-type > div::after {
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div > div {
  position: relative;
  background: var(--img-noise), radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), -webkit-gradient(linear, left top, right top, from(var(--col-glow)), color-stop(black), to(var(--col-glow))), black;
  background: var(--img-noise), radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), linear-gradient(to right, var(--col-glow), black, var(--col-glow)), black;
  background-blend-mode: overlay, screen, screen, normal;
  border: 1px solid var(--col-gold);
  padding: 1rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div > div p {
  color: var(--col-bright);
  font-size: 0.8em;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div > div::before, .content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div > div::after {
  position: absolute;
  content: "";
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div > div::before {
  width: 3rem;
  border-bottom: 1px solid var(--col-gold);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div > div::after {
  height: 8px;
  width: 8px;
  background: var(--col-tone);
  border-radius: 50%;
  outline: 2px solid var(--col-gold);
  outline-offset: 3px;
  z-index: 1;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div span[title=__middle] + div::after {
  bottom: unset;
  top: 50%;
  translate: 0 calc(-50% - 4px);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div span[title=__middle] + div::before {
  bottom: unset;
  top: 50%;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div span[title=__top] + div::after {
  top: 1rem;
  bottom: unset;
  translate: 0 calc(-50% - 4px);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div span[title=__top] + div::before {
  top: 1rem;
  bottom: unset;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div span[title=__bottom] + div::after {
  top: unset;
  bottom: 1rem;
  translate: 0 calc(50% + 4px);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div span[title=__bottom] + div::before {
  top: unset;
  bottom: 1rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=img_center] + img {
  display: block;
  margin: 0 auto;
}

html:has(.content-text[data-bookid="Blade Runner RPG"]) .primarycontentcontainer {
  --color-surface1: rgba(255, 255, 255, .7);
  padding-top: 20px;
}
html:has(.content-text[data-bookid="Blade Runner RPG"]) h1:first-of-type {
  display: none;
}
html:has(.content-text[data-bookid="Blade Runner RPG"]):not([data-theme=dark]) img[alt="Alcon logo"], html:has(.content-text[data-bookid="Blade Runner RPG"]):not([data-theme=dark]) img[alt="Free League logo"] {
  -webkit-filter: invert(1);
          filter: invert(1);
}
html:has(.content-text[data-bookid="Blade Runner RPG"]) div:has(> a[href="#attributes"]) {
  background-color: transparent !important;
}

html[data-theme=dark]:has(.content-text[data-bookid="Blade Runner RPG"]) .primarycontentcontainer {
  --color-surface1: rgba(50, 50, 50, .7);
  --color-grayscale1: #E9E8E9;
}
html[data-theme=dark]:has(.content-text[data-bookid="Blade Runner RPG"]) .content-text #pagecontent span[title*=dictionary] + * {
  --col-text: white;
}

/* Apocalypse Keys (PbtA) */
.content-text[data-bookid="apocalypsekeys"] h1 {
  font-family: 'Amarante', cursive;
  font-weight: 400;
}
.content-text[data-bookid="apocalypsekeys"] #pagecontent :is(h2, h3, h4, h5, h6) {
  font-family: 'Amatic SC', cursive;
  font-weight: 700;
}

/* They Came From Beneath The Sea */
.content-text[data-bookid=TCFBTS] #pagecontent {
  --sigil-block-spacing: 24px;
  --tcfbts-font-heavy-heading: Impact, "Arial Black", sans-serif;
  --tcfbts-font-heading: Crud, Impact, Arial Black, sans-serif;
  --tcfbts-font-secondary: Futura, "Helvetica Neue", Helvetica, Arial, serif;
  --tcfbts-font-typewriter: "Special Elite", "Courier New", Courier, monospace;
  --tcfbts-font-creepster: "Creepster", cursive;
  --tcfbts-color-base: var(--color-grayscale1);
  --tcfbts-color-green: #384038;
  --tcfbts-color-on-green: var(--color-surface1);
  --tcfbts-color-creepster-outline: #fff;
  --tcfbts-table-odd-background: transparent;
  --tcfbts-table-even-background: rgb(0 0 0 / 5%);
  --tcfbts-bulletbox-even-background: rgb(0 0 0 / 5%);
  --tcfbts-image-paper: url("https://files.d20.io/images/304952890/Zqo_YJntbWA9v3ZUZMiwRA/max.jpg?1663413678");
  --tcfbts-polygon-worn-paper: polygon(8px 3px, 12px 2px, 16px 0, 10% 2px, 10.5% 0px, 11% 1px, 11.5% 0px, 18% 1.5px, 21% 0, 28% 1px, 30% 4px, 30.5% 1px, 31% 2px, 31.5% 1px, 33% 3px, 34% 0, 35.5% 1px, 36.5% 2px, 38% 0.5px, 48% 0, 49% 4px, 50% 1.5px, 57% 1px, 59% 0, 61% 1.5px, 63% 0, 67% 1px, 70% 0, 70.5% 4px, 71% 1px, 71.5% 2px, 72% 0, 72.5% 3px, 75% 0, 78% 2px, 85% 3px, 93% 1px, 96% 0, calc(100% - 8px) 0, calc(100% - 4px) 2px, calc(100% - 3px) 10px, 100% 14px, calc(100% - 1px) 15%, calc(100% - 2px) 16.5%, 100% 17%, calc(100% - 1px) 17.5%, 100% 18%, calc(100% - 1px) 21%, 100% 22%, calc(100% - 4px) 23%, calc(100% - 1px) 23.5%, calc(100% - 3px) 24%, calc(100% - 2px) 24.5%, 100% 25%, calc(100% - 1px) 25.5%, 100% 26%, calc(100% - 2px) 26.5%, calc(100% - 1px) 27%, calc(100% - 1.5px) 28%, 100% 29%, calc(100% - 1px) 45%, calc(100% - 3px) 45.5%, calc(100% - 2px) 46%, 100% 47%, calc(100% - 1px) 48%, 100% 49%, calc(100% - 2px) 49.5%, calc(100% - 1px) 50%, calc(100% - 1.5px) 50.5%, 100% 51%, calc(100% - 3px) 53%, 100% 53.5%, calc(100% - 2px) 55%, calc(100% - 1px) 56%, 100% 57%, 100% 65%, calc(100% - 4px) 66%, calc(100% - 2px) 67%, 100% 69%, calc(100% - 2px) 78%, calc(100% - 1.5px) 85%, calc(100% - 3px) 85.5%, calc(100% - 8px) 86%, calc(100% - 2px) 86.5%, 100% 100%, 98% calc(100% - 2px), 97% calc(100% - 4px), 96% calc(100% - 1px), 93% 100%, 92.5% calc(100% - 3px), 91% 100%, 87% calc(100% - 1px), 80% 100%, 79.5% calc(100% - 6px), 79.2% calc(100% - 3px), 78.5% 100%, 70% calc(100% - 1px), 69.5% 100%, 69% calc(100% - 5px), 68.5% 100%, 68% calc(100% - 3px), 67.5% calc(100% - 2px), 67% 100%, 66.5% calc(100% - 2px), 66% 100%, 65.6% calc(100% - 2px), 65.3% 100%, 65% calc(100% - 1px), 64.7% 100%, 64.4% calc(100% - 1px), 64% 100%, 60% calc(100% - 1px), 52% 100%, 45% calc(100% - 3px), 40% calc(100% - 2px), 39% calc(100% - 3px), 38% calc(100% - 4px), 37% calc(100% - 2px), 36% calc(100% - 4px), 35% calc(100% - 1px), 19% 100%, 13% 100%, 12.8% calc(100% - 4px), 12.5% calc(100% - 6px), 12% calc(100% - 3px), 11.5% calc(100% - 4px), 11% calc(100% - 3px), 10.5% calc(100% - 5px), 10% calc(100% - 3px), 9.5% calc(100% - 2px), 9% calc(100% - 3px), 8.5% calc(100% - 6px), 5% calc(100% - 2px), 8px calc(100% - 2px), 6px calc(100% - 3px), 4px calc(100% - 4px), 0 calc(100% - 3px), 0 89%, 2px 87%, 4px 86%, 0 85%, 0 77%, 1px 76%, 2px 75%, 0 73.5%, 3px 73%, 0 71%, 1.5px 70.5%, 1px 70%, 2px 69.5%, 0 69%, 1px 68%, 0 67%, 2px 66%, 3px 65.5%, 1px 65%, 0 66%, 1px 50%, 5px 49.5%, 7px 49%, 0 48.5%, 3px 38%, 0 20%, 1px 16%, 3px 15.5%, 4px 14%, 2.5px 12%, 1px 11%, 0 10%, 1px 5%, 0 6px, 2px 4px);
}
.content-text[data-bookid=TCFBTS] #pagecontent {
  font-family: var(--sigil-font-base);
  color: var(--color-grayscale1);
  font-size: clamp(16px, 0.625vw + 14px, 18px);
  line-height: 1.5;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(p, aside, blockquote, q, label, caption, figure, figcaption, pre, code, dl, dt, dd, mark, header, footer, small, h1, h2, h3, h4, h5, h6) {
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: initial;
}
.content-text[data-bookid=TCFBTS] #pagecontent.dark {
  color: var(--color-grayscale2);
}
.content-text[data-bookid=TCFBTS] #pagecontent a[name]:first-child + :is(h1, h2, h3, h4, h5, h6),
.content-text[data-bookid=TCFBTS] #pagecontent a[name]:first-child + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0 !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent a[name]:not([href]) {
  display: none;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(h1, h2, h3, h4, h5, h6) {
  font-weight: normal;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(h1, h2, h3):not(.esc):not(:first-child) {
  margin-top: 48px;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(h1, h2, h3):not(.esc):not(:last-child) {
  margin-bottom: 16px;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(h4, h5, h6):not(.esc):not(:first-child) {
  margin-top: 32px;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(h4, h5, h6):not(.esc):not(:last-child) {
  margin-bottom: 12px;
}
.content-text[data-bookid=TCFBTS] #pagecontent h1:not(.esc) {
  font-size: clamp(28px, 2.5vw + 20px, 36px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h2:not(.esc) {
  font-size: clamp(22px, 2.5vw + 14px, 30px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h3:not(.esc) {
  font-size: clamp(20px, 1.25vw + 16px, 24px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h3:not(.esc) a {
  border: 0;
}
.content-text[data-bookid=TCFBTS] #pagecontent h3:not(.esc) a:hover {
  background: none;
}
.content-text[data-bookid=TCFBTS] #pagecontent h4:not(.esc) {
  font-size: clamp(18px, 0.625vw + 16px, 20px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h5:not(.esc) {
  font-size: clamp(16px, 0.625vw + 14px, 18px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h6:not(.esc) {
  font-size: clamp(14px, 0.625vw + 12px, 16px);
}
.content-text[data-bookid=TCFBTS] #pagecontent hr {
  border-top: 1px solid var(--color-grayscale4);
  margin: 24px 0;
}
.content-text[data-bookid=TCFBTS] #pagecontent.dark hr {
  border-color: var(--color-grayscale3);
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(blockquote, ul, ol, table, aside, figure):not(:first-child) {
  margin-top: var(--sigil-block-spacing, 24px);
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(blockquote, ul, ol, table, aside, figure):not(:last-child) {
  margin-bottom: var(--sigil-block-spacing, 24px);
}
.content-text[data-bookid=TCFBTS] #pagecontent p:not(:first-child) {
  margin-top: 1.25em;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(ul, ol) {
  margin: 0;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(ul, ol) li:not(:last-child) {
  margin-bottom: 8px;
}
.content-text[data-bookid=TCFBTS] #pagecontent.dark strong {
  filter: brightness(1.1);
}
.content-text[data-bookid=TCFBTS] #pagecontent mark {
  background-color: var(--color-yellow8);
  padding: 0.125em;
}
.content-text[data-bookid=TCFBTS] #pagecontent.dark mark {
  background-color: var(--color-red1);
}
.content-text[data-bookid=TCFBTS] #pagecontent blockquote footer::before {
  content: none;
}
.content-text[data-bookid=TCFBTS] #pagecontent q::before, .content-text[data-bookid=TCFBTS] #pagecontent q::after {
  content: none;
}
.content-text[data-bookid=TCFBTS] #pagecontent table {
  border-collapse: collapse;
  font-size: clamp(14px, 0.625vw + 12px, 16px) !important;
  width: 100%;
}
.content-text[data-bookid=TCFBTS] #pagecontent table thead td {
  border-bottom: 0 !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent table td {
  border: 1px solid var(--color-grayscale4);
}
.content-text[data-bookid=TCFBTS] #pagecontent.dark table td {
  border: 1px solid var(--color-grayscale3);
}
.content-text[data-bookid=TCFBTS] #pagecontent.dark {
  --tcfbts-color-base: var(--color-grayscale2);
  --tcfbts-color-creepster-outline: #333;
  --tcfbts-color-green: #a9bca9;
  --tcfbts-table-even-background: rgb(255 255 255 / 5%);
  --tcfbts-bulletbox-even-background: rgb(255 255 255 / 5%);
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(h1, h2, h3, h4, h5, h6, caption, figcaption):not(.esc) {
  color: var(--tcfbts-color-green);
  font-family: var(--tcfbts-font-heading);
  line-height: 1;
  text-transform: uppercase;
}
.content-text[data-bookid=TCFBTS] #pagecontent h1:not(.esc) {
  font-family: var(--tcfbts-font-heavy-heading);
  font-size: clamp(40px, 7.5vw + 16px, 64px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h1:not(.esc):not(:last-child) {
  margin-bottom: 0.625em;
}
.content-text[data-bookid=TCFBTS] #pagecontent h1:not(.esc) > small:first-child {
  font-size: 50%;
}
.content-text[data-bookid=TCFBTS] #pagecontent h2:not(.esc) {
  font-size: clamp(36px, 2.5vw + 28px, 44px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h3:not(.esc) {
  font-size: clamp(24px, 2.5vw + 16px, 32px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h4:not(.esc) {
  font-size: clamp(20px, 2.5vw + 12px, 28px);
}
.content-text[data-bookid=TCFBTS] #pagecontent p small {
  font-size: 0.875em;
}
.content-text[data-bookid=TCFBTS] #pagecontent q {
  display: block;
  font-family: var(--tcfbts-font-typewriter);
  font-size: 0.75em;
  font-weight: bold;
  padding: 0 8px;
}
.content-text[data-bookid=TCFBTS] #pagecontent q:not(:first-child) {
  margin-top: 24px;
}
.content-text[data-bookid=TCFBTS] #pagecontent q:not(:last-child) {
  margin-bottom: 24px;
}
.content-text[data-bookid=TCFBTS] #pagecontent q p:not(:first-child) {
  margin-top: 6px;
}
.content-text[data-bookid=TCFBTS] #pagecontent q > small:last-child {
  display: block;
  margin-top: 6px;
}
.content-text[data-bookid=TCFBTS] #pagecontent q > small:last-child::before {
  content: "—";
  margin-right: 6px;
}
.content-text[data-bookid=TCFBTS] #pagecontent blockquote {
  background-color: var(--tcfbts-color-green);
  color: var(--tcfbts-color-on-green);
  font-size: 0.875em;
  font-style: italic;
  padding: 8px 12px;
  border-radius: 8px;
}
.content-text[data-bookid=TCFBTS] #pagecontent.dark blockquote strong {
  color: inherit;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside:not(:first-child) {
  margin-top: 56px;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside::after {
  content: "";
  display: table;
  clear: both;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside > img:first-child {
  position: relative;
  display: block;
  float: left;
  shape-outside: circle(50%);
  object-fit: cover;
  border-radius: 50%;
  margin: -14px 12px 8px 1px;
  height: clamp(72px, 10vw + 40px, 104px);
  width: clamp(72px, 10vw + 40px, 104px);
  box-shadow: 0 0 0 4px var(--tcfbts-color-green);
}
.content-text[data-bookid=TCFBTS] #pagecontent aside > img:first-child ~ :is(h1, h2, h3, h4, h5, h6):first-of-type {
  margin-left: 16px;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside > :is(h1, h2, h3, h4, h5, h6) {
  background: var(--tcfbts-color-green);
  padding: 8px 12px;
  height: clamp(48px, 7.5vw + 24px, 72px);
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside > :is(h1, h2, h3, h4, h5, h6) > div {
  display: grid;
  align-items: center;
  color: var(--tcfbts-color-on-green);
  font-family: var(--tcfbts-font-heavy-heading);
  font-size: clamp(17px, 3.4375vw + 6px, 28px);
  line-height: 1;
  height: 100%;
  overflow: hidden;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside > div {
  font-size: 0.875em;
  border: 3px solid var(--tcfbts-color-green);
  padding: 24px 8px 8px;
  margin-top: -16px;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside > div table {
  margin-bottom: 12px !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside > div table:not(:first-child) {
  margin-top: 12px;
}
.content-text[data-bookid=TCFBTS] #pagecontent table caption,
.content-text[data-bookid=TCFBTS] #pagecontent figcaption {
  font-size: clamp(20px, 2.5vw + 12px, 28px);
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}
.content-text[data-bookid=TCFBTS] #pagecontent table {
  margin-bottom: 0 !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent table:not(:first-child) {
  margin-top: 32px;
}
.content-text[data-bookid=TCFBTS] #pagecontent table:not(:last-child) {
  margin-bottom: 32px !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(td, th) {
  font-family: var(--tcfbts-font-secondary);
  font-size: 0.875em;
  line-height: 1.2;
  padding: 8px !important;
  border: 0 !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent thead th {
  background: var(--tcfbts-color-green);
  color: var(--tcfbts-color-on-green);
  vertical-align: bottom;
  text-transform: uppercase;
}
.content-text[data-bookid=TCFBTS] #pagecontent tbody tr:nth-child(odd) {
  background: var(--tcfbts-table-odd-background);
}
.content-text[data-bookid=TCFBTS] #pagecontent tbody tr:nth-child(even) {
  background: var(--tcfbts-table-even-background);
}
.content-text[data-bookid=TCFBTS] #pagecontent abbr {
  display: block;
}
.content-text[data-bookid=TCFBTS] #pagecontent abbr:not(:first-child) {
  margin-top: 24px;
}
.content-text[data-bookid=TCFBTS] #pagecontent abbr:not(:last-child) {
  margin-bottom: 24px;
}
.content-text[data-bookid=TCFBTS] #pagecontent abbr > div {
  display: flex;
}
.content-text[data-bookid=TCFBTS] #pagecontent abbr > div:not(:last-child) {
  margin-bottom: 0.5em;
}
.content-text[data-bookid=TCFBTS] #pagecontent abbr > div > :first-child {
  flex-shrink: 0;
  min-width: 3.5em;
}
.content-text[data-bookid=TCFBTS] #pagecontent abbr > div > :last-child {
  flex-grow: 1;
}
.content-text[data-bookid=TCFBTS] #pagecontent ins {
  display: block;
  font-size: 0.875em;
  text-decoration: none;
}
.content-text[data-bookid=TCFBTS] #pagecontent ins:not(:first-child) {
  margin-top: 24px;
}
.content-text[data-bookid=TCFBTS] #pagecontent ins:not(:last-child) {
  margin-bottom: 24px;
}
.content-text[data-bookid=TCFBTS] #pagecontent ins p:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=TCFBTS] #pagecontent ins > ul {
  list-style-position: inside;
  padding: 0;
}
.content-text[data-bookid=TCFBTS] #pagecontent ins > ul > li {
  padding: 0.5em 0.5em 0.5em 2em;
  margin: 0;
  overflow: hidden;
}
.content-text[data-bookid=TCFBTS] #pagecontent ins > ul > li:nth-child(odd) {
  background: var(--tcfbts-bulletbox-even-background);
}
.content-text[data-bookid=TCFBTS] #pagecontent ins > ul:is(ul) > li {
  text-indent: -1.35em;
}
.content-text[data-bookid=TCFBTS] #pagecontent dl {
  font-family: var(--tcfbts-font-secondary);
  font-size: 0.875em;
  line-height: 1.3;
}
.content-text[data-bookid=TCFBTS] #pagecontent dl:not(:first-child) {
  margin-top: 16px;
}
.content-text[data-bookid=TCFBTS] #pagecontent dl:not(:last-child) {
  margin-bottom: 16px;
}
.content-text[data-bookid=TCFBTS] #pagecontent dl dt {
  background: var(--tcfbts-color-green);
  color: var(--tcfbts-color-on-green);
  line-height: 1;
  text-transform: uppercase;
  padding: 8px;
}
.content-text[data-bookid=TCFBTS] #pagecontent dl dd {
  padding: 8px;
}
.content-text[data-bookid=TCFBTS] #pagecontent dl dd p:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=TCFBTS] #pagecontent dl > div:not(:last-child) {
  margin-bottom: 8px;
}
.content-text[data-bookid=TCFBTS] #pagecontent figure > div:first-of-type {
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.6));
}
.content-text[data-bookid=TCFBTS] #pagecontent figure > div:last-of-type > div:first-child {
  background-image: var(--tcfbts-image-paper);
  background-repeat: no-repeat;
  background-size: cover;
  color: #1e1523;
  font-family: var(--tcfbts-font-typewriter);
  font-size: 0.75em;
  line-height: 1.7;
  padding: 1.5em;
  border-radius: 2px;
  clip-path: var(--tcfbts-polygon-worn-paper);
  filter: sepia(0.15);
}
@media (min-width: 640px) {
  .content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * {
    column-count: 2;
    column-gap: 2em;
  }
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * :is(h2, h3, h4, h5, h6) {
  break-inside: avoid-column;
  line-height: 1;
  margin: 0 !important;
  min-width: 280px;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * :is(h2, h3, h4, h5, h6) a {
  display: block;
  padding: 8px 0;
  width: fit-content;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * :is(h3, h4, h5, h6) {
  font-family: var(--sigil-font-base);
  font-size: 0.875em;
  font-weight: normal;
  text-transform: none;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * :is(h3, h4, h5, h6) a {
  color: var(--tcfbts-color-base) !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * :is(h3, h4, h5, h6) a:hover {
  text-decoration: underline !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * h2 {
  font-size: 1.5em;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * h2 a {
  color: var(--tcfbts-color-green);
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * h3 {
  font-weight: bold;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * h4 {
  padding-left: 12px;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * h5 {
  padding-left: 24px;
  font-style: italic;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * h6 {
  padding-left: 36px;
  font-style: italic;
  opacity: 0.75;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*="66%"] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*="66%"] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  width: 66%;
  min-width: 345px;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*="50%"] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*="50%"] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  width: 50%;
  min-width: 200px;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*="33%"] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*="33%"] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  width: 33%;
  min-width: 150px;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=centered] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=centered] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  margin-left: auto !important;
  margin-right: auto !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=indent-05] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=indent-05] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  text-indent: 0.5em;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=indent-10] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=indent-10] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  text-indent: 1em;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=indent-15] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=indent-15] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  text-indent: 1.5em;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=text-justify] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=text-justify] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  text-align: justify;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=clearfix] {
  display: block;
  clear: both;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=circle-shape] + * {
  shape-outside: circle(50%);
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=transform-flip-x] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=transform-flip-x] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  transform: scale(-1, 1);
}
@media (min-width: 480px) {
  .content-text[data-bookid=TCFBTS] #pagecontent span[title*=two-columns] + * {
    column-count: 2;
    column-gap: 2em;
  }
}
@media (min-width: 640px) {
  .content-text[data-bookid=TCFBTS] #pagecontent span[title*=responsive-float-right] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=responsive-float-right] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
    float: right;
    margin: 1em 0 1em 1em;
    width: 45%;
  }
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=font-typewriter] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=font-typewriter] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--tcfbts-font-typewriter) !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=font-creepster] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=font-creepster] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--tcfbts-font-creepster) !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=heading-creepster] + *:not(a[name]),
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=heading-creepster] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--tcfbts-font-creepster) !important;
  font-size: clamp(40px, 7.5vw + 16px, 64px) !important;
  letter-spacing: 0.02em;
  text-shadow: var(--tcfbts-color-creepster-outline) 3px 0px 0px, var(--tcfbts-color-creepster-outline) 2.83487px 0.981584px 0px, var(--tcfbts-color-creepster-outline) 2.35766px 1.85511px 0px, var(--tcfbts-color-creepster-outline) 1.62091px 2.52441px 0px, var(--tcfbts-color-creepster-outline) 0.705713px 2.91581px 0px, var(--tcfbts-color-creepster-outline) -0.287171px 2.98622px 0px, var(--tcfbts-color-creepster-outline) -1.24844px 2.72789px 0px, var(--tcfbts-color-creepster-outline) -2.07227px 2.16926px 0px, var(--tcfbts-color-creepster-outline) -2.66798px 1.37182px 0px, var(--tcfbts-color-creepster-outline) -2.96998px 0.42336px 0px, var(--tcfbts-color-creepster-outline) -2.94502px -0.571704px 0px, var(--tcfbts-color-creepster-outline) -2.59586px -1.50383px 0px, var(--tcfbts-color-creepster-outline) -1.96093px -2.27041px 0px, var(--tcfbts-color-creepster-outline) -1.11013px -2.78704px 0px, var(--tcfbts-color-creepster-outline) -0.137119px -2.99686px 0px, var(--tcfbts-color-creepster-outline) 0.850987px -2.87677px 0px, var(--tcfbts-color-creepster-outline) 1.74541px -2.43999px 0px, var(--tcfbts-color-creepster-outline) 2.44769px -1.73459px 0px, var(--tcfbts-color-creepster-outline) 2.88051px -0.838247px 0px, -2px -2px 5px rgba(0, 0, 0, 0.9), 8px 8px 5px rgba(0, 0, 0, 0.9);
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=heading-ocean] + *:not(a[name]),
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=heading-ocean] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  background-image: url("https://files.d20.io/images/307167766/WlKNJ3wWHh1IXWdNTKwBTg/max.png?1664633500");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: white;
  text-align: center;
  font-size: clamp(20px, 2.5vw + 12px, 28px);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.9), 0 0 4px rgba(0, 0, 0, 0.5);
  padding: 0.45em 0.45em 0.6em;
  border-radius: 56px 56px 0 0;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3));
}

/* Shadowrun Sixth World */
.content-text[data-bookid="SR6"] {
    font-family: "Arial";
}

/* Headers */
/* h6 immediately before h1 */
div.content-text[data-bookid="SR6"] h5 + a + a + h1, div.content-text[data-bookid="SR6"] h5 + a + a + h3 {
  margin-top: -7px;
}

/* h1 and h2 are black */
div.content-text[data-bookid="SR6"] h1, div.content-text[data-bookid="SR6"] h2 {
   text-transform: uppercase;
   color: rgb(0, 0, 0);
   font-family: Arial;
   margin-bottom: 0px;
   font-weight: bold;
}

/* h1 has the underline */
div.content-text[data-bookid="SR6"] h1 {
   text-decoration: underline rgb(150, 3, 112) solid .25em;
}

/* h3 has the underline and is black */
div.content-text[data-bookid="SR6"] h3 {
   text-transform: uppercase;
   text-decoration: underline rgb(150, 2, 112) solid .25em;
   color: rgb(0, 0, 0);
   font-family: Arial;
   margin-bottom: 0px;
   font-weight: bold;
}

/* h4 doesn't have the underline and is black */
div.content-text[data-bookid="SR6"] h3, div.content-text[data-bookid="SR6"] h4 {
   text-transform: uppercase;
   color: rgb(0, 0, 0);
   font-family: Arial;
   margin-bottom: 0px;
   font-weight: bold;
}

/* h5 and h6 have no underline and are the color of the underline */
div.content-text[data-bookid="SR6"] h5, div.content-text[data-bookid="SR6"] h6 {
   text-transform: uppercase;
   color: rgb(150, 4, 112);
   font-family: Arial;
   margin-bottom: 0px;
}

/* h5 inside a blockquote it needs to be bigger */
div.content-text[data-bookid="SR6"] blockquote h5 {
  font-size: larger;
}

/* can't have h# elements in tables so we'll style th->b elements */
div.content-text[data-bookid="SR6"] blockquote table tr th b {
   text-transform: uppercase;
   color: rgb(150, 4, 112);
   font-family: Arial;
   margin-bottom: 0px;
   padding-left: 5px;
   padding-right: 5px;
}

/* h6 isn't bold */
div.content-text[data-bookid="SR6"] h6 {
  font-weight: normal;
}

div.content-text[data-bookid="SR6"] a[name^="toc_"] + h5, div.content-text[data-bookid="SR6"] a[name^="toc_"] + h6 {
   margin-bottom: 0px;
}

/* blockquote (used for insets) */
div.content-text[data-bookid="SR6"] blockquote {
   border: none;
   background-color: rgb(225, 225, 220);
   color: rgb(0, 0, 0);
}

div.content-text[data-bookid="SR6"] blockquote p {
  margin-bottom: .25em;
}
div.content-text[data-bookid="SR6"] blockquote p b {
  padding-right: .25em;
}
div.content-text[data-bookid="SR6"] blockquote b > u {
  text-decoration-line: none;
}
div.content-text[data-bookid="SR6"] blockquote b > u > i {
  color: rgb(150, 4, 112);
  font-style: normal;
  font-family: Arial;
  font-weight: 800;
}

div.content-text[data-bookid="SR6"] #pagecontent blockquote table, 
div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr, 
div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr th, 
div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr td {
  border: none;
}

div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr td {
  padding-top: 0px;
}

div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr:nth-of-type(odd) {
  background-color: rgb(225, 225, 220);
}
div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr:nth-of-type(even) {
  background-color: rgb(255, 255, 255);
}

/* li padding */
div.content-text[data-bookid="SR6"] ul li {
  padding-left: .9em;
}

/***********************/
/* Dark Mode overrides */
/***********************/
/* h1 and h2 text color */
html[data-theme="dark"] div.content-text[data-bookid="SR6"] h1, html[data-theme="dark"] div.content-text[data-bookid="SR6"] h2 {
   color: rgb(255, 255, 255);
}

/* h3 text color and underline */
html[data-theme="dark"] div.content-text[data-bookid="SR6"] h3 {
   color: rgb(255, 255, 255);
   text-decoration: underline rgb(150, 2, 112) solid .25em;
}

/* h4 text color and underline */
html[data-theme="dark"] div.content-text[data-bookid="SR6"] h4 {
   color: rgb(255, 255, 255);
}

html[data-theme="dark"] div.content-text[data-bookid="SR6"] h5, div.content-text[data-bookid="SR6"] h6 {
   color: rgb(210, 64, 172);
}

/* blockquote background/text colors */
html[data-theme="dark"] div.content-text[data-bookid="SR6"] blockquote {
   background-color: rgb(30, 30, 35);
   color: rgb(187, 187, 187);
}

html[data-theme="dark"] div.content-text[data-bookid="SR6"] blockquote b > u > i {
  color: rgb(210, 64, 172);
}

/* alternating inset table row colors */
html[data-theme="dark"] div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr:nth-of-type(odd) {
  background-color: rgb(30, 30, 35);
}
html[data-theme="dark"] div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr:nth-of-type(even) {
  background-color: rgb(0, 0, 0);
}

/* Girl by Moonlight */
.content-text[data-bookid="gbm"] h1,
.content-text[data-bookid="gbm"] h2,
.content-text[data-bookid="gbm"] h3,
.content-text[data-bookid="gbm"] h4,
.content-text[data-bookid="gbm"] h5 {
  font-family: 'Kufam', sans-serif;
    font-weight: 900;
}

/* Dragonbone */
.row:has(.content-text[data-bookid=D-Bane]) {
  --dragonbane-img-background-trunk: url(https://files.d20.io/images/340967489/C9RG1IgH0wtT-WzHnUp0IQ/original.webp?168357376655);
  background: var(--dragonbane-img-background-trunk);
  background-repeat: repeat-y;
  background-size: 100%;
}

.content-text[data-bookid=D-Bane] #pagecontent {
  --dragonbane-font-main: "Galdeano", sans-serif;
  --dragonbane-font-title: "Rakkas", sans-serif;
  --dragonbane-font-header: "Alegreya";
  --dragonbane-font-icon: "Material Symbols Outlined";
  --dragonbane-col-green: #01604c;
  --dragonbane-col-brown: #4d2d1a;
  --dragonbane-col-tone: rgba(126, 68, 55, 0.1);
  --dragonbane-col-text: #231f20;
  --dragonbane-col-text-alt: rgb(235, 235, 235);
  --dragonbane-img-image-border: url(https://files.d20.io/images/343287836/ge8dzkLRLA3d9URHYUXTKg/original.jpg);
  --dragonbane-img-magi: url(https://files.d20.io/images/343288521/uCBClGSKiOKHccBTde0dFw/original.jpg);
  --dragonbane-marble-background: url(https://files.d20.io/images/343375502/1Mx9hmtixkCxZQd2_A87bw/original.webp?168505191155);
  --dragonbane-parchment-background: url(https://files.d20.io/images/346997005/vZCKTnIkyyg87ihYA4IgRA/original.png);
  --dragonbane-marble-rod-border: url(https://files.d20.io/images/343376680/dOBeDttyeYlW1FL5NTBQhg/original.jpg);
  --dragonbane-marble-rod-border-topless: url(https://files.d20.io/images/343385384/9rEJA5rGakVaYmOJ-vMtcQ/original.jpg);
  --dragonbane-marble-bar: url(https://files.d20.io/images/343376731/se7QX7vMl30Koj3N9qQE2A/original.jpg);
  --dragonbane-img-cap-1: url(https://files.d20.io/images/337877070/pvNpZQTaXC-LkJZLav1fVw/original.png?16817739755);
  --dragonbane-img-cap-2: url(https://files.d20.io/images/337877066/iZrp6qCQVq4H0VU8CAIWZw/original.webp?16817739755);
  --dragonbane-img-edgedeco-left: url(https://files.d20.io/images/338034574/K-lsu5ZtSRl0Jvj1Oa3uqA/original.webp?168187141855);
  --dragonbane-img-edgedeco-right: url(https://files.d20.io/images/338034573/VLRMrtGjq09bXlfCvHy0Vw/original.webp?168187141855);
  --dragonbane-img-edgedeco-center-lg: url(https://files.d20.io/images/338034577/Cy2LOHQBTaONvhqIyvH2zg/original.webp?168187141955);
  --dragonbane-img-edgedeco-center-sm: url(https://files.d20.io/images/338034576/7f94Bbgpd9nP0SB060ousg/original.webp?16818714185);
  --dragonbane-img-edge-deco-line: url(https://files.d20.io/images/338034575/cr2dJkVN21XZ0ejSZKI0rA/original.webp?168187141955);
  --dragonbane-img-center-nut: url(https://files.d20.io/images/343376778/rgGrLzTQiyXNZV3up38Pug/original.jpg);
  --dragonbane-img-hr: url(https://files.d20.io/images/344035093/LZs9xLaQhFlITLRSIKEkdA/original.jpg);
  --dragonbane-image-plate: url(https://files.d20.io/images/346989343/TJSX7T1xQ-i0qoT_ykRMRg/original.png);
  --dragonbane-drop-shadow: drop-shadow(0 0 3px rgba(0,0,0,1));
  --dropcap-w: url(https://files.d20.io/images/346982186/3t3sG7VkmTKhBaHR1b05Ug/med.png?1687291288);
  --dropcap-t: url(https://files.d20.io/images/346983221/DbdT6FdRKxRmXcmc7rHLuA/med.png?1687291872);
  --dropcap-a: url(https://files.d20.io/images/346983225/ELT7uwDPnXFtujsQLoJqzw/med.png?1687291872);
  --dropcap-s: url(https://files.d20.io/images/346983226/p3ZAWrjsbofm9wtzya6lNw/med.png?1687291872);
  --dropcap-l: url(https://files.d20.io/images/346983227/L70soqW775jxkvVhUZMTBA/med.png?1687291872);
  --dropcap-d: url(https://files.d20.io/images/346983228/4PLoNGOImRSZNzGPl-5U0w/med.png?1687291873);
  font-family: var(--dragonbane-font-main);
  color: var(--dragonbane-col-text);
  position: relative;
  padding: 2rem;
  font-size: 16px;
}
.content-text[data-bookid=D-Bane] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-bookid=D-Bane] #pagecontent ::-webkit-scrollbar-track {
  background: var(--dragonbane-col-text);
}
.content-text[data-bookid=D-Bane] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--dragonbane-col-green);
}
.content-text[data-bookid=D-Bane] #pagecontent pre {
  margin: 3rem 0;
}
.content-text[data-bookid=D-Bane] #pagecontent div.dragonbane-image-border {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin: 3rem auto;
  -webkit-filter: var(--dragonbane-drop-shadow);
          filter: var(--dragonbane-drop-shadow);
}
.content-text[data-bookid=D-Bane] #pagecontent div.dragonbane-image-border::before {
  position: absolute;
  content: "";
  inset: 0;
  border: 2px solid gold;
  -o-border-image: var(--dragonbane-img-image-border);
     border-image: var(--dragonbane-img-image-border);
  border-image-slice: 500;
  border-image-width: 130px;
  border-image-outset: 20px;
  border-image-repeat: repeat;
}
.content-text[data-bookid=D-Bane] #pagecontent h1:has(+ div.dragonbane-image-border) {
  position: relative;
  display: -ms-grid;
  display: grid;
  place-content: center;
  background: var(--dragonbane-image-plate) no-repeat;
  background-size: contain;
  background-position: center;
  height: 4em;
  min-width: 12em;
  padding-top: 1em;
  color: white;
  margin-bottom: -2.25em;
  z-index: 99;
  -webkit-filter: var(--dragonbane-drop-shadow);
          filter: var(--dragonbane-drop-shadow);
}
@media screen and (max-width: 600px) {
  .content-text[data-bookid=D-Bane] #pagecontent h1:has(+ div.dragonbane-image-border) {
    min-width: 14em;
    font-size: 2em;
  }
}
.content-text[data-bookid=D-Bane] #pagecontent :where(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}
.content-text[data-bookid=D-Bane] #pagecontent img[class^=dragonbane-float] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  mix-blend-mode: darken;
}
.content-text[data-bookid=D-Bane] #pagecontent img[class^=dragonbane-float][class*=left] {
  float: left;
  margin: 0 -2rem;
  width: 50%;
}
.content-text[data-bookid=D-Bane] #pagecontent img[class^=dragonbane-float][class*=right] {
  float: right;
  margin: 0 -2rem;
  width: 50%;
}
.content-text[data-bookid=D-Bane] #pagecontent h1, .content-text[data-bookid=D-Bane] #pagecontent h2 {
  text-transform: uppercase;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  color: var(--dragonbane-col-text);
}
.content-text[data-bookid=D-Bane] #pagecontent h1 span, .content-text[data-bookid=D-Bane] #pagecontent h2 span {
  font-size: 0.75em;
}
.content-text[data-bookid=D-Bane] #pagecontent h1 {
  position: relative;
  width: 70%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: var(--dragonbane-font-title);
  font-size: 3em;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--dragonbane-col-green);
  text-align: center;
  margin: 1rem 0;
  line-height: 1;
}
.content-text[data-bookid=D-Bane] #pagecontent h1.pagetitle {
  display: none;
}
.content-text[data-bookid=D-Bane] #pagecontent h2 {
  font-family: var(--dragonbane-font-header);
  margin: 0;
  margin-top: 1em;
  line-height: 1;
  font-size: 1.25em;
  font-weight: bold;
}
.content-text[data-bookid=D-Bane] #pagecontent h2 + p {
  text-indent: 0;
}
.content-text[data-bookid=D-Bane] #pagecontent h2.dragonbane-scroll {
  position: relative;
  width: calc(100% - 6em);
  max-width: 500px;
  margin: 0 auto;
  padding: 0.5em 2em;
  line-height: 1;
  background: var(--dragonbane-marble-bar);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-weight: normal;
  text-align: center;
  color: var(--dragonbane-col-text-alt);
  -webkit-filter: var(--dragonbane-drop-shadow);
          filter: var(--dragonbane-drop-shadow);
}
.content-text[data-bookid=D-Bane] #pagecontent h2.dragonbane-scroll::before, .content-text[data-bookid=D-Bane] #pagecontent h2.dragonbane-scroll::after {
  --dragonbane-offset: -3em;
  position: absolute;
  content: "";
  height: 100%;
  aspect-ratio: 2/1;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: var(--dragonbane-img-edgedeco-left);
  background-repeat: no-repeat;
  background-size: contain;
}
.content-text[data-bookid=D-Bane] #pagecontent h2.dragonbane-scroll::before {
  left: var(--dragonbane-offset);
  background-position: right;
}
.content-text[data-bookid=D-Bane] #pagecontent h2.dragonbane-scroll::after {
  right: var(--dragonbane-offset);
  background-position: left;
  scale: -1 1;
}
.content-text[data-bookid=D-Bane] #pagecontent h3 {
  font-family: var(--dragonbane-font-main);
  margin: 0;
  margin-top: 1em;
  line-height: 1;
  font-size: 1.1em;
  font-weight: bold;
}
.content-text[data-bookid=D-Bane] #pagecontent h3 + ul, .content-text[data-bookid=D-Bane] #pagecontent h3 + ol {
  margin-top: 0;
}
.content-text[data-bookid=D-Bane] #pagecontent hr {
  overflow: visible;
  position: relative;
  bottom: 1.5em;
  border: 1px solid black;
  -o-border-image: var(--dragonbane-marble-rod-border-topless);
     border-image: var(--dragonbane-marble-rod-border-topless);
  border-image-slice: 50;
  border-image-width: 40px;
  border-image-outset: 40px;
  margin: 1em auto;
  height: 1.5rem;
  width: 60%;
  -webkit-filter: var(--dragonbane-drop-shadow);
          filter: var(--dragonbane-drop-shadow);
}
.content-text[data-bookid=D-Bane] #pagecontent hr::after {
  position: absolute;
  content: "";
  width: 2.5em;
  height: 2.5em;
  left: 50%;
  top: 0.75em;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: var(--dragonbane-img-center-nut) no-repeat center;
  background-size: contain;
}
.content-text[data-bookid=D-Bane] #pagecontent aside hr {
  position: static;
  border: 0;
  background: var(--dragonbane-img-hr) no-repeat;
  background-size: contain;
  background-position: center;
}
.content-text[data-bookid=D-Bane] #pagecontent aside hr::after {
  content: none;
}
.content-text[data-bookid=D-Bane] #pagecontent p, .content-text[data-bookid=D-Bane] #pagecontent li {
  font-family: var(--dragonbane-font-main);
  color: var(--dragonbane-col-text);
}
.content-text[data-bookid=D-Bane] #pagecontent p {
  margin-bottom: 0;
}
.content-text[data-bookid=D-Bane] #pagecontent p:where(:not(:first-of-type)) {
  text-indent: 2rem;
}
.content-text[data-bookid=D-Bane] #pagecontent p:has(strong), .content-text[data-bookid=D-Bane] #pagecontent p:has(b) {
  text-indent: 0;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop] {
  --letter: var(--dropcap-a);
  background: var(--letter);
  background-position: center bottom;
  background-size: cover;
  float: left;
  position: relative;
  width: 3em;
  aspect-ratio: 1/1.2;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=a] {
  --letter: var(--dropcap-a);
  width: 4em;
  aspect-ratio: 1/1;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=b] {
  --letter: var(--dropcap-b);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=c] {
  --letter: var(--dropcap-c);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=d] {
  --letter: var(--dropcap-d);
  width: 4em;
  aspect-ratio: 1/1;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=e] {
  --letter: var(--dropcap-e);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=f] {
  --letter: var(--dropcap-f);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=g] {
  --letter: var(--dropcap-g);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=h] {
  --letter: var(--dropcap-h);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=i] {
  --letter: var(--dropcap-i);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=j] {
  --letter: var(--dropcap-j);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=k] {
  --letter: var(--dropcap-k);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=l] {
  --letter: var(--dropcap-l);
  aspect-ratio: 1/1.3;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=m] {
  --letter: var(--dropcap-m);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=n] {
  --letter: var(--dropcap-n);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=o] {
  --letter: var(--dropcap-o);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=p] {
  --letter: var(--dropcap-p);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=q] {
  --letter: var(--dropcap-q);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=r] {
  --letter: var(--dropcap-r);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=s] {
  --letter: var(--dropcap-s);
  aspect-ratio: 1/1.3;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=t] {
  --letter: var(--dropcap-t);
  width: 3.3em;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=u] {
  --letter: var(--dropcap-u);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=v] {
  --letter: var(--dropcap-v);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=w] {
  --letter: var(--dropcap-w);
  width: 6em;
  aspect-ratio: 1/0.65;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=x] {
  --letter: var(--dropcap-x);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=y] {
  --letter: var(--dropcap-y);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=z] {
  --letter: var(--dropcap-z);
}
.content-text[data-bookid=D-Bane] #pagecontent ul, .content-text[data-bookid=D-Bane] #pagecontent ol {
  list-style-position: inside;
  padding-left: 0;
  line-height: 1.4;
  margin: 1rem 0;
}
.content-text[data-bookid=D-Bane] #pagecontent ul li, .content-text[data-bookid=D-Bane] #pagecontent ol li {
  counter-increment: li;
  margin-bottom: 0;
  position: relative;
  text-indent: 0;
}
.content-text[data-bookid=D-Bane] #pagecontent ul li dt, .content-text[data-bookid=D-Bane] #pagecontent ol li dt {
  margin-top: 0;
  color: var(--dragonbane-col-green);
}
.content-text[data-bookid=D-Bane] #pagecontent ul li:not(:first-line), .content-text[data-bookid=D-Bane] #pagecontent ol li:not(:first-line) {
  text-indent: 2em;
}
.content-text[data-bookid=D-Bane] #pagecontent ul li {
  list-style-position: outside;
  padding-left: 0.5em;
  margin-left: 1em;
}
.content-text[data-bookid=D-Bane] #pagecontent ul li::marker {
  content: "✦";
  font-family: var(--dragonbane-font-icon);
  color: var(--dragonbane-col-green);
}
.content-text[data-bookid=D-Bane] #pagecontent dt {
  display: inline-block;
  margin-top: 1em;
  margin-right: 0.2em;
}
.content-text[data-bookid=D-Bane] #pagecontent dd {
  display: inline;
  margin: 0;
  font-weight: normal;
}
.content-text[data-bookid=D-Bane] #pagecontent dt + p {
  display: inline;
}
.content-text[data-bookid=D-Bane] #pagecontent strong {
  font-weight: bold;
  text-transform: uppercase;
  font-variant: all-small-caps;
  font-size: 1.2em;
  line-height: 1;
}
.content-text[data-bookid=D-Bane] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-bookid=D-Bane] #pagecontent table {
  width: 100%;
  border: none;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  color: var(--dragonbane-col-brown);
  font-size: 0.8em !important;
  overflow-x: auto;
}
.content-text[data-bookid=D-Bane] #pagecontent table h2 {
  font-family: var(--dragonbane-font-main);
  font-size: 1.5em;
}
.content-text[data-bookid=D-Bane] #pagecontent table thead {
  border-bottom: 2px solid var(--dragonbane-col-brown);
}
.content-text[data-bookid=D-Bane] #pagecontent table th {
  text-transform: uppercase;
  vertical-align: top;
  font-size: 0.8em;
  font-family: var(--dragonbane-font-header);
}
.content-text[data-bookid=D-Bane] #pagecontent table tbody tr:nth-of-type(odd) {
  background: var(--dragonbane-col-tone);
  border: 1px solid var(--dragonbane-col-brown);
  border-width: 1px 0;
}
.content-text[data-bookid=D-Bane] #pagecontent table td, .content-text[data-bookid=D-Bane] #pagecontent table th {
  border: none;
  font-family: var(--dragonbane-font-main);
  padding: 5px;
}
.content-text[data-bookid=D-Bane] #pagecontent table dt {
  margin: 0;
}
.content-text[data-bookid=D-Bane] #pagecontent table.center th, .content-text[data-bookid=D-Bane] #pagecontent table.center td {
  text-align: center;
}
.content-text[data-bookid=D-Bane] #pagecontent aside {
  all: unset;
  display: block;
  clear: both;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 3em 3em 2em 3em;
  width: 100%;
  margin: 2em auto 2em auto;
  color: var(--dragonbane-col-brown);
  --dragonbane-col-text: var(--dragonbane-col-brown);
  --dragonbane-col-green: var(--dragonbane-col-brown);
  border: 1px solid black;
  -o-border-image: var(--dragonbane-parchment-background);
     border-image: var(--dragonbane-parchment-background);
  border-image-slice: 70 fill;
  border-image-width: 40px;
  border-image-repeat: round;
  border-image-outset: 15px;
  -webkit-filter: var(--dragonbane-drop-shadow);
          filter: var(--dragonbane-drop-shadow);
}
.content-text[data-bookid=D-Bane] #pagecontent aside:has(h2) {
  padding-top: 1.75em;
}
.content-text[data-bookid=D-Bane] #pagecontent aside[class*=float] {
  width: 50%;
}
.content-text[data-bookid=D-Bane] #pagecontent aside[class*=float][class*=left] {
  float: left;
  margin-right: 1em;
}
.content-text[data-bookid=D-Bane] #pagecontent aside[class*=float][class*=right] {
  float: right;
  margin-left: 1em;
}
.content-text[data-bookid=D-Bane] #pagecontent aside ul, .content-text[data-bookid=D-Bane] #pagecontent aside li, .content-text[data-bookid=D-Bane] #pagecontent aside table, .content-text[data-bookid=D-Bane] #pagecontent aside dt {
  margin: 0 !important;
}
.content-text[data-bookid=D-Bane] #pagecontent aside::before {
  position: absolute;
  inset: 0;
  content: "";
  -o-border-image: var(--dragonbane-marble-rod-border);
     border-image: var(--dragonbane-marble-rod-border);
  border-image-slice: 45;
  border-image-width: 40px;
  border-image-outset: 20px;
  z-index: -2;
}
.content-text[data-bookid=D-Bane] #pagecontent aside:not(:has(h2)) {
  margin-top: 0em;
}
.content-text[data-bookid=D-Bane] #pagecontent aside:not(:has(h2))::before {
  border-image-source: var(--dragonbane-marble-rod-border-topless);
  background-position: center -10px;
  margin-top: 0;
}
.content-text[data-bookid=D-Bane] #pagecontent aside:not(:has(h2))::after {
  background-image: var(--dragonbane-img-edgedeco-center-sm);
  bottom: -2em;
}
.content-text[data-bookid=D-Bane] #pagecontent aside::after {
  position: absolute;
  bottom: -1.2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  background: var(--dragonbane-img-center-nut);
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.5em;
  aspect-ratio: 1;
  z-index: -1;
}
.content-text[data-bookid=D-Bane] #pagecontent aside h2 {
  position: absolute;
  margin: 0;
  padding: 1em 1.5em;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 1;
  background: var(--dragonbane-marble-bar);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-weight: normal;
  font-size: 1em;
  text-align: center;
  color: var(--dragonbane-col-text-alt);
}
.content-text[data-bookid=D-Bane] #pagecontent aside h2::before, .content-text[data-bookid=D-Bane] #pagecontent aside h2::after {
  position: absolute;
  content: "";
  height: 100%;
  aspect-ratio: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: var(--dragonbane-img-cap-1);
  background-repeat: no-repeat;
  background-size: contain;
}
.content-text[data-bookid=D-Bane] #pagecontent aside h2::before {
  left: -2em;
  background-position: right;
}
.content-text[data-bookid=D-Bane] #pagecontent aside h2::after {
  right: -2em;
  background-position: left;
  scale: -1 1;
}
.content-text[data-bookid=D-Bane] #pagecontent aside.dragonbane-marble {
  border-image-source: var(--dragonbane-marble-rod-border);
  border-image-outset: 20px;
  border-image-slice: 45 fill;
  background-image: var(--dragonbane-marble-background);
  background-position: center -105%;
  background-size: 102%;
  background-repeat: repeat-y;
  max-width: 50em;
  font-weight: normal;
  color: var(--dragonbane-col-text-alt);
  --dragonbane-col-text: var(--dragonbane-col-text-alt);
  --dragonbane-col-green: var(--dragonbane-col-text-alt);
}
.content-text[data-bookid=D-Bane] #pagecontent aside.dragonbane-marble h2 {
  width: calc(100% - 10em);
  max-width: 500px;
  padding: 1em;
  background-size: cover;
}
.content-text[data-bookid=D-Bane] #pagecontent aside.dragonbane-marble::after {
  background-image: var(--dragonbane-img-edgedeco-center-lg);
  bottom: -1.5em;
  width: 16em;
  height: 3.5em;
}

/* Paranoia */
.content-text[data-bookid="Paranoia"] h1,
.content-text[data-bookid="Paranoia"] h2,
.content-text[data-bookid="Paranoia"] h3,
.content-text[data-bookid="Paranoia"] h4,
.content-text[data-bookid="Paranoia"] h5
{
  font-family: "Courier", monospace;
}
.content-text[data-bookid="Paranoia"] p,
.content-text[data-bookid="Paranoia"] {
  font-family: "Arial", sans-serif;
}

.content-text[data-bookid="Paranoia"] blockquote p {
  color: white;
  padding-bottom: 10px;
  padding-top: 5px;
  font-size: 18px;
  line-height: 1.5em;
}

.content-text[data-bookid="Paranoia"] blockquote {
  border-left: none;
  background: rgb(33, 41, 65);
  margin-top: 15px;
  border-radius: 0 0 20px 20px;
}

.content-text[data-bookid="Paranoia"] .side-comment {
  font-size: 18px;
  background: rgb(33, 41, 65);
  padding: 15px;
  border-radius: 20px;
  color: white;
}

.content-text[data-bookid="Paranoia"] .teelas-tips {
  font-size: 18px;
  background: #F9E3D0;
  padding: 10px;
  border-radius: 20px;
  text-align: center;
}

.content-text[data-bookid="Paranoia"] .read-aloud {
  font-size: 18px;
  background: #D5EEFA;
  padding: 10px;
  border-radius: 20px;
}

.content-text[data-bookid="Paranoia"]
  .attrList
  .attrListItem:nth-child(2n + 1) {
  background-color: #a11d2c;
  color: white;
}

.content-text[data-bookid="Paranoia"] .attrValue .value {
  margin-bottom: 5px;
}

.content-text[data-bookid="Paranoia"] .table > thead > tr > th {
  color: #a11d2c;
  text-align: center;
}

.content-text[data-bookid="Paranoia"] .table tr:last-child {
  border-bottom: 3px solid;
}

.content-text[data-bookid="Paranoia"] .code-snippet {
  background: #d9edfa;
  border-radius: 25px;
  padding: 10px;
  border: 5px dashed #cbccce;
  color: black;
}

/* NPCs Headers */
.content-text[data-bookid="Paranoia"] .npc-grey-header {
  background-color: #c7c8ca;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #c7c8ca;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-yellow-header {
  background-color: #e4d452;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #e4d452;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-orange-header {
  background-color: #e0b877;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #e0b877;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-red-header {
  background-color: #e9997f;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #e9997f;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-green-header {
  background-color: #bcd9a1;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #bcd9a1;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-blue-header {
  background-color: #73c5e3;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #73c5e3;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-indigo-header {
  background-color: #9ea1cc;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #9ea1cc;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-violet-header {
  background-color: #9d93c2;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #9d93c2;
  color: black;
}

/* NPCs Borders */
.content-text[data-bookid="Paranoia"] .npc-grey-border {
  border: 1px #c7c8ca solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-yellow-border {
  border: 1px #e4d452 solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-orange-border {
  border: 1px #e0b877 solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-red-border {
  border: 1px #e9997f solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-green-border {
  border: 1px #bcd9a1 solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-blue-border {
  border: 1px #73c5e3 solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-indigo-border {
  border: 1px #9ea1cc solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-violet-border {
  border: 1px #9d93c2 solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}

.content-text[data-bookid="Paranoia"] .blue-wide-noborder-header {
  background: #c0dfe9;
  color: black;
  padding-left: 5px;
}

/* NPCs Headers */
.content-text[data-bookid="Paranoia"] .npc-grey-header {
  background-color: #c7c8ca;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #c7c8ca;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-yellow-header {
  background-color: #e4d452;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #e4d452;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-orange-header {
  background-color: #e0b877;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #e0b877;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-red-header {
  background-color: #e9997f;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #e9997f;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-green-header {
  background-color: #bcd9a1;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #bcd9a1;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-blue-header {
  background-color: #73c5e3;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #73c5e3;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-indigo-header {
  background-color: #9ea1cc;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #9ea1cc;
  color: black;
}

/* NPCs Borders */
.content-text[data-bookid="Paranoia"] .npc-grey-border {
	border: 1px #c7c8ca solid;
	border-radius: 0 0 20px 20px;
	padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-yellow-border {
	border: 1px #e4d452 solid;
	border-radius: 0 0 20px 20px;
	padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-orange-border {
	border: 1px #e0b877 solid;
	border-radius: 0 0 20px 20px;
	padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-red-border {
  border: 1px #e9997f solid;
	border-radius: 0 0 20px 20px;
	padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-green-border {
  border: 1px #bcd9a1 solid;
	border-radius: 0 0 20px 20px;
	padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-blue-border {
  border: 1px #73c5e3 solid;
	border-radius: 0 0 20px 20px;
	padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-indigo-border {
  border: 1px #9ea1cc solid;
	border-radius: 0 0 20px 20px;
	padding: 10px;
}

/* Shield Maidens */
.content-text[data-bookid="sm"] h1,
.content-text[data-bookid="sm"] h2,
.content-text[data-bookid="sm"] h3,
.content-text[data-bookid="sm"] h4,
.content-text[data-bookid="sm"] h5 {
  font-family: 'Cantarell', sans-serif;
}

/* Velvet Generation */
.content-text[data-bookid="velvet"] * {
  font-family: 'Dosis', sans-serif;
  font-weight: 300;
}

.content-text[data-bookid="velvet"] h1,
.content-text[data-bookid="velvet"] h2,
.content-text[data-bookid="velvet"] h3,
.content-text[data-bookid="velvet"] h4,
.content-text[data-bookid="velvet"] h5 {
  font-family: 'Exo 2', sans-serif;
  font-weight: 700;
}

/* Cthulhu Awakens */
.content-text[data-bookid="CA"] * {
  font-family: 'GFS Didot', sans-serif;
}

.content-text[data-bookid="CA"] h1,
.content-text[data-bookid="CA"] h1 *,
.content-text[data-bookid="CA"] h2,
.content-text[data-bookid="CA"] h2 *,
.content-text[data-bookid="CA"] h3,
.content-text[data-bookid="CA"] h3 *,
.content-text[data-bookid="CA"] h4,
.content-text[data-bookid="CA"] h4 *,
.content-text[data-bookid="CA"] h5,
.content-text[data-bookid="CA"] h5 * {
  font-family: 'Trade Winds', sans-serif;
}

/* Add for this expansion as well? (CSC-2149) */
.content-text[data-expansionid="23149"] * {
  font-family: 'GFS Didot', sans-serif;
}

.content-text[data-expansionid="23149"] h1,
.content-text[data-expansionid="23149"] h2,
.content-text[data-expansionid="23149"] h3,
.content-text[data-expansionid="23149"] h4,
.content-text[data-expansionid="23149"] h5 {
  font-family: 'Trade Winds', sans-serif;
}

/* Deathmatch */
.content-text[data-bookid="deathmatch"] * {
  font-family: 'Arial', sans-serif;
}

.content-text[data-bookid="deathmatch"] h1,
.content-text[data-bookid="deathmatch"] h2,
.content-text[data-bookid="deathmatch"] h3,
.content-text[data-bookid="deathmatch"] th {
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  color: #ff4a0d;
}

/* Stewpot */

/* Old Expansion */
.content-text[data-expansionid="26134"] h1 {
  font-family: 'Almendra';
  font-weight: 700;
  color: #9a9e5d;
}

.content-text[data-expansionid="26134"] h2 {
  font-family: 'Fondamento';
  color: #f89e5d;
}

.content-text[data-expansionid="26134"] h3 {
  font-family: 'Alegreya';
  font-weight: 800;
  text-transform: capitalize;
  color: #fece71;
}

.content-text[data-expansionid="26134"] th {
  font-family: 'Alegreya';
  font-weight: 800;
  text-transform: capitalize;
  color: #6d4633;
}

/* New Expansion */
.content-text[data-expansionid="34715"] h1 {
  font-family: 'Almendra';
  font-weight: 700;
  color: #9a9e5d;
}

.content-text[data-expansionid="34715"] h2 {
  font-family: 'Fondamento';
  color: #f89e5d;
}

.content-text[data-expansionid="34715"] h3 {
  font-family: 'Alegreya';
  font-weight: 800;
  text-transform: capitalize;
  color: #fece71;
}

.content-text[data-expansionid="34715"] th {
  font-family: 'Alegreya';
  font-weight: 800;
  text-transform: capitalize;
  color: #6d4633;
}

/* Drakkenheim */
html[data-theme=dark] .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent {
  --scg2d-primary-color: #b3b3b3;
  --scg2d-c-green: #9ac1b7;
  --scg2d-c-purple: #beb8e0;
  --scg2d-c-lineart: #908da5;
  --scg2d-c-prose: #b9bcda;
  --scg2d-c-aside-bg: #2b2b2b;
  --scg2d-c-aside-deco: #a19eb3;
  --scg2d-c-aside-heading: #b9bcda;
  --scg2d-c-thead-text: rgb(255 255 255 / 95%);
  --scg2d-c-thead-bg: #67637e;
  --scg2d-c-tbody-text: rgb(255 255 255 / 75%);
  --scg2d-c-table-lineart: #67637e;
  --scg2d-c-table-row-odd-bg: rgb(239 237 237 / 7%);
  --scg2d-c-table-row-even-bg: rgb(194 202 195 / 15%);
  --scg2d-c-radius-chamfer-bg: #2b2b2b;
  --scg2d-c-radius-chamfer-text: #b9bcda;
  --scg2d-color-link: var(--color-primary6);
  --scg2d-color-link-hover: var(--color-primary-hover);
  --scg2d-h1-before-filter: saturate(0.9) brightness(0.95);
  --scg2d-h2-before-filter: saturate(0.9) brightness(0.95);
  --scg2d-hr-filter: invert(1);
  --scg2d-list-bullet-filter: brightness(2.25);
  --scg2d-blockquote-parchment: saturate(0.2) brightness(0.35);
  --scg2d-monster-divider-filter: brightness(0.9);
}
html[data-theme=dark] .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent strong {
  color: #ccc;
}

.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent {
  --scg2d-ff-system: "-apple-system", "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --scg2d-ff-heading: "Almendra SC", Cambria, Copperplate, "Copperplate Gothic Light", fantasy, serif;
  --scg2d-ff-secondary: "Helvetica Neue", Arial, var(--scg2d-ff-system);
  --scg2d-fs-normal: clamp(16px, 0.5333333333vw + 14px, 18px);
  --scg2d-fs-smaller: clamp(14px, 0.5333333333vw + 12px, 16px);
  --scg2d-fs-table: clamp(12px, 0.5333333333vw + 10px, 14px);
  --scg2d-fs-monster: clamp(12px, 0.5333333333vw + 10px, 14px);
  --scg2d-c-purple: #291254;
  --scg2d-c-green: #1c2f29;
  --scg2d-c-heading: var(--scg2d-c-purple);
  --scg2d-c-sub-heading: var(--scg2d-c-green);
  --scg2d-c-lineart: #351163;
  --scg2d-c-prose: #351163;
  --scg2d-c-aside-bg: whitesmoke;
  --scg2d-c-aside-deco: #441a66;
  --scg2d-c-aside-heading: var(--scg2d-c-purple);
  --scg2d-c-thead-text: whitesmoke;
  --scg2d-c-thead-bg: #351163;
  --scg2d-c-table-lineart: #351163;
  --scg2d-c-table-row-odd-bg: #efeded;
  --scg2d-c-table-row-even-bg: #c2cac3;
  --scg2d-c-radius-chamfer-bg: whitesmoke;
  --scg2d-c-radius-chamfer-text: #351163;
  --scg2d-color-link: hsl(310 55% 42%);
  --scg2d-color-link-hover: hsl(310 55% 55%);
  font-family: var(--scg2d-primary-font-family, Georgia, serif);
  color: var(--scg2d-primary-color, var(--color-grayscale1));
  font-size: var(--scg2d-fs-normal);
  line-height: 1.5;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent :where(p, .scg2d-aside, .scg2d-blockquote, .scg2d-h1, .scg2d-h2, .scg2d-h3, .scg2d-h4, .scg2d-h5, .scg2d-h6, .scg2d-table td, .scg2d-table th) {
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: initial;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent :where(.scg2d-h1, .scg2d-h2, .scg2d-h3, .scg2d-h4, .scg2d-h5, .scg2d-h6) :is(a, a.autolink) {
  color: inherit;
  border-bottom: none;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent :where(.scg2d-h1, .scg2d-h2, .scg2d-h3, .scg2d-h4, .scg2d-h5, .scg2d-h6) :is(a, a.autolink):hover {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  border-bottom: none;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent p {
  margin-bottom: 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent p:not(:last-child) {
  margin-bottom: 1.25em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent a {
  color: var(--scg2d-color-link);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent a:hover {
  color: var(--scg2d-color-link-hover);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent hr.scg2d-hr {
  display: block;
  background: url("https://files.d20.io/images/380568072/KZgVJpML0_i1vzW8AwyXwg/original.png?1708139374") top/contain no-repeat;
  margin-top: 2.5em;
  margin-bottom: 2.5em;
  border: none;
  height: min(20px, 4vw);
  filter: var(--scg2d-hr-filter);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent hr.scg2d-monster-divider {
  height: 2px;
  border: 1px solid var(--scg2d-c-lineart);
  border-width: 3px 0 1px;
  margin: 0.75em 0;
  clip-path: polygon(0 0, calc(100% - 16px) 0%, 100% 50%, calc(100% - 12px) 100%, 0 100%);
  filter: var(--scg2d-monster-divider-filter);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-toc {
  clear: both;
  container-type: inline-size;
  line-height: 1.5;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-toc :where(ol, ul) {
  list-style: none;
  padding: 0;
}
@container (min-width: 640px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-toc :where(ol, ul) {
    column-gap: 2em;
    columns: 2;
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-toc li {
  margin: 0;
  break-inside: avoid;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-toc a {
  display: inline-block;
  color: inherit;
  padding: 0.25em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-toc-lv1 {
  color: var(--scg2d-c-purple) !important;
  font-weight: 700;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-toc-lv2 {
  color: var(--scg2d-c-green) !important;
  font-weight: 700;
  padding-left: 0.75em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-toc-lv3 {
  padding-left: 1.5em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent :where(.scg2d-h1, .scg2d-h2, .scg2d-h3, .scg2d-h4, .scg2d-h5, .scg2d-h6) {
  color: var(--scg2d-c-heading);
  font-family: var(--scg2d-ff-heading);
  line-height: 1.2;
  letter-spacing: -0.03em;
  word-spacing: 0.15em;
  -webkit-text-stroke: 0.03em currentColor;
  margin: 1.6em 0 0.45em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent :where(.scg2d-h1, .scg2d-h2) {
  clear: both;
  container-type: inline-size;
  color: #351163;
  line-height: 0.8;
  text-align: center;
  max-width: 750px;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent :where(.scg2d-h1, .scg2d-h2) > div {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent :where(.scg2d-h1, .scg2d-h2) > div::before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-h1 {
  margin-bottom: 2em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-h1 > div {
  aspect-ratio: 3.9682539683/1;
}
@container (min-width: 480px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-h1 > div {
    aspect-ratio: 5.4545454545/1;
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-h1 > div::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: url("https://files.d20.io/images/380607705/wWbTB9N8EsAI4_KvBwtAog/original.png?1708167568") top/contain no-repeat;
  filter: var(--scg2d-h1-before-filter);
}
@container (min-width: 480px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-h1 > div::before {
    background-image: url("https://files.d20.io/images/380557684/cCf4_WkClbGC4vK4zO_28A/original.png?1708134999");
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-h1 > div > :where(a, span) {
  position: relative;
  font-size: 5cqw;
  -webkit-text-stroke: 0.03em currentColor;
  padding: 0 22cqw 1.75cqw;
  width: 100%;
  transform: scale(1, 1.5);
}
@container (min-width: 480px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-h1 > div > :where(a, span) {
    font-size: 4cqw;
    padding: 0 17cqw 1.75cqw;
    transform: scale(1, 1.75);
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-h2 {
  margin: 3.5em 0 1.5em;
  filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-h2 > div {
  max-width: fit-content;
  margin: 0 auto;
  min-height: 56px;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-h2 > div::before {
  content: "";
  background: url("https://files.d20.io/images/380858499/d1mV9UC8oAReutA4qfZGPg/original.png?1708275444") top center/100% 100% no-repeat;
  filter: var(--scg2d-h2-before-filter);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-h2 > div > :where(a, span) {
  position: relative;
  font-size: var(--scg2d-h2-fs, clamp(34px, 3.7333333333vw + 20px, 48px));
  padding: 0.45em 1.25em 0.55em;
  width: 100%;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-h2.scg2d-h2--smaller {
  --scg2d-h2-fs: clamp(24px, 5.3333333333vw + 4px, 44px);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-h3 {
  font-size: var(--scg2d-h3-fs, clamp(30px, 2.6666666667vw + 20px, 40px));
  text-align: center;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-h4 {
  font-size: var(--scg2d-h4-fs, clamp(24px, 2.1333333333vw + 16px, 32px));
  padding-bottom: 0.125em;
  border-bottom: 1px solid currentColor;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-h5 {
  color: var(--scg2d-c-sub-heading);
  font-size: var(--scg2d-h5-fs, clamp(22px, 1.8666666667vw + 15px, 29px));
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-list {
  list-style: none;
  padding-left: 24px;
  margin: 1.5em 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-list li {
  position: relative;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-list li::before {
  content: "";
  position: absolute;
  top: 0.4em;
  left: -20px;
  display: block;
  background: url("https://files.d20.io/images/381006861/8uyGo3DaTIXMF-PY4n9jEQ/original.png?1708354432") no-repeat top/contain;
  height: 0.6em;
  width: 0.65em;
  filter: var(--scg2d-list-bullet-filter);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-spell-list {
  text-align: center;
  margin: 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-spell-list:not(:last-child) {
  margin-bottom: 1.75em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-spell-list .scg2d-h4 {
  padding: 0;
  margin: 0 0 0.125em;
  border-bottom: none;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-spell-list :is(ul, ol) {
  list-style: none;
  padding: 0;
  margin: 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-aside {
  --scg2d-h3-fs: clamp(27px, 2.4vw + 18px, 36px);
  --scg2d-h4-fs: clamp(22px, 1.6vw + 16px, 28px);
  --scg2d-h5-fs: clamp(18px, 1.6vw + 12px, 24px);
  clear: both;
  position: relative;
  background: var(--scg2d-c-aside-bg);
  font-size: var(--scg2d-fs-smaller);
  padding: 2px;
  margin: 0 10px;
  border: 2px solid var(--scg2d-c-lineart);
  border-width: 0 2px;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-aside::before, .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-aside::after {
  --mi: url("https://files.d20.io/images/380738466/_SF69kbbsEIJQvpg0_uJiw/original.png?1708215664");
  pointer-events: none;
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  z-index: 10;
  background: var(--scg2d-c-aside-deco);
  height: 16px;
  width: 36px;
  -webkit-mask-image: var(--mi);
  -webkit-mask-size: 40px auto;
  -webkit-mask-repeat: no-repeat;
  mask-image: var(--mi);
  mask-size: 36px auto;
  mask-repeat: no-repeat;
  transform: translate(-50%);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-aside::after {
  --mi: url("https://files.d20.io/images/380739768/TcKErElu59X5Xcb6XC8wOA/original.png?1708216122");
  top: unset;
  bottom: -7px;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-aside > div {
  padding: 1.75em 1.25em;
  border: 1px solid var(--scg2d-c-lineart);
  border-width: 0 1px;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-aside > div::before, .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-aside > div::after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: -2px;
  left: -10px;
  right: -10px;
  display: block;
  background: var(--scg2d-c-lineart);
  height: 14px;
  clip-path: polygon(0 5px, 8px 0, 20px 0, 22px 2px, calc(100% - 22px) 2px, calc(100% - 20px) 0, calc(100% - 8px) 0, 100% 5px, calc(100% - 12px) 5px, calc(100% - 16px) 3px, 16px 3px, 12px 5px, 16px 7px, calc(100% - 16px) 7px, calc(100% - 12px) 5px, 100% 5px, calc(100% - 8px) 10px, calc(100% - 20px) 10px, calc(100% - 22px) 8px, 22px 8px, 20px 10px, 7px 10px, 0 5px);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-aside > div::after {
  top: unset;
  bottom: -6px;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-aside h2.scg2d-h2 {
  position: absolute;
  top: calc(-1 * clamp(24px, 3.0534351145vw + 12.5496183206px, 36px));
  left: 50%;
  z-index: 10;
  transform: translate(-50%);
  margin: 0;
  width: 100%;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-aside :where(h3.scg2d-h3, h4.scg2d-h4, h5.scg2d-h5, h6.scg2d-h6) {
  color: var(--scg2d-c-aside-heading);
  text-align: center;
  padding: 0;
  border: none;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-aside .scg2d-radius-chamfer {
  position: absolute;
  top: -1.375em;
  left: 50%;
  z-index: 10;
  transform: translate(-50%);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-blockquote {
  position: relative;
  padding: 8px 0;
  color: var(--scg2d-c-lineart);
  font-size: var(--scg2d-fs-smaller);
  font-style: italic;
  text-align: center;
  margin: 2em 0;
  border: 1px double var(--scg2d-c-lineart);
  border-width: 3px 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-blockquote::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--scg2d-c-lineart);
  border-width: 1px 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-blockquote--parchment {
  clear: both;
  aspect-ratio: 2.9190207156/1;
  container-type: inline-size;
  display: grid;
  place-content: center;
  color: inherit;
  font-family: "IM Fell DW Pica", Georgia, serif;
  font-size: var(--scg2d-fs-normal);
  margin: 3em auto;
  border: none;
  max-width: 600px;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-blockquote--parchment::before {
  background: url("https://files.d20.io/images/380752269/vmuJiCdSaCAnFy6ue0cuXg/original.png?1708220167") top/contain no-repeat;
  border: none;
  filter: var(--scg2d-blockquote-parchment);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-blockquote--parchment > div {
  position: relative;
  font-size: max(3.25cqw, 13px);
  padding: 4cqw 15cqw 4cqw 9cqw;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent :where(.scg2d-radius-chamfer, .scg2d-radius-chamfer > div) {
  --w: 0.75em;
  --xr: 0.75em;
  --yr: 0.75em;
  clip-path: polygon(var(--w) 0%, calc(var(--w) - var(--xr) * 0.0340741737) calc(var(--yr) * 0.2588190451), calc(var(--w) - var(--xr) * 0.1339745962) calc(var(--yr) * 0.5), calc(var(--w) - var(--xr) * 0.2928932188) calc(var(--yr) * 0.7071067812), calc(var(--w) - var(--xr) * 0.5) calc(var(--yr) * 0.8660254038), calc(var(--w) - var(--xr) * 0.7411809549) calc(var(--yr) * 0.9659258263), calc(var(--w) - var(--xr) * 1) calc(var(--yr) * 1), 0% calc(100% - var(--w)), calc(var(--w) - var(--xr) * 1) calc(100% - var(--yr) * 1), calc(var(--w) - var(--xr) * 0.7411809549) calc(100% - var(--yr) * 0.9659258263), calc(var(--w) - var(--xr) * 0.5) calc(100% - var(--yr) * 0.8660254038), calc(var(--w) - var(--xr) * 0.2928932188) calc(100% - var(--yr) * 0.7071067812), calc(var(--w) - var(--xr) * 0.1339745962) calc(100% - var(--yr) * 0.5), calc(var(--w) - var(--xr) * 0.0340741737) calc(100% - var(--yr) * 0.2588190451), var(--w) 100%, calc(100% - var(--w)) 100%, calc(100% - var(--w) + var(--xr) * 0.0340741737) calc(100% - var(--yr) * 0.2588190451), calc(100% - var(--w) + var(--xr) * 0.1339745962) calc(100% - var(--yr) * 0.5), calc(100% - var(--w) + var(--xr) * 0.2928932188) calc(100% - var(--yr) * 0.7071067812), calc(100% - var(--w) + var(--xr) * 0.5) calc(100% - var(--yr) * 0.8660254038), calc(100% - var(--w) + var(--xr) * 0.7411809549) calc(100% - var(--yr) * 0.9659258263), calc(100% - var(--w) + var(--xr) * 1) calc(100% - var(--yr) * 1), 100% calc(100% - var(--w)), 100% var(--w), calc(100% - var(--w) + var(--xr) * 1) calc(var(--yr) * 1), calc(100% - var(--w) + var(--xr) * 0.7411809549) calc(var(--yr) * 0.9659258263), calc(100% - var(--w) + var(--xr) * 0.5) calc(var(--yr) * 0.8660254038), calc(100% - var(--w) + var(--xr) * 0.2928932188) calc(var(--yr) * 0.7071067812), calc(100% - var(--w) + var(--xr) * 0.1339745962) calc(var(--yr) * 0.5), calc(100% - var(--w) + var(--xr) * 0.0340741737) calc(var(--yr) * 0.2588190451), calc(100% - var(--w)) 0%);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-radius-chamfer {
  padding: 2px;
  background: var(--scg2d-c-lineart);
  width: fit-content;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-radius-chamfer > div {
  --w: 0.715em;
  --xr: 0.715em;
  --yr: 0.715em;
  background: var(--scg2d-c-radius-chamfer-bg);
  width: fit-content;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-radius-chamfer > div > div {
  padding: 0.4em 1.5em 0.45em;
  width: fit-content;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-radius-chamfer > div > div > * {
  color: var(--scg2d-c-radius-chamfer-text);
  line-height: 0.9;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-monster-block {
  font-size: var(--scg2d-fs-monster);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-monster-block p {
  text-indent: -1em;
  padding-left: 1em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-monster-block p:not(:last-child) {
  margin-bottom: 0.5em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-monster-block strong.scg2d-monster-stat {
  font-family: var(--scg2d-ff-secondary);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-monster-block .scg2d-monster-abilities {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 1.5em;
  line-height: 1.5;
  text-align: center;
  margin: 0 auto;
  max-width: max(60%, 400px);
}
@media (min-width: 420px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-monster-block .scg2d-monster-abilities {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-monster-block .scg2d-monster-abilities :where(strong, span) {
  display: block;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-monster-block .scg2d-monster-abilities strong {
  color: var(--scg2d-c-heading);
  font-size: 125%;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-monster-block .scg2d-monster-actions {
  color: var(--scg2d-c-green);
  font-family: var(--scg2d-ff-secondary);
  font-size: 125%;
  font-weight: 700;
  font-variant: small-caps;
  margin: 0.75em 0 0.25em !important;
  border-bottom: 1px solid currentColor;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-table {
  clear: both;
  font-size: var(--scg2d-fs-table);
  margin: 2em 0 !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-table:last-child {
  margin-bottom: 0 !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-table :where(th, td) {
  font-size: var(--scg2d-fs-table);
  text-align: center;
  padding: 0.5em 0.75em !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-table :where(th, td):not(:last-child) {
  border-right: 1px solid var(--scg2d-c-table-lineart);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-table td {
  color: var(--scg2d-c-tbody-text);
  padding: 0.5em 0.75em !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-table th {
  background: var(--scg2d-c-thead-bg);
  color: var(--scg2d-c-thead-text);
  font-weight: 700;
  vertical-align: middle;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-table thead th {
  padding: 0.5em 0.25em !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-table tr:nth-child(odd) {
  background: var(--scg2d-c-table-row-odd-bg);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-table tr:nth-child(even) {
  background: var(--scg2d-c-table-row-even-bg);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-table-first-col-left :where(th, td):first-child,
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-table-last-col-left :where(th, td):last-child,
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-table-all-col-left :where(th, td) {
  text-align: left;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-color-green {
  color: var(--scg2d-c-green) !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-font-secondary {
  font-family: var(--scg2d-ff-secondary) !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-prose {
  color: var(--scg2d-c-prose);
  font-size: var(--scg2d-fs-smaller);
  font-style: italic;
  text-align: center;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-drop-cap::first-letter {
  float: left;
  font-size: 3.25em;
  line-height: 0.9;
  padding-right: 0.1em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-drop-cap::after {
  content: "";
  display: block;
  clear: both;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-table-overflow-wrapper {
  clear: both;
  overflow-x: auto;
  margin: 2em 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-table-overflow-wrapper > table {
  margin: 0 !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-responsive-float-right {
  display: block;
  margin: 2em auto;
}
@media (min-width: 768px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-responsive-float-right {
    float: right;
    font-size: 0.75em;
    margin: 1em 0 1em 1em;
    max-width: 40%;
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-responsive-float-left {
  display: block;
  margin: 2em auto;
}
@media (min-width: 768px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-responsive-float-left {
    float: left;
    font-size: 0.75em;
    margin: 1em 1em 1em 0;
    max-width: 40%;
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent div[class*=scg2d-columns] {
  container-type: inline-size;
}
@container (min-width: 400px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent div[class*=scg2d-columns] > div {
    column-gap: 2em;
    columns: 2;
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent div[class*=scg2d-columns] > div > * {
  break-inside: avoid;
}
@container (min-width: 500px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-columns-3 > div {
    columns: 3 !important;
  }
}
@container (min-width: 500px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-columns-4 > div {
    columns: 3 !important;
  }
}
@container (min-width: 600px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"], [data-expansionid="37741"]) #pagecontent .scg2d-columns-4 > div {
    columns: 4 !important;
  }
}

/* Walking Dead */
.row:has(.content-text[data-bookid=walking-dead]) {
  --parchmentColor: #e9e3dc;
  --paper_texture: url("https://files.d20.io/images/370494718/yrFUm6X--VoUwJh7ro7KCg/original.jpg?1701837809");
  --walkingdead-img-background-trunk: url("https://files.d20.io/images/367925829/eMSWRz7RivrjvH4PVC9NVg/original.webp");
  --redBorder: url("https://files.d20.io/images/381595464/tP3wEzNsIcSmxlzs0rkCAw/original.png?1708731862");
  background: radial-gradient(ellipse at center, hsl(30, 60%, 95%) 0%, hsl(17, 3%, 65%) 100%), var(--paper_texture), -webkit-gradient(linear, left top, left bottom, from(var(--parchmentColor)), to(var(--parchmentColor)));
  background: radial-gradient(ellipse at center, hsl(30, 60%, 95%) 0%, hsl(17, 3%, 65%) 100%), var(--paper_texture), linear-gradient(var(--parchmentColor), var(--parchmentColor));
  background-blend-mode: overlay, multiply, normal;
  background-repeat: repeat;
  background-size: 100%, 1000px, 100%;
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
}

.content-text[data-bookid=walking-dead] #pagecontent {
  font-family: var(--fontMain);
}
.content-text[data-bookid=walking-dead] #pagecontent p {
  font-family: var(--fontMain);
  margin-bottom: 1em;
}
.content-text[data-bookid=walking-dead] #pagecontent p + p {
  text-indent: 1em;
}
.content-text[data-bookid=walking-dead] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-bookid=walking-dead] #pagecontent ::-webkit-scrollbar-track {
  background: var(--lm-fontColor);
}
.content-text[data-bookid=walking-dead] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--accent);
}
.content-text[data-bookid=walking-dead] #pagecontent pre {
  margin: 3rem 0;
}
.content-text[data-bookid=walking-dead] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-bookid=walking-dead] #pagecontent hr {
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
  border-width: 0 0 var(--_borderWidth) 0;
  border-image-width: 0 0 var(--_borderWidth) 0;
  margin: 0;
}
.content-text[data-bookid=walking-dead] #pagecontent :where(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}
.content-text[data-bookid=walking-dead] #pagecontent *:has(img.background) {
  position: relative;
  z-index: 1;
}
.content-text[data-bookid=walking-dead] #pagecontent img.background {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
}
.content-text[data-bookid=walking-dead] #pagecontent span.drop-cap {
  background-image: var(--border_bg_sm), var(--border_bg_lg), var(--redBorder);
  background-repeat: repeat;
  background-size: 600px, 720px, 1800px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--fontHeader);
  color: var(--accent);
  font-size: 3.5em;
  line-height: 1;
  font-weight: bold;
  float: left;
  position: relative;
  top: 0.2em;
  margin-top: -0.4em;
}
.content-text[data-bookid=walking-dead] #pagecontent .center {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent em, .content-text[data-bookid=walking-dead] #pagecontent dt {
  font-size: 0.9em;
  font-weight: bold;
  font-style: normal;
  color: var(--tone);
}
.content-text[data-bookid=walking-dead] #pagecontent p:has(strong) {
  text-indent: 0;
}
.content-text[data-bookid=walking-dead] #pagecontent dt {
  display: inline-block;
  font-family: var(--fontSystem);
  text-transform: uppercase;
  margin-right: 0.5ch;
}
.content-text[data-bookid=walking-dead] #pagecontent dd {
  display: inline;
  -webkit-margin-start: unset;
          margin-inline-start: unset;
}
.content-text[data-bookid=walking-dead] #pagecontent h1 {
  background-image: var(--border_bg_sm), var(--border_bg_lg), var(--redBorder);
  background-repeat: repeat;
  background-size: 600px, 720px, 2800px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--fontHeader);
  font-size: 3em;
  text-transform: uppercase;
  text-align: center;
  color: var(--accent);
  margin: 0.2em 0;
}
.content-text[data-bookid=walking-dead] #pagecontent h1 span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-bookid=walking-dead] #pagecontent h2 {
  background-image: var(--border_bg_sm), var(--border_bg_lg), var(--redBorder);
  background-repeat: repeat;
  background-size: 600px, 720px, 1800px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Barlow Semi Condensed";
  font-size: 1.25em;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--accent);
  margin: 0.2em 0;
}
.content-text[data-bookid=walking-dead] #pagecontent h2 span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-bookid=walking-dead] #pagecontent h3 {
  text-transform: uppercase;
  font-family: var(--fontSystem);
  font-weight: bold;
  color: var(--tone);
  margin: 0;
}
.content-text[data-bookid=walking-dead] #pagecontent .underline {
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
  border-image-width: 0 0 var(--_borderWidth) 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 50%;
  padding: 0 1em;
  margin: 0 auto;
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent aside {
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
  position: relative;
  background: color-mix(in lab, transparent 50%, var(--tone) 15%);
  font-family: inherit;
  font-family: var(--fontSystem);
  padding: 1em;
}
.content-text[data-bookid=walking-dead] #pagecontent aside table {
  font-weight: bold;
}
.content-text[data-bookid=walking-dead] #pagecontent aside:before, .content-text[data-bookid=walking-dead] #pagecontent aside:after {
  content: "";
  position: absolute;
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
}
.content-text[data-bookid=walking-dead] #pagecontent aside:before {
  top: 0;
  left: -1em;
  width: calc(100% + 2em);
  height: var(--_borderWidth);
}
.content-text[data-bookid=walking-dead] #pagecontent aside:after {
  left: 0;
  bottom: -0.7em;
  height: calc(100% + 1.2em);
  width: var(--_borderWidth);
}
.content-text[data-bookid=walking-dead] #pagecontent aside.example {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, color-mix(in lab, transparent 50%, var(--tone) 15%)), to(transparent));
  background: linear-gradient(90deg, color-mix(in lab, transparent 50%, var(--tone) 15%) 50%, transparent 100%);
  border-image-width: var(--_borderWidth) 0;
  font-family: var(--fontMain);
  width: calc(100% + 48px);
  padding-left: calc(48px + 1em);
  left: -48px;
}
.content-text[data-bookid=walking-dead] #pagecontent aside.example p:has(em) {
  text-indent: 0;
}
.content-text[data-bookid=walking-dead] #pagecontent aside.example:after, .content-text[data-bookid=walking-dead] #pagecontent aside.example:before {
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--_borderWidth);
}
.content-text[data-bookid=walking-dead] #pagecontent aside.example:before {
  bottom: unset;
  top: 0;
}
.content-text[data-bookid=walking-dead] #pagecontent aside.letter {
  background: unset;
  --_borderWidth: 20px;
  --_borderSlice: 40 60;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--border-scratches);
  border-image-slice: var(--_borderSlice) fill;
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  padding: 3em;
  padding-right: 6em;
  left: 4em;
  color: var(--parchmentColor);
  font-family: var(--fontMain);
  width: 50%;
  float: right;
  -webkit-mask-image: radial-gradient(ellipse at center 20%, white 50%, hsl(0, 0%, 90%) 100%);
          mask-image: radial-gradient(ellipse at center 20%, white 50%, hsl(0, 0%, 90%) 100%);
  mask-mode: luminance;
  z-index: 1;
}
.content-text[data-bookid=walking-dead] #pagecontent aside.letter::before, .content-text[data-bookid=walking-dead] #pagecontent aside.letter::after {
  all: unset;
}
.content-text[data-bookid=walking-dead] #pagecontent aside.letter h3 {
  font-size: 1.2em;
  font-family: var(--fontMain);
  font-weight: normal;
  color: var(--parchmentColor);
}
.content-text[data-bookid=walking-dead] #pagecontent table {
  min-width: 50%;
  font-family: var(--fontSystem);
  color: var(--tone);
  border: unset;
  border-collapse: separate;
}
.content-text[data-bookid=walking-dead] #pagecontent table th {
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
  border-image-width: 0 0 var(--_borderWidth) 0;
  padding: 0 5px;
}
.content-text[data-bookid=walking-dead] #pagecontent table td {
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
  border-image-width: 0 0 var(--_borderWidth) 0;
}
.content-text[data-bookid=walking-dead] #pagecontent table tbody tr:nth-child(odd) {
  background: color-mix(in lab, transparent 50%, var(--tone) 15%);
}
.content-text[data-bookid=walking-dead] #pagecontent table tbody td {
  border-image-source: var(--internalBorder);
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center] td {
  text-align: left;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="1"] :is(td:nth-of-type(1), th:nth-of-type(1)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="2"] :is(td:nth-of-type(2), th:nth-of-type(2)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="3"] :is(td:nth-of-type(3), th:nth-of-type(3)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="4"] :is(td:nth-of-type(4), th:nth-of-type(4)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="5"] :is(td:nth-of-type(5), th:nth-of-type(5)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="6"] :is(td:nth-of-type(6), th:nth-of-type(6)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="7"] :is(td:nth-of-type(7), th:nth-of-type(7)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="8"] :is(td:nth-of-type(8), th:nth-of-type(8)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="9"] :is(td:nth-of-type(9), th:nth-of-type(9)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class=center] td {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent ul {
  padding-left: 1em;
  margin-bottom: 1em;
}
.content-text[data-bookid=walking-dead] #pagecontent ul li::before {
  font-family: var(--fontIcon);
  content: "chevron_right";
  font-weight: bold;
  color: var(--tone);
  vertical-align: bottom;
}
.content-text[data-bookid=walking-dead] #pagecontent ul li::marker {
  content: "";
}
.content-text[data-bookid=walking-dead] #pagecontent ol li::marker {
  font-family: var(--fontSystem);
}
.content-text[data-bookid=walking-dead] #pagecontent ol.droplist {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: item;
}
.content-text[data-bookid=walking-dead] #pagecontent ol.droplist li {
  counter-increment: item;
  position: relative;
  min-height: 3em;
}
.content-text[data-bookid=walking-dead] #pagecontent ol.droplist li::before {
  content: counter(item);
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-family: var(--fontSystem);
  font-weight: bold;
  font-size: 2.5em;
  color: var(--accent);
  height: 1em;
  aspect-ratio: 1/1;
  float: left;
  margin-right: 0.5ch;
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
  background: color-mix(in lab, var(--tone) 20%, transparent 50%);
}
.content-text[data-bookid=walking-dead] #pagecontent blockquote {
  max-width: 70%;
  font-style: italic;
  color: var(--accent);
  border: unset;
  font-size: 1.5em;
  margin: 0 auto;
}
.content-text[data-bookid=walking-dead] #pagecontent blockquote::after {
  content: "-" attr(cite);
  font-size: 0.75em;
  font-style: normal;
  display: block;
  text-align: right;
  margin-top: 0.5em;
}
.content-text[data-bookid=walking-dead] #pagecontent img.backdrop {
  position: fixed;
  content: "";
  height: 100%;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, black), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to right, black 25%, transparent 75%);
          mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, black), color-stop(75%, transparent));
          mask-image: linear-gradient(to right, black 25%, transparent 75%);
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.content-text[data-bookid=walking-dead] #pagecontent img.backdrop.__right {
  -o-object-position: right;
     object-position: right;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to left, black 25%, transparent 75%);
          mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
          mask-image: linear-gradient(to left, black 25%, transparent 75%);
  left: unset;
  right: 0;
}
.content-text[data-bookid=walking-dead] #pagecontent .whiteout {
  --accent: var(--parchmentColor);
  --tone: var(--parchmentColor);
  border-image-source: var(--whiteBorder);
  color: var(--parchmentColor);
}
.content-text[data-bookid=walking-dead] #pagecontent .whiteout::after, .content-text[data-bookid=walking-dead] #pagecontent .whiteout::before {
  border-color: var(--parchmentColor);
  border-image-source: var(--whiteBorder);
}
.content-text[data-bookid=walking-dead] #pagecontent .slanttext {
  position: relative;
  text-justify: inter-word;
  --_slant: 3em;
}
.content-text[data-bookid=walking-dead] #pagecontent .slanttext > div::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: left;
  shape-outside: polygon(0 0, var(--_slant) 0, 100% 0, calc(100% - var(--_slant)) 100%, 0 100%);
}
.content-text[data-bookid=walking-dead] #pagecontent .slanttext > div > p::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: right;
  shape-outside: polygon(100% 0, 100% 100%, var(--_slant) 100%, 0 100%);
}
.content-text[data-bookid=walking-dead] #pagecontent .toc {
  -webkit-columns: 300px;
     -moz-columns: 300px;
          columns: 300px;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  padding: 2em;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc h1, .content-text[data-bookid=walking-dead] #pagecontent .toc h2, .content-text[data-bookid=walking-dead] #pagecontent .toc h3 {
  font-family: var(--fontSystem);
  font-weight: bold;
  color: var(--accent);
  text-transform: uppercase;
  margin: 0.5em 0;
  text-align: left;
  font-size: 1em;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc h1 {
  font-size: 1.25em;
  line-height: normal;
  border-bottom: 2px dotted;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc h2 {
  background: none;
  -webkit-text-fill-color: unset;
  color: var(--tone);
}
.content-text[data-bookid=walking-dead] #pagecontent .toc h2 a {
  color: inherit;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc h3 {
  text-indent: 1em;
  font-weight: normal;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc h3 a {
  border: none;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc a:hover {
  color: var(--accent);
  border-bottom: 2px solid;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc img {
  position: fixed;
  inset: 0;
  z-index: -1;
}

html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer {
  --paper-background: url("https://files.d20.io/images/367925829/eMSWRz7RivrjvH4PVC9NVg/original.webp");
  --accent: #6a2529;
  --tone: #584a35;
  --redBorder: url("https://files.d20.io/images/381595464/tP3wEzNsIcSmxlzs0rkCAw/original.png?1708731862");
  --whiteBorder: url("https://files.d20.io/images/382389833/YX0ZygqCcrMqg9QetIGCPA/original.png?1709179311");
  --internalBorder: url("https://files.d20.io/images/381595994/8UkeNM2kfY7zrwMuuBhIwA/original.png?1708732091");
  --border_bg_sm: url("https://files.d20.io/images/370703674/Ygc8pSpM2Q-AecerjIX35w/original.png?1701999902");
  --border_bg_lg: url("https://files.d20.io/images/370703589/Q7GwrwThO3WQaT_QHaMwnw/original.png?1701999869");
  --paper_texture: url("https://files.d20.io/images/370494718/yrFUm6X--VoUwJh7ro7KCg/original.jpg?1701837809");
  --border-scratches: url("https://files.d20.io/images/382625407/sVgLBFttvaKc9YiCVAtSQw/original.png?1709333967");
  --parchmentColor: #e9e3dc;
  --img-dice-success: var(--redColor);
  --img-dice-panic: var(--redColor);
  --img-stress-dice: var(--redColor);
  --dieTextColor: white;
  --walkerSign: url("https://files.d20.io/images/372539015/Xzq32j3zg117kwF5ipPBRw/original.png");
  --lm-fontColor: hsl(50, 20%, 5%);
  --dm-fontColor: var(--parchmentColor);
  --dm-backColor: var(--dark-surface2);
  --colPen: hsl(220, 50%, 50%);
  --colHeaderBack: hsl(50, 10%, 50%);
  --fontMain: "Neuton", serif;
  --fontSystem: "Tilt Neon", sans-serif;
  --fontHeader: "impact", "Roboto Black", "Helvetica Neue";
  --fontIcon: "Material Symbols Outlined", "Material Icons", "Material Design Icons", "Font Awesome 5 Free";
  --color-surface1: color-mix(in lab, var(--color-background) 80%, transparent) !important;
  overflow: hidden;
}
html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer .row:has(.backdrop) {
  background: unset;
}
html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer .col-md-4.toccol {
  display: none;
}
html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer .col-md-8:has(.content-text[data-bookid=walking-dead]) {
  width: 100%;
}
html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer:has(.toc) h1.page-title {
  background-image: var(--border_bg_sm), var(--border_bg_lg), var(--redBorder);
  background-repeat: repeat;
  background-size: 600px, 720px, 2800px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--fontHeader);
  font-size: 3em;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  color: var(--accent);
  margin: 0.2em 0;
}
html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer:has(.toc) h1.page-title::before, html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer:has(.toc) h1.page-title::after {
  display: block;
  content: "";
  color: var(--accent);
  font-size: 0.8em;
  line-height: 1;
}
html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer:has(.toc) h1.page-title::before {
  font-family: var(--fontSystem);
  font-size: 0.5em;
  content: "The ";
}
html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer:has(.toc) h1.page-title::after {
  content: " Universe";
}

html[data-theme=dark]:has(.content-text[data-bookid=walking-dead]) .row {
  background: radial-gradient(ellipse at center, hsl(30, 60%, 95%) 0%, hsl(23, 10%, 16%) 100%), var(--paper_texture), -webkit-gradient(linear, left top, right top, from(white), color-stop(hsl(0, 0%, 80%)), to(white));
  background: radial-gradient(ellipse at center, hsl(30, 60%, 95%) 0%, hsl(23, 10%, 16%) 100%), var(--paper_texture), linear-gradient(to right, white, hsl(0, 0%, 80%), white);
  background-blend-mode: multiply, difference, normal;
}
html[data-theme=dark]:has(.content-text[data-bookid=walking-dead]) #pagecontent {
  color: var(--dm-fontColor);
  --accent: #aa373d;
  --tone: #b48f56;
}
html[data-theme=dark]:has(.content-text[data-bookid=walking-dead]) #pagecontent p, html[data-theme=dark]:has(.content-text[data-bookid=walking-dead]) #pagecontent aside {
  color: var(--dm-fontColor);
}
html[data-theme=dark]:has(.content-text[data-bookid=walking-dead]) #pagecontent h2 {
  mix-blend-mode: screen;
}

/* Dungeon Crawl Classics */

.content-text[data-bookid=dcc] #pagecontent {
  font-family: var(--fontMain);
}
.content-text[data-bookid=dcc] #pagecontent p {
  font-family: var(--fontMain);
  margin-bottom: 1em;
}
.content-text[data-bookid=dcc] #pagecontent p + p {
  text-indent: 1em;
}
.content-text[data-bookid=dcc] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-bookid=dcc] #pagecontent ::-webkit-scrollbar-track {
  background: var(--lm-fontColor);
}
.content-text[data-bookid=dcc] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--accent);
}
.content-text[data-bookid=dcc] #pagecontent pre {
  margin: 3rem 0;
}
.content-text[data-bookid=dcc] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-bookid=dcc] #pagecontent :where(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  mix-blend-mode: darken;
}
.content-text[data-bookid=dcc] #pagecontent *:has(img.background) {
  position: relative;
  z-index: 1;
}
.content-text[data-bookid=dcc] #pagecontent img.background {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
}
.content-text[data-bookid=dcc] #pagecontent dt {
  font-weight: bold;
  font-style: normal;
}
.content-text[data-bookid=dcc] #pagecontent p:has(strong) {
  text-indent: 0;
}
.content-text[data-bookid=dcc] #pagecontent dt {
  display: inline-block;
  margin-right: 0.5ch;
}
.content-text[data-bookid=dcc] #pagecontent ds {
  display: inline-block;
  margin-right: 0.5ch;
  font-style: italic;
}
.content-text[data-bookid=dcc] #pagecontent dd {
  display: inline;
  -webkit-margin-start: unset;
          margin-inline-start: unset;
}
.content-text[data-bookid=dcc] #pagecontent h1, .content-text[data-bookid=dcc] #pagecontent h2, .content-text[data-bookid=dcc] #pagecontent h3 {
  color: var(--lm-fontColor);
  font-family: var(--fontHeader);
  line-height: 1;
}
.content-text[data-bookid=dcc] #pagecontent h1 {
  font-size: 2em;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  margin: 0 0 1em 0;
}
.content-text[data-bookid=dcc] #pagecontent h1 span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-bookid=dcc] #pagecontent h2 {
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin: 0.5em 0 1em 0;
}
.content-text[data-bookid=dcc] #pagecontent h2 span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-bookid=dcc] #pagecontent h3 {
  font-family: var(--fontHeaderSC);
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  margin: 0.25em 0 0.5em 0;
}
.content-text[data-bookid=dcc] #pagecontent table {
  min-width: 50%;
  font-family: var(--fontMain);
  color: var(--tone);
  border: unset;
  border-collapse: separate;
}
.content-text[data-bookid=dcc] #pagecontent table th {
  padding: 0 5px;
}
.content-text[data-bookid=dcc] #pagecontent table td {
  border: none;
}
.content-text[data-bookid=dcc] #pagecontent table tbody tr:nth-child(odd) {
  background: color-mix(in lab, transparent 50%, var(--tone) 15%);
}
.content-text[data-bookid=dcc] #pagecontent table tbody td {
  border-image-source: var(--internalBorder);
}
.content-text[data-bookid=dcc] #pagecontent table[class*=center] td {
  text-align: left;
}
.content-text[data-bookid=dcc] #pagecontent table[class*=center][class*="1"] :is(td:nth-of-type(1), th:nth-of-type(1)) {
  text-align: center;
}
.content-text[data-bookid=dcc] #pagecontent table[class*=center][class*="2"] :is(td:nth-of-type(2), th:nth-of-type(2)) {
  text-align: center;
}
.content-text[data-bookid=dcc] #pagecontent table[class*=center][class*="3"] :is(td:nth-of-type(3), th:nth-of-type(3)) {
  text-align: center;
}
.content-text[data-bookid=dcc] #pagecontent table[class*=center][class*="4"] :is(td:nth-of-type(4), th:nth-of-type(4)) {
  text-align: center;
}
.content-text[data-bookid=dcc] #pagecontent table[class*=center][class*="5"] :is(td:nth-of-type(5), th:nth-of-type(5)) {
  text-align: center;
}
.content-text[data-bookid=dcc] #pagecontent table[class*=center][class*="6"] :is(td:nth-of-type(6), th:nth-of-type(6)) {
  text-align: center;
}
.content-text[data-bookid=dcc] #pagecontent table[class*=center][class*="7"] :is(td:nth-of-type(7), th:nth-of-type(7)) {
  text-align: center;
}
.content-text[data-bookid=dcc] #pagecontent table[class*=center][class*="8"] :is(td:nth-of-type(8), th:nth-of-type(8)) {
  text-align: center;
}
.content-text[data-bookid=dcc] #pagecontent table[class*=center][class*="9"] :is(td:nth-of-type(9), th:nth-of-type(9)) {
  text-align: center;
}
.content-text[data-bookid=dcc] #pagecontent table[class=center] td {
  text-align: center;
}
.content-text[data-bookid=dcc] #pagecontent table.bordered, .content-text[data-bookid=dcc] #pagecontent table.bordered th, .content-text[data-bookid=dcc] #pagecontent table.bordered td {
  border: 1px solid;
}
.content-text[data-bookid=dcc] #pagecontent aside {
  background: none;
  border: 5px double;
  outline: 2px solid;
}
.content-text[data-bookid=dcc] #pagecontent aside td {
  padding: 0 5px !important;
}
.content-text[data-bookid=dcc] #pagecontent .columns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
}
.content-text[data-bookid=dcc] #pagecontent .columns h1, .content-text[data-bookid=dcc] #pagecontent .columns h2 {
  grid-column: 1/-1;
}
.content-text[data-bookid=dcc] #pagecontent ol {
  padding-left: 1.75em;
}
.content-text[data-bookid=dcc] #pagecontent ol li {
  counter-increment: list-item;
  margin-bottom: 0.5em;
  list-style-type: none;
  position: relative;
  padding-left: 0.5em;
}
.content-text[data-bookid=dcc] #pagecontent ol li::marker {
  content: counter(list-item) " ";
  width: 2ch;
  text-align: center;
}
.content-text[data-bookid=dcc] #pagecontent ul {
  margin-bottom: 1em;
}
.content-text[data-bookid=dcc] #pagecontent li {
  margin-bottom: 0.25em;
}
.content-text[data-bookid=dcc] #pagecontent blockquote {
  max-width: 70%;
  font-style: italic;
  color: var(--accent);
  border: unset;
  font-size: 1.5em;
  margin: 0 auto;
}
.content-text[data-bookid=dcc] #pagecontent blockquote::after {
  content: "-" attr(cite);
  font-size: 0.75em;
  font-style: normal;
  display: block;
  text-align: right;
  margin-top: 0.5em;
}
.content-text[data-bookid=dcc] #pagecontent img.backdrop {
  position: fixed;
  content: "";
  height: 100%;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, black), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to right, black 25%, transparent 75%);
          mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, black), color-stop(75%, transparent));
          mask-image: linear-gradient(to right, black 25%, transparent 75%);
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.content-text[data-bookid=dcc] #pagecontent img.backdrop.__right {
  -o-object-position: right;
     object-position: right;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to left, black 25%, transparent 75%);
          mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
          mask-image: linear-gradient(to left, black 25%, transparent 75%);
  left: unset;
  right: 0;
}
.content-text[data-bookid=dcc] #pagecontent .artblock {
  position: relative;
  container-type: inline-size;
  mix-blend-mode: darken;
}
.content-text[data-bookid=dcc] #pagecontent .artblock > img {
  display: none;
}
@supports (container-type: inline-size) {
  .content-text[data-bookid=dcc] #pagecontent .artblock > img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
  }
}
.content-text[data-bookid=dcc] #pagecontent .artblock > div {
  padding: 1em;
}
.content-text[data-bookid=dcc] #pagecontent .slanttext {
  position: relative;
  text-justify: inter-word;
  --_slant: 3em;
}
.content-text[data-bookid=dcc] #pagecontent .slanttext > div::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: left;
  shape-outside: polygon(0 0, var(--_slant) 0, 100% 0, calc(100% - var(--_slant)) 100%, 0 100%);
}
.content-text[data-bookid=dcc] #pagecontent .slanttext > div > p::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: right;
  shape-outside: polygon(100% 0, 100% 100%, var(--_slant) 100%, 0 100%);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap] {
  display: inline-block;
  width: 4em;
  height: 4em;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  mix-blend-mode: darken;
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-a] {
  background-image: var(--drop-a);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-b] {
  background-image: var(--drop-b);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-c] {
  background-image: var(--drop-c);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-y] {
  background-image: var(--drop-y);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-f] {
  background-image: var(--drop-f);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-o] {
  background-image: var(--drop-o);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-n] {
  background-image: var(--drop-n);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-i] {
  background-image: var(--drop-i);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-l] {
  background-image: var(--drop-l);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-e] {
  background-image: var(--drop-e);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-v] {
  background-image: var(--drop-v);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-p] {
  background-image: var(--drop-p);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-s] {
  background-image: var(--drop-s);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-u] {
  background-image: var(--drop-u);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-g] {
  background-image: var(--drop-g);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-q] {
  background-image: var(--drop-q);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-z] {
  background-image: var(--drop-z);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-r] {
  background-image: var(--drop-r);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-w] {
  background-image: var(--drop-w);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-k] {
  background-image: var(--drop-k);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-x] {
  background-image: var(--drop-x);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-m] {
  background-image: var(--drop-m);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-j] {
  background-image: var(--drop-j);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-d] {
  background-image: var(--drop-d);
}
.content-text[data-bookid=dcc] #pagecontent [class^=dropcap][class$=-t] {
  background-image: var(--drop-t);
}
.content-text[data-bookid=dcc] #pagecontent .toc {
  -webkit-columns: 300px;
     -moz-columns: 300px;
          columns: 300px;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  padding: 2em;
}
.content-text[data-bookid=dcc] #pagecontent .toc h1, .content-text[data-bookid=dcc] #pagecontent .toc h2, .content-text[data-bookid=dcc] #pagecontent .toc h3 {
  font-family: var(--fontHeader);
  font-weight: bold;
  margin: 0.5em 0;
  text-align: left;
  font-size: 1em;
  color: var(--lm-fontColor);
}
.content-text[data-bookid=dcc] #pagecontent .toc h1 {
  font-size: 1.25em;
  line-height: normal;
  border-bottom: 2px dotted;
}
.content-text[data-bookid=dcc] #pagecontent .toc h2 {
  background: none;
}
.content-text[data-bookid=dcc] #pagecontent .toc h2 a {
  color: inherit;
}
.content-text[data-bookid=dcc] #pagecontent .toc h3 {
  text-indent: 1em;
  font-weight: normal;
}
.content-text[data-bookid=dcc] #pagecontent .toc h3 a {
  border: none;
}
.content-text[data-bookid=dcc] #pagecontent .toc a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-text[data-bookid=dcc] #pagecontent .toc a:hover {
  color: var(--accent);
  border-bottom: 2px solid;
}
.content-text[data-bookid=dcc] #pagecontent .toc img {
  position: fixed;
  inset: 0;
  z-index: -1;
}

html:has(.content-text[data-bookid=dcc]) .primarycontentcontainer {
  --paper-background: url("https://files.d20.io/images/367925829/eMSWRz7RivrjvH4PVC9NVg/original.webp");
  --parchmentColor: #e9e3dc;
  --img-dice-success: var(--redColor);
  --img-dice-panic: var(--redColor);
  --img-stress-dice: var(--redColor);
  --dieTextColor: white;
  --lm-fontColor: hsl(50, 20%, 5%);
  --dm-fontColor: var(--parchmentColor);
  --dm-backColor: var(--dark-surface2);
  --fontColor: var(--lm-fontColor);
  --accent: #853c88;
  --fontMain: "El Messiri", serif;
  --fontHeader: "IM Fell Double Pica", serif;
  --fontHeaderSC: "IM Fell Double Pica SC", serif;
  --fontIcon: "Material Symbols Outlined", "Material Icons", "Material Design Icons", "Font Awesome 5 Free";
  --drop-a: url("https://files.d20.io/images/391962192/-RzGKtA_4ghFr5RstztT4A/med.jpg?1715115805");
  --drop-b: url("https://files.d20.io/images/391962202/B0Abj_mpxCCcAA1q_HsFYw/med.jpg?1715115805");
  --drop-c: url("https://files.d20.io/images/391962206/Pd6vLw_z-c0jhA2D7GDXxQ/med.jpg?1715115806");
  --drop-y: url("https://files.d20.io/images/391962185/YImvWlAjr1Eo7HVWg2x1wQ/med.jpg?1715115804");
  --drop-f: url("https://files.d20.io/images/391962186/YCiExC9GFJERBBzUsiIe9g/med.jpg?1715115804");
  --drop-o: url("https://files.d20.io/images/391962187/_W6QdnS4nQI_Xnyx9NzilQ/med.jpg?1715115804");
  --drop-n: url("https://files.d20.io/images/391962183/rLSNW3jLENc2yneuzy2nQg/med.jpg?1715115804");
  --drop-i: url("https://files.d20.io/images/391962184/c9_ID8LZWycaMdAkPLbklQ/med.jpg?1715115804");
  --drop-l: url("https://files.d20.io/images/391962189/ji73vn-WXZwH42N8Mxac3A/med.jpg?1715115805");
  --drop-e: url("https://files.d20.io/images/391962190/Efc1jq0_hWDQtNml0uZ91A/med.jpg?1715115805");
  --drop-v: url("https://files.d20.io/images/391962191/qo5WvhNkF5E0dCifUBGdfA/med.jpg?1715115805");
  --drop-p: url("https://files.d20.io/images/391962196/uTMkppp52f7zLBJArtLlrg/med.jpg?1715115805");
  --drop-s: url("https://files.d20.io/images/391962193/Z7zta5RGxaHDm3u2IlEI9g/med.jpg?1715115805");
  --drop-u: url("https://files.d20.io/images/391962195/1J4wP9KNeKE3JO3l_HYGqg/med.jpg?1715115805");
  --drop-g: url("https://files.d20.io/images/391962198/7tIjb6rm8p545Hj9OY9tiQ/med.jpg?1715115805");
  --drop-q: url("https://files.d20.io/images/391962197/iq9nrwgoyNYUdgN_cz-Nlw/med.jpg?1715115805");
  --drop-z: url("https://files.d20.io/images/391962200/-zU0J3KRFhGf17CL75Wi6Q/med.jpg?1715115805");
  --drop-r: url("https://files.d20.io/images/391962188/b7IOdUiqKFm8MfoJUHbeLw/med.jpg?1715115805");
  --drop-w: url("https://files.d20.io/images/391962201/LfOWYTnpcVgAMl1XEzFphg/med.jpg?1715115805");
  --drop-k: url("https://files.d20.io/images/391962199/RJZET2cvfQ617EZ0Iq1eNg/med.jpg?1715115805");
  --drop-x: url("https://files.d20.io/images/391962194/_8wWOwNWOvak9ozw0rc64A/med.jpg?1715115805");
  --drop-m: url("https://files.d20.io/images/391962205/isysoCBjEWEM7MDiGwDy8g/med.jpg?1715115806");
  --drop-j: url("https://files.d20.io/images/391962203/YQF9dcM5GeicnqClEUFbtw/med.jpg?1715115806");
  --drop-d: url("https://files.d20.io/images/391962210/sCEvLCqhNQfm4SWgtivsxw/med.jpg?1715115807");
  --drop-t: url("https://files.d20.io/images/391962209/dJlT6givvxsaKzzvVgn-jg/med.jpg?1715115806");
}
html:has(.content-text[data-bookid=dcc]) .primarycontentcontainer h1.page-title {
  color: var(--fontColor);
  font-family: var(--fontHeader);
}
html:has(.content-text[data-bookid=dcc]) .primarycontentcontainer .content-text {
  background: #ededed;
  color: var(--fontColor);
  overflow: hidden;
  border: 4px double var(--lm-fontColor);
  outline: 2px solid var(--lm-fontColor);
  padding: 1em;
}
html:has(.content-text[data-bookid=dcc]) .primarycontentcontainer .content-text p {
  color: var(--fontColor);
}
html:has(.content-text[data-bookid=dcc]) .primarycontentcontainer .row:has(.backdrop) {
  background: unset;
}
html:has(.content-text[data-bookid=dcc]) .primarycontentcontainer .col-md-4.toccol {
  display: none;
}
html:has(.content-text[data-bookid=dcc]) .primarycontentcontainer .col-md-8:has(.content-text[data-bookid=dcc]) {
  width: 100%;
}
html:has(.content-text[data-bookid=dcc]) .primarycontentcontainer:has(.toc) h1.page-title {
  font-family: var(--fontHeader);
  font-size: 3em;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  color: var(--accent);
  margin: 0.2em 0;
}
html:has(.content-text[data-bookid=dcc]) .primarycontentcontainer:has(.toc) h1.page-title::before, html:has(.content-text[data-bookid=dcc]) .primarycontentcontainer:has(.toc) h1.page-title::after {
  display: block;
  content: "";
  color: var(--accent);
  font-size: 0.8em;
  line-height: 1;
}
html:has(.content-text[data-bookid=dcc]) .primarycontentcontainer:has(.toc) h1.page-title::before {
  font-family: var(--fontSystem);
  font-size: 0.5em;
  content: "The ";
}
html:has(.content-text[data-bookid=dcc]) .primarycontentcontainer:has(.toc) h1.page-title::after {
  content: " Universe";
}

html[data-theme=dark]:has(.content-text[data-bookid=dcc]) .content-text {
  --fontColor: var(--dm-fontColor);
  background: var(--dm-backColor);
  border: 4px double var(--dm-fontColor);
  outline: 2px solid var(--dm-fontColor);
}
html[data-theme=dark]:has(.content-text[data-bookid=dcc]) #pagecontent {
  color: var(--dm-fontColor);
  --accent: #b149b4;
}
html[data-theme=dark]:has(.content-text[data-bookid=dcc]) #pagecontent p, html[data-theme=dark]:has(.content-text[data-bookid=dcc]) #pagecontent aside, html[data-theme=dark]:has(.content-text[data-bookid=dcc]) #pagecontent h1, html[data-theme=dark]:has(.content-text[data-bookid=dcc]) #pagecontent h2, html[data-theme=dark]:has(.content-text[data-bookid=dcc]) #pagecontent h3 {
  color: var(--dm-fontColor);
}
html[data-theme=dark]:has(.content-text[data-bookid=dcc]) #pagecontent img {
  -webkit-filter: invert(1);
          filter: invert(1);
  mix-blend-mode: screen;
}
html[data-theme=dark]:has(.content-text[data-bookid=dcc]) [class^=dropcap] {
  -webkit-filter: invert(1);
          filter: invert(1);
  mix-blend-mode: screen !important;
}
html[data-theme=dark]:has(.content-text[data-bookid=dcc]) .artblock {
  mix-blend-mode: screen !important;
}

/* Rolemaster Unified */

.content-text[data-bookid=RMU] .optional, .content-text[data-bookid=RMU] .option {
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25), 0 5px 10px 0 rgba(0,0,0,0.17);
    background-image: linear-gradient(to right bottom, rgba(241,242,11,1) 20%, rgba(248,161,27,1) 80%);
    border-radius: 0.5rem;
}

.content-text[data-bookid=RMU] h1,
.content-text[data-bookid=RMU] h2,
.content-text[data-bookid=RMU] h3,
.content-text[data-bookid=RMU] h4 {
    font-family: 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', fantasy, serif;
}

/* Traveller 2e v1.20 */

/* Book index styles */
.traveller-bi-main > img {
    display: block;
    margin: 0 auto;
    width: 60%;
    background-color: white;
}

.traveller-bi-header {
    opacity: 1;
    color: var(--color-surface1) !important;
    background-color: var(--color-grayscale1);
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://files.d20.io/images/458621837/03rWRlEw4kgwo5dt-tIpnw/max.jpg?1759334994);
    background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 20px;
}

.traveller-bi-header b {
    display: block;
    text-align: center;
    font-size: 50px;
    color: white !important;
}

.traveller-bi-header p {
    text-align: center;
    color: white !important;
}

.traveller-bi-tabs-container {
    display: grid;
    grid-template-areas:
    "button-start-here button-start-here button-start-here"
    "button-core-rules button-adventures button-campaigns"
    "button-charted-space button-ffw button-coming-soon"
    "content . ."
    "content . ."
    "content . ."
    "content . ."
    "content . .";
}

#traveller-bi-start-here {
    grid-area: button-start-here;
}
#traveller-bi-core-rules {
    grid-area: button-core-rules;
}
#traveller-bi-adventures {
    grid-area: button-adventures;
}
#traveller-bi-campaigns {
    grid-area: button-campaigns;
}
#traveller-bi-charted-space {
    grid-area: button-charted-space;
}
#traveller-bi-ffw {
    grid-area: button-ffw;
}
#traveller-bi-coming-soon {
    grid-area: button-coming-soon;
}

.traveller-bi-tabs-container h4 {
    margin-bottom: 10px;
    margin-top: 0;
}

.traveller-bi-tabs-container > a,
.traveller-bi-tabs-container > span {
    font-family: "Bebas Neue", sans-serif !important;
    font-size: 35px;
    border-radius: 30px 30px 30px 30px;
    text-align: center;
    height: 100px !important;
    margin: 5px;
    border: solid 1px gray;
}

.traveller-bi-tabs-container > a:first-of-type {
    height: 60px !important;
}

/* Hide inactive tabs*/
.traveller-bi-tab-content {
    display: none;
    scroll-margin-top: 320px;
}

.traveller-bi-tab-label {
    display: block;
    align-content: center;
    padding: 5px 15px;
    color: var(--color-surface1) !important;
    background-color: var(--color-grayscale1);
    transition: background-color 200ms linear
}

/* Show block if link button clicked OR we are the default */
.traveller-bi-tab-content:target,
:not(:has(.traveller-bi-tab-content:target)) .traveller-bi-tab-content.traveller-bi-tab-default {
    display: block;
    order: 99;
    width: 100%;
    margin-top: 15px;
    grid-area: content;
    grid-column: 1/4;
    border: var(--color-grayscale2) 1px solid;
    padding: 5px;
}

/* Colour button if link button clicked OR we are the default */
.traveller-bi-tab-label:has(+ .traveller-bi-tab-content:target),
:not(:has(.traveller-bi-tab-content:target)) .traveller-bi-tab-label.traveller-bi-tab-default  {
    background-color: red;
    transition: background-color 200ms linear
}

/* Use span is disabled */
span.traveller-bi-tab-label {
    background-color: gray !important;
}

/* Special button for Fifth Frontier War */
.traveller-bi-tab-label-ffw {
    background-image: url(https://files.d20.io/images/458527911/NtCAB_exQltxiM6mXeSyaw/med.png?1759253093);
    background-repeat:no-repeat;
    background-position: center center;
    background-size: contain;
    padding: 5px;
    background-origin: content-box;
}

/* Content blocks */
.traveller-bi-tab-item {
    display: flex;
    margin-left: 10px;
    margin-right: 10px;
    animation-name: slide-in;
    animation-duration: 1s;
    opacity: 1;
    margin-bottom: 20px;
}

.traveller-bi-tab-item:first-of-type {
    margin-top: 10px;
}

.traveller-bi-tab-item > div > div {
    display: flex;
    margin: 0;
    justify-content: center;
    gap: 30px;
}

.traveller-bi-tab-item > div > b {
    margin-left: 20px;
    font-size: 20px;
}

.traveller-bi-tab-item > div > p {
    margin-left: 20px;
    margin-bottom: 0px;
}

.traveller-bi-tab-item > div > div > img,
.traveller-bi-tab-item > img {
    width: 200px;
    height: 265px !important;
    height: fit-content;
}

.traveller-bi-tab-start-here {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px !important;
}

.traveller-bi-tab-start-here > div > b,
.traveller-bi-tab-start-here > div > p {
    margin-left: 0px;
    margin-right: 0px;
}

.traveller-bi-tab-start-here > div > div {
    gap: 50px;
}

.traveller-bi-tab-content a:link,
.traveller-bi-tab-content a:visited {
    color: red !important;
}

/* End of book index styles */

.content-text[data-bookid="traveller"] p,
.content-text[data-bookid="traveller"] b,
.content-text[data-bookid="traveller"] th,
.content-text[data-bookid="traveller"] td,
.content-text[data-bookid="traveller"] i,
.content-text[data-bookid="traveller"] li {
    font-family: "Arial";
    color: var(--color-grayscale1);
}

.content-text[data-bookid="traveller"] h1 {
    font-family: "Bebas Neue", sans-serif !important;
    color: var(--color-grayscale1) !important;
    font-weight: normal !important;
}

.content-text[data-bookid="traveller"] h2 {
    font-family: "Rationale" !important;
    color: var(--color-grayscale1);
    font-weight: bold !important;
}

.content-text[data-bookid="traveller"] h3 {
    font-family: "Rationale" !important;
    text-decoration: underline;
    color: var(--color-grayscale1);
    font-weight: bold !important;
}

.mongoose-chapter-header>div {
    margin-top: -153px;
    position: absolute;
}

.mongoose-chapter-header div>span:first-child {
    color: #f26723;
    font-family: Helvetica Neue;
    font-size: 150px;
    font-weight: bold;
}

.mongoose-chapter-header div:nth-child(2) {
    color: #f26723;
    font-family: Rationale;
    font-size: 70px;
    font-weight: bold;
    margin-left: 15px;
}

.mongoose-header {
    font-family: "Bebas Neue", sans-serif !important;
    color: black !important;
    font-weight: normal !important;
}

.mongoose-font {
    font-family: "Rationale" !important;
    color: black !important;
    font-weight: bold !important;
}

.mongoose-font-ul {
    font-family: "Rationale" !important;
    text-decoration: underline !important;
    color: black !important;
    font-weight: bold !important;
}

.mongoose-cutcorner {
    position: relative;
    border: 2px solid #e37638;
    display: inline-block;
    padding: 0px 30px 0px 15px;
    background: #edd4c1;
}

.mongoose-cutcorner,
.mongoose-cutcorner h3,
.mongoose-cutcorner *:not(a) {
    color: black !important;
}

.mongoose-cutcorner:before {
    position: absolute;
    right: -1px;
    top: -1px;
    content: "";
    border-top: 70px solid #e37638;
    border-left: 70px solid transparent;
}

.mongoose-cutcorner:after {
    position: absolute;
    right: -2px;
    top: -2px;
    content: "";
    border-top: 70px solid var(--color-surface1);
    border-left: 70px solid transparent;
}

.mongoose-cutcorner-bottom {
    position: relative;
    border: 2px solid #e37638;
    display: inline-block;
    padding: 0px 30px 0px 15px;
    background: #edd4c1;
}

.mongoose-cutcorner-bottom,
.mongoose-cutcorner-bottom h3,
.mongoose-cutcorner-bottom * {
    color: black !important;
}

.mongoose-cutcorner-bottom:before {
    position: absolute;
    right: -1px;
    bottom: -1px;
    content: "";
    border-bottom: 70px solid #e37638;
    border-left: 70px solid transparent;
}

.mongoose-cutcorner-bottom:after {
    position: absolute;
    right: -2px;
    bottom: -2px;
    content: "";
    border-bottom: 70px solid var(--color-surface1);
    border-left: 70px solid transparent;
}

.mongoose-blue-highlights-border {
    padding: 2px;
    overflow: hidden;
    background-color: gray;
    clip-path: polygon(
    0 25px,
    25px 0,
    calc(100% - 25px) 0,
    100% 25px,
    100% calc(100% - 25px),
    calc(100% - 25px) 100%,
    25px 100%,
    0% calc(100% - 25px)
    );
}

.mongoose-blue-highlights-border,
.mongoose-blue-highlights-border h2,
.mongoose-blue-highlights-border * {
    color: black !important;
}

/* For inner border, push out the top and bottom margins so we get the border effect */
.mongoose-blue-highlights > .mongoose-blue-highlights-border,
.mongoose-yellow-highlights > .mongoose-blue-highlights-border {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mongoose-blue-highlights {
    overflow: hidden;
    background-color: #b9d9e9;
    clip-path: polygon(
    0 25px,
    25px 0,
    calc(100% - 25px) 0,
    100% 25px,
    100% calc(100% - 25px),
    calc(100% - 25px) 100%,
    25px 100%,
    0% calc(100% - 25px)
    );
}

.mongoose-blue-highlights-inner-content {
    overflow: hidden;
    margin-left: -2px;
    margin-right: -2px;
    background-color: #a0cfe3;
    clip-path: polygon(
    0 25px,
    25px 0,
    calc(100% - 25px) 0,
    100% 25px,
    100% calc(100% - 25px),
    calc(100% - 25px) 100%,
    25px 100%,
    0% calc(100% - 25px)
    );
}

.mongoose-blue-highlights-inner-content>i,
.mongoose-blue-highlights-inner-content>h1,
.mongoose-blue-highlights-inner-content>h2,
.mongoose-blue-highlights-inner-content>h3 {
    margin-left: 20px;
}

.mongoose-yellow-highlights {
    overflow: hidden;
    background-color: #f3f3da;
    clip-path: polygon(
    0 25px,
    25px 0,
    calc(100% - 25px) 0,
    100% 25px,
    100% calc(100% - 25px),
    calc(100% - 25px) 100%,
    25px 100%,
    0% calc(100% - 25px)
    );
}

.mongoose-yellow-highlights-inner-content {
    overflow: hidden;
    margin-left: -2px;
    margin-right: -2px;
    background-color: #f9f9c9;
    clip-path: polygon(
    0 25px,
    25px 0,
    calc(100% - 25px) 0,
    100% 25px,
    100% calc(100% - 25px),
    calc(100% - 25px) 100%,
    25px 100%,
    0% calc(100% - 25px)
    );
}

/* Need to push out content a bit so it doesn't clip angled corners */
.mongoose-blue-highlights h3,
.mongoose-yellow-highlights h3 {
    margin: 15px;
    text-decoration: none !important;
    font-style: italic;
}

.mongoose-blue-highlights p,
.mongoose-yellow-highlights p {
    margin: 15px;
}

/* Grey cornered borders */
.mongoose-border-rulestitle-wrapper {
    display: grid;
    grid-template-columns: 1fr 6px;
}

.mongoose-border-rules-squiggle {
    margin-left: 3px;
    width: 18px;
    background-color: #f26723;
    clip-path: polygon(
    0% 0%,
    2px 0%,
    100% 15px,
    100% calc(100% - 15px),
    2px 100%,
    0% 100%,
    calc(100% - 2px) calc(100% - 15px),
    calc(100% - 2px) 15px,
    0% 0%
    );
    margin-left: -5px;
}

.mongoose-border-rulestitle {
    padding: 2px;
    padding-left: 15px;
    height: 50px;
    color: white;
    overflow: hidden;
    background-color: gray;
    clip-path: polygon(
    15px 0%,
    calc(100% - 15px) 0%,
    100% 15px,
    100% 100%,
    0% 100%,
    0% 15px
    );
}

.mongoose-border-rulestitle p {
    font-size: 20px;
    color: white;
    margin-top: 10px;
}

.mongoose-border-rulesheader {
    display: grid;
    grid-template-columns: 0.5fr 1fr 1.5fr;
    color: #f26723;
    font-weight: bold;
    border-bottom: 2px solid #f26723;
}

.mongoose-border-rulesbody {
    display: grid;
    grid-template-columns: 0.5fr 1fr 1.5fr;
    border-bottom: 1px solid #f26723;
}

.mongoose-border-careerheader {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    color: #f26723;
    font-weight: bold;
    border-bottom: 2px solid #f26723;
}

.mongoose-border-careerbody {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    border-bottom: 1px solid #f26723;
}

.mongoose-border-none {
    border-bottom: 0;
}

.mongoose-vertical-rulestitle-wrapper {
    display: grid;
    grid-template-columns: 50px 1fr;
}

.mongoose-vertical-text {
    writing-mode: vertical-lr;
    text-orientation: sideways-right;
    display: block;
    transform: rotate(180deg);
    margin-top: 15px;
    font-size: 1.2em;
    font-family: "Bebas Neue";
}

.mongoose-vertical-rulestitle {
    background: gray !important;
    margin-left: 5px;
    padding: 2px;
    width: 40px;
    color: white;
    overflow: hidden;
    background-color: gray;
    clip-path: polygon(
    20px 0%,
    100% 0%,
    100% 100%,
    20px 100%,
    0% calc(100% - 20px),
    0% 20px
    );
    padding-left: 7px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.mongoose-vertical-rulesheader {
    display: grid;
    grid-template-columns: 0.4fr 1fr 1fr;
    color: #f26723;
    font-weight: bold;
    border-bottom: 2px solid #f26723;
}

.mongoose-vertical-rulesbody {
    display: grid;
    grid-template-columns: 0.4fr 1fr 1fr;
}

.mongoose-vertical-rulesbody span {
    border-bottom: 1px solid #f26723;
}

/* NEW STYLES FOR CAREER LAYOUT */
.mongoose-border-careertitle {
    padding: 2px;
    padding-left: 30px;
    color: white;
    overflow: hidden;
    background-color: #f26723;
    clip-path: polygon(
    0% 0%,
    100% 0%,
    100% calc(100% - 15px),
    calc(100% - 15px) 100%,
    15px 100%,
    0% calc(100% - 15px)
    );
    height: 5em;
}

.mongoose-border-careertitle span {
    font-size: 50px;
    color: white;
    display: block;
    padding-top: 25px;
    font-family: "Bebas Neue";
}

table.mongoose-borderless,
table.mongoose-borderless > tbody > tr,
table.mongoose-borderless > tbody > tr > td {
    border: 0 !important;
}

.mongoose-border-careerdescription {
    padding: 0px;
    background: gray;
    border: 1px solid gray !important;
    margin-left: -5px;
    border-left: 0px;
    overflow: hidden;
    clip-path: polygon(
    0% 0%,
    calc(100% - 20px) 0%,
    100% 20px,
    100% calc(100% - 20px),
    calc(100% - 20px) 100%,
    0% 100%
    );
}

.mongoose-border-careerdescription div {
    padding: 5px;
    padding-left: 30px;
    background: var(--color-background);
}

.mongoose-orange-delimited-table {
    width: 100%;
    margin-top: 5px !important;
}

.mongoose-orange-delimited-table th {
    color: #f26723 !important;
    border-bottom: 2px solid #f26723;
    padding-right: 5px;
    font-size: 16px;
}

.mongoose-orange-delimited-table > tbody > tr > td {
    border: 0 !important;
    border-top: 1px solid #f26723 !important;
}

.mongoose-border-skillspanel {
    overflow: hidden;
    clip-path: polygon(
    20px 0%,
    calc(100% - 20px) 0%,
    100% 20px,
    100% calc(100% - 20px),
    calc(100% - 20px) 100%,
    20px 100%,
    0% calc(100% - 20px),
    0% 20px
    );
    border: 1px solid gray !important;
    background: gray;
}

.mongoose-border-skillspanel > div {
    background: var(--color-background);
}

.mongoose-grey-highlights-border {
    padding: 2px;
    overflow: hidden;
    background-color: gray;
    clip-path: polygon(
    0 25px,
    25px 0,
    calc(100% - 25px) 0,
    100% 25px,
    100% calc(100% - 25px),
    calc(100% - 25px) 100%,
    25px 100%,
    0% calc(100% - 25px)
    );
}

/* For inner border, push out the top and bottom margins so we get the border effect */
.mongoose-grey-highlights > .mongoose-grey-highlights-border {
    margin-top: -1px;
    margin-bottom: -1px;
}

.mongoose-grey-highlights {
    overflow: hidden;
    background-color: white;
    clip-path: polygon(
    0 25px,
    25px 0,
    calc(100% - 25px) 0,
    100% 25px,
    100% calc(100% - 25px),
    calc(100% - 25px) 100%,
    25px 100%,
    0% calc(100% - 25px)
    );
}

.mongoose-grey-highlights-inner-content {
    overflow: hidden;
    margin-left: -2px;
    margin-right: -2px;
    background-color: white;
    clip-path: polygon(
    0 25px,
    25px 0,
    calc(100% - 25px) 0,
    100% 25px,
    100% calc(100% - 25px),
    calc(100% - 25px) 100%,
    25px 100%,
    0% calc(100% - 25px)
    );
    width: 95%;
}

/* Need to push out content a bit so it doesn't clip angled corners */
.mongoose-grey-highlights h3,
.mongoose-grey-highlights p {
    margin: 15px;
}

.mongoose-core-collection {
    color: #43b1eb;
}

/* NEW STYLES FOR COMMON SPACECRAFT */
.mongoose-common-spacecraft-page {
    background-color: #9faebc;
    background-image: url('https://files.d20.io/images/425661397/4S6Sh67fvDomgHsohwZ2qQ/med.png?1737472986');
}

.mongoose-common-spacecraft-grid {
    display: grid;
}

.mongoose-common-spacecraft-title {
    overflow: hidden;
    background-color: #f26723;
    clip-path: polygon(
    0% 0%,
    100% 0%,
    100% calc(100% - 20px),
    calc(100% - 20px) 100%,
    20px 100%,
    0% calc(100% - 20px)
    );
    width: 90%;
    font-weight: bold !important;
    text-align: left;
    margin: 0 auto;
    padding: 15px;
    color: black !important;
    grid-column: 1;
    grid-row: 1;
    font-family: "Rationale" !important;
}

.mongoose-common-spacecraft-type {
    color: white !important;
    width: 30%;
    background-color: #bd6c3c;
    grid-column: 1;
    grid-row: 1;
    text-align: center;
    font-size: 26px !important;
    padding: 0;
    margin-left: 60%;
    padding-top: 20px;
}

.mongoose-common-spacecraft-type span {
    font-size: 26px;
}

.mongoose-common-spacecraft-desc {
    grid-template-columns: 0.95fr 1.05fr 0.1fr;
    grid-auto-rows: 1fr;
}

.mongoose-common-spacecraft-desc > div {
    display: contents;
}

.mongoose-common-spacecraft-desc1 {
    clip-path: polygon(
    0% 0%,
    calc(100% - 20px) 0%,
    100% 20px,
    100% calc(100% - 20px),
    calc(100% - 20px) 100%,
    0% 100%
    );
    background-color: #eceff2;
}

p.mongoose-common-spacecraft-desc1 {
    margin-left: 0px;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 2px;
    padding-top: 10px;
    margin-right: 2px;
    margin-bottom: 2px;
    color: black !important;
}

.mongoose-common-spacecraft-desc2 {
    clip-path: polygon(
    0% 0%,
    calc(100% - 20px) 0%,
    100% 20px,
    100% calc(100% - 20px),
    calc(100% - 20px) 100%,
    0% 100%,
    20px calc(100% - 20px),
    20px 20px
    );
    background-color: #eceff2;
    height: 100%;
}

p.mongoose-common-spacecraft-desc2 {
    padding-left: 30px !important;
    height: calc(100% - 4px);
    margin-top: 2px;
    width: calc(100% - 4px);
    margin-left: 2px;
    padding-top: 10px;
    color: black !important;
}

div.mongoose-common-spacecraft-desc1,
div.mongoose-common-spacecraft-desc2 {
    background-color: black;
    display: grid;
    padding-left: 0;
}

.mongoose-common-spacecraft-details {
    grid-template-columns: 1fr 0.05fr 0.5fr 0.05fr;
}

.mongoose-common-spacecraft-details div:first-child {
    background-color: #c6cdd355 !important;
    clip-path: polygon(
    0% 0%,
    calc(100% - 15px) 0%,
    100% 15px,
    100% calc(100% - 15px),
    calc(100% - 15px) 100%,
    0% 100%
    );
    padding-left: 30px;
    height: 100%;
    padding-right: 30px;
}

.mongoose-common-spacecraft-details div table {
    font-size: 16px !important;
    color: black !important;
    width: 100%;
}

.mongoose-common-spacecraft-details td {
    border: 1px solid black !important;
    /*    padding-left: 5px;*/
    /*    padding-top: 5px;*/
    /*    padding-bottom: 5px;*/
    padding: 5px;
}

div.mongoose-common-spacecraft-header > p {
    text-align: center;
}

div.mongoose-common-spacecraft-header > p:nth-child(2n + 11) {
    border-bottom: 1px solid black;
}

div.mongoose-common-spacecraft-header > p:nth-child(2n + 11),
div.mongoose-common-spacecraft-header > p:nth-child(2n + 10) {
    margin-bottom: 0;
}

p.mongoose-common-spacecraft-header {
    background-color: #f26723;
    clip-path: polygon(
    0% 0%,
    calc(100% - 15px) 0%,
    100% 15px,
    100% 100%,
    0% 100%
    );
    color: white !important;
    font-weight: bold;
    font-size: 22px;
    padding: 2px;
    font-family: "Rationale" !important;
}

p.mongoose-black-border {
    border: 2px solid black;
    padding: 5px;
}

table.mongoose-grey-header tr th {
    background-color: gray;
    color: white !important;
    padding: 5px;
    border: 0;
}

h1.mongoose-orange-text,
h2.mongoose-orange-text,
span.mongoose-orange-text {
    color: #f26723 !important;
}

h2.mongoose-orange-text>b.mongoose-orange-border {
    font-size: 20px;
}

div.mongoose-black-border p {
    border: 1px solid black;
    padding: 5px;
}

.mongoose-orange-border {
    border: 2px solid #f26723 !important;
    padding: 5px;
}

div.mongoose-black-border p:first-child {
    margin-bottom: -1px;
}

.mongoose-npc-block {
    background-color: #414042;
    clip-path: polygon(
    15px 0%,
    calc(100% - 15px) 0%,
    100% 15px,
    100% calc(100% - 15px),
    calc(100% - 15px) 100%,
    15px 100%,
    0% calc(100% - 15px),
    0% 15px
    );
    width: 80%;
    margin: 0 auto;
}

.mongoose-npc-block h2 {
    width: 90%;
    margin-left: 5%;
}

.mongoose-npc-block table:not(.table-bordered) {
    width: 90%;
    margin: 0 auto !important;
}

.mongoose-npc-block div {
    background-color: white !important;
}

.mongoose-npc-block tr {
    border: 0 !important;
    border-bottom: 1px solid black;
}

.mongoose-npc-block th {
    background-color: #f26723 !important;
    border: 0 !important;
    border-left: 1px solid black !important;
    padding: 2px 5px 2px 5px !important;
}

.mongoose-npc-block td,
.mongoose-npc-block b {
    color: white !important;
    border: 0 !important;
    border-left: 1px solid black !important;
    padding: 2px 5px 2px 5px !important;
}

.mongoose-npc-img {
    display: block;
    width: 70%;
    margin: 0 auto;
    padding-bottom: 15px !important;
    filter: drop-shadow(5px 5px 5px #222);
}

.mongoose-npc-detail {
    width: 80%;
    margin: 0 auto;
}

.mongoose-sector-div {
    width: 25%;
    float: right;
    margin-left: 30px;
    margin-top: 25px;
}

.mongoose-sector-div tr {
    height: 30px;
}

.mongoose-sector-div td {
    width: 30px;
    height: 50px;
    padding: 0 !important;
    font-size: 2.5em;
    text-align: center;
    border: 1px solid var(--color-grayscale1);
}

.mongoose-sector-entry {
    background-color: var(--color-grayscale1);
}

.mongoose-sector-entry span {
    display: block;
    color: var(--color-surface1) !important;
    background-color: var(--color-grayscale1);
    font-family: "Bebas Neue" !important;
}

/* Ancients Styles*/
.mongoose-ota-contents {
    position: absolute; top: 40px; left: 40px;
}

.mongoose-ota-contents p {
    color: var(--color-surface1) !important;
}

.mongoose-wota-contents {
    padding: 20px;
    background-image: url(https://files.d20.io/images/443780062/Qk4S1EnDVkGv14PEkXxgjA/max.jpg?1749130789);
    background-size: contain;
}

.mongoose-tgr1-contents {
    padding: 20px;
    background-image: url(https://files.d20.io/images/446162902/6uT0UA2T9JMvK_g5Yp2XpQ/max.jpg?1750708386);
    background-size: cover;
}

.mongoose-tgr2-contents {
    padding: 20px;
    background-image: url(https://files.d20.io/images/446228340/bk9OEmxTkd_XqGNkm_WJcA/max.jpg?1750761738);
    background-size: cover;
}

.mongoose-tgr1-contents h2,
.mongoose-tgr2-contents h2 {
    color: white !important;
}

.mongoose-bottom-logo {
    text-align: center;
    height: 100%;
    align-content: end;
}

.mongoose-bottom-logo img {
    width: 300px;
}

.mongoose-double-orange-border {
    background-color: #e2e4e4;
    border-radius: 20px;
    padding: 20px;
    border: 2px #ead6cd solid;
    border-style: double;
    border-width: 10px;
}

.mongoose-hr-orange {
    border-width: 4px 0px 0px;
    border-right-style: initial;
    border-bottom-style: initial;
    border-left-style: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-top-style: double;
    border-top-color: #f26723;
}

.mongoose-topbottom-orange-border {
    border-top: 2px solid #f26723;
    border-bottom: 2px solid #f26723;
}

.mongoose-dropshadow {
    filter: drop-shadow(10px 10px 5px #aaaaaa);
}

.mongooose-noborder-table,
.mongooose-noborder-table td,
.mongooose-noborder-table th {
    border: 0 !important;
}

/* Robot table is a generic compact table, bad naming, needs refactoring */
.mongoose-compact-table td,
.mongoose-compact-table th,
.mongoose-robot-table td,
.mongoose-robot-table th {
    padding: 2px !important;
    font-size: 15px;
}

.mongoose-compact-table > thead > tr > th:nth-of-type(2),
.mongoose-robot-table > thead > tr > th:nth-of-type(2) {
    width: 15%;
}

.mongoose-robot-blue {
    background-color: #b9d9e9;
}

.mongoose-aocs-item {
    border-top: 2px solid #f26723;
}

.mongoose-aocs-item > h2 {
    margin-top: 5px;
}

/* FFW Styles */
.mongoose-bulge-grid {
    display: grid;
    grid-template-columns: 4fr 1fr;
    column-gap: 20px;
    font-size: 16px !important;
}

.mongoose-bulge-grid table {
    background-color: var(--color-surface2) !important;
    margin-right: 20px;
    padding-right: 20px;
    height: fit-content;
}

.mongoose-bulge-grid td {
    padding: 10px !important;
}

.mongoose-bulge-grid > div > p {
    margin-bottom: 0;
    text-align: center;
}

.mongoose-bulge-grid > div > p:nth-of-type(2) {
    margin-bottom: 5px;
}

.mongoose-bulge-grid > div > p:nth-of-type(5),
.mongoose-bulge-grid > div > p:nth-of-type(7) {
    margin-bottom: 10px;
}

.mongoose-ffw-ffw-contents {
    padding: 20px;
    background-image: url(https://files.d20.io/images/456008780/1gmhQuhZgqC6hHATsa0lWw/max.png?1757507942);
    background-size: cover;
}

.mongoose-ffw-cutcorner,
.mongoose-ffw-cutcorner-bottom {
    border: 2px solid #f0cb78;
    background: #f4ebd5;
}

.content-text[data-expansionid="37266"] #pagecontent .mongoose-ffw-chapter p,
.content-text[data-expansionid="37269"] #pagecontent .mongoose-ffw-chapter p,
.content-text[data-expansionid="37266"] #pagecontent h1,
.content-text[data-expansionid="37269"] #pagecontent h1,
.content-text[data-expansionid="37266"] #pagecontent h2,
.content-text[data-expansionid="37269"] #pagecontent h2,
.content-text[data-expansionid="37266"] #pagecontent h3,
.content-text[data-expansionid="37269"] #pagecontent h3 {
    font-family: "Quantico", sans-serif !important;
    font-weight: 900 !important;
    font-style: normal;
}
.content-text[data-expansionid="37266"] #pagecontent h3,
.content-text[data-expansionid="37269"] #pagecontent h3 {
    font-style: italic;
}

.content-text[data-expansionid="37266"] #pagecontent .mongoose-ffw-chapter p,
.content-text[data-expansionid="37269"] #pagecontent .mongoose-ffw-chapter p {
    font-size: 45px;
    text-align: center;
    background-image: url(https://files.d20.io/images/456021884/NdZV11mTjcJdGmvykN7VzA/max.png?1757519540);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 50px;
    margin-bottom: 0;
}

.content-text[data-expansionid="37266"] #pagecontent .mongoose-ffw-chapter span,
.content-text[data-expansionid="37269"] #pagecontent .mongoose-ffw-chapter span {
    background-image: url(https://files.d20.io/images/456021210/8lku2YaWsvE9AGX2ZmwLDA/max.png?1757519006);
    display: block;
    width: 100%;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 30px;
}

.mongoose-ffw-image {
    clip-path: polygon(
    0% 0%,
    25px 0%,
    30px 5px,
    calc(100% - 30px) 5px,
    calc(100% - 25px) 0%,
    100% 0%,
    100% 25px,
    calc(100% - 5px) 30px,
    calc(100% - 5px) calc(100% - 30px),
    100% calc(100% - 25px),
    100% 100%,
    calc(100% - 25px) 100%,
    calc(100% - 30px) calc(100% - 5px),
    30px calc(100% - 5px),
    25px 100%,
    0% 100%,
    0% calc(100% - 25px),
    5px calc(100% - 30px),
    5px 30px,
    0% 25px
    );
}

.mongoose-ffw-sidebar h3 {
    color: white !important;
    background-color: #122f45 !important;
    text-decoration: none !important;
    padding-left: 20px;
    height: 50px;
    display: table-cell;
    vertical-align: bottom;
    width: 750px !important;
    clip-path: polygon(
    0% 0%,
    40px 0%,
    50px 10px,
    100% 10px,
    100% calc(100% - 10px),
    calc(100% - 10px) 100%,
    10px 100%,
    0% calc(100% - 10px)
    );
}

.mongoose-ffw-sidebar div {
    background-color: #f1d9a1;
    clip-path: polygon(
    10px 0%,
    calc(100% - 10px) 0%,
    calc(100% - 10px) calc(100% - 50px),
    100% calc(100% - 40px),
    100% calc(100% - 10px),
    40px calc(100% - 10px),
    30px 100%,
    0% 100%,
    0% calc(100% - 40px),
    10px calc(100% - 50px)
    );
    padding-bottom: 5px;
}

.mongoose-ffw-sidebar > div:first-of-type {
    background-color: #f3e6c5;
    padding-top: 5px;
}

.mongoose-ffw-sidebar div p {
    color: black !important;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 10px;
}

/* The fleet images with ship icons are transparent pngs, so don't work with dark mode */
.mongoose-ffw-fleet {
    background-color: white;
}

.mongoose-ffw-gradient-table table,
.mongoose-ffw-gradient-table th,
.mongoose-ffw-gradient-table td {
    border: 0 !important;
}

table.mongoose-ffw-gradient-table {
    margin-left: 20px !important;
}

/* Allow nesting five levels deep of the fading vertical table pattern between black and yellow,
   this should probably be refactored to separate the yellow vertical bars into a separate class */
.mongoose-ffw-gradient-table > tbody > tr:first-of-type > th:first-of-type,
.mongoose-ffw-gradient-table .mongoose-ffw-gradient-table .mongoose-ffw-gradient-table > tbody > tr:first-of-type > th:first-of-type,
.mongoose-ffw-gradient-table .mongoose-ffw-gradient-table .mongoose-ffw-gradient-table .mongoose-ffw-gradient-table .mongoose-ffw-gradient-table > tbody > tr:first-of-type > th:first-of-type {
    width: 4px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0) 100%);
}

.mongoose-ffw-gradient-table .mongoose-ffw-gradient-table > tbody > tr:first-of-type > th:first-of-type,
.mongoose-ffw-gradient-table .mongoose-ffw-gradient-table .mongoose-ffw-gradient-table .mongoose-ffw-gradient-table > tbody > tr:first-of-type > th:first-of-type {
    background: linear-gradient(180deg, rgba(239, 188, 77, 1) 0%, rgba(239, 188, 77, 0.5) 80%, rgba(239, 188, 77, 0) 100%);
}

.mongoose-ffw-npcstats {
    background: #EEBD4E;
    background: linear-gradient(180deg,rgba(238, 189, 78, 1) 0%, rgba(18, 47, 69, 1) 100%);
    clip-path: polygon(
    20px 0%,
    calc(100% - 20px) 0%,
    100% 20px,
    100% calc(100% - 20px),
    calc(100% - 20px) 100%,
    20px 100%,
    0% calc(100% - 20px),
    0% 20px
    );
}

.mongoose-ffw-npcstats > div {
    background-color: #717070;
    background-color: var(--color-grayscale2);
    clip-path: polygon(
    0% 20px,
    15px 20px,
    28px 8px,
    calc(100% - 28px) 8px,
    calc(100% - 15px)  20px,
    100% 20px,
    100% calc(100% - 20px),
    calc(100% - 15px ) calc(100% - 20px),
    calc(100% - 30px ) calc(100% - 8px),
    30px calc(100% - 8px),
    15px calc(100% - 20px),
    0%  calc(100% - 20px)
    );
    padding-top: 10px;
    padding-left: 10px;
}

.mongoose-ffw-npcstats td,
.mongoose-ffw-npcstats h2 {
    color: var(--color-surface1) !important;
    margin-bottom: 0 !important;
}

.mongoose-ffw-npcstats h2 {
    font-size: 24px;
}

.mongoose-ffw-npcstats table {
    width: auto;
    margin-right: 10px !important;
    padding-bottom: 20px !important;
}

.mongoose-ffw-shipdesc {
    background: #122F45;
    background: linear-gradient(180deg,rgba(18, 47, 69, 1) 0%, rgba(18, 47, 69, 1) 40px, rgba(0, 0, 0, 0) 80px, rgba(0, 0, 0, 0) calc(100% - 80px), rgba(18, 47, 69, 1) calc(100% - 40px), rgba(18, 47, 69, 1) 100%);
    clip-path: polygon(
    20px 0%,
    65% 0%,
    calc(65% + 30px) 30px,
    calc(100% - 10px) 30px,
    100% 40px,
    100% calc(100% - 40px),
    calc(100% - 10px) calc(100% - 30px),
    calc(65% + 30px) calc(100% - 30px),
    65% 100%,
    20px 100%,
    0% calc(100% - 20px),
    0% 20px
    );
    padding: 10px;
}

.mongoose-ffw-shipdesc > div {
    clip-path: polygon(
    0% 0%,
    calc(100% - 10px) 0%,
    100% 10px,
    100% calc(100% - 40px),
    calc(100% - 10px) calc(100% - 30px),
    calc(65% + 30px) calc(100% - 30px),
    65% 100%,
    20px 100%,
    0% calc(100% - 20px),
    0% 20px
    );
    margin-top: 30px;
    padding: 10px;
    background-color: var(--color-surface1);
}

.mongoose-ffw-shipdesc > div > p {
    color: var(--color-grayscale1) !important;
    background-color: var(--color-surface1);
    padding: 5px;
}

.mongoose-ffw-ship-sidebar {
    background-color: rgba(18, 47, 69, 1);
    clip-path: polygon(
    20px 0%,
    calc(100% - 10px) 0%,
    100% 10px,
    100% 100%,
    0% 100%,
    0% 20px
    );
    padding-bottom: 0px;
}

.mongoose-ffw-ship-sidebar:first-of-type {
    margin-top: -25px;
}

.mongoose-ffw-ship-sidebar > p {
    color: white !important;
    text-align: center;
    margin-bottom: -20px !important;
    margin-top: 5px;
    padding-top: 10px;
    font-family: "Quantico", sans-serif !important;
    font-weight: 900 !important;
    font-style: normal;
}

.mongoose-ffw-ship-sidebar > div {
    margin-top: 30px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    background-color: var(--color-surface1);
}

.mongoose-ffw-ship-sidebar > div > p {
    color: var(--color-grayscale1) !important;
    background-color: var(--color-surface1) !important;
    padding: 5px;
    text-align: center;
    margin-bottom: 0px;
}

.mongoose-ffw-ship-sidebar > div > p:not(:first-of-type) {
    border-top: 2px solid var(--color-grayscale4);
}

.mongoose-ffw-shipdata {
    background: #122F45;
    background: linear-gradient(180deg,rgba(18, 47, 69, 1) 0%, rgba(18, 47, 69, 1) 20px, rgba(0, 0, 0, 0) 60px, rgba(0, 0, 0, 0) calc(100% - 60px), rgba(18, 47, 69, 1) calc(100% - 20px), rgba(18, 47, 69, 1) 100%);
    clip-path: polygon(
    10px 0%,
    calc(100% - 10px) 0%,
    100% 10px,
    100% calc(100% - 10px),
    calc(100% - 10px) 100%,
    10px 100%,
    0% calc(100% - 10px),
    0% 10px
    );
    padding: 10px;
    margin-top: 10px;
    width: 65%
}

.mongoose-ffw-shipdata > div {
    padding: 10px;
    background-color: var(--color-surface1) !important;
    clip-path: polygon(
    10px 0%,
    calc(100% - 10px) 0%,
    100% 10px,
    100% calc(100% - 10px),
    calc(100% - 10px) 100%,
    10px 100%,
    0% calc(100% - 10px),
    0% 10px
    );
}

/* Aetherial Expanse (D&D 5e) */

.content-text[data-expansionid="32048"] #pagecontent {
  font-family: var(--fontMain);
}
.content-text[data-expansionid="32048"] #pagecontent p {
  font-family: var(--fontMain);
  margin-bottom: unset;
}
.content-text[data-expansionid="32048"] #pagecontent p + * {
  margin-top: 1em;
}
.content-text[data-expansionid="32048"] #pagecontent p + ul, .content-text[data-expansionid="32048"] #pagecontent p + ol {
  margin-top: 0;
}
.content-text[data-expansionid="32048"] #pagecontent p + p {
  text-indent: 1em;
}
.content-text[data-expansionid="32048"] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-expansionid="32048"] #pagecontent ::-webkit-scrollbar-track {
  background: var(--lm-fontColor);
}
.content-text[data-expansionid="32048"] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--col-purple);
}
.content-text[data-expansionid="32048"] #pagecontent pre {
  margin: 3rem 0;
}
.content-text[data-expansionid="32048"] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-expansionid="32048"] #pagecontent :where(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  mix-blend-mode: darken;
}
.content-text[data-expansionid="32048"] #pagecontent *:has(img.background) {
  position: relative;
  z-index: 1;
}
.content-text[data-expansionid="32048"] #pagecontent img.background {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
}
.content-text[data-expansionid="32048"] #pagecontent dt {
  font-weight: bold;
  font-style: normal;
}
.content-text[data-expansionid="32048"] #pagecontent p:has(strong) {
  text-indent: 0;
}
.content-text[data-expansionid="32048"] #pagecontent :where(dl) {
  margin: 0;
}
.content-text[data-expansionid="32048"] #pagecontent dl {
  margin-left: 2em;
  text-indent: -1em;
}
.content-text[data-expansionid="32048"] #pagecontent dt {
  display: inline-block;
  margin-right: 0.5ch;
}
.content-text[data-expansionid="32048"] #pagecontent dd {
  display: inline;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.content-text[data-expansionid="32048"] #pagecontent h1, .content-text[data-expansionid="32048"] #pagecontent h2, .content-text[data-expansionid="32048"] #pagecontent h3 {
  color: var(--lm-fontColor);
  font-family: var(--fontHeader);
  line-height: 1;
}
.content-text[data-expansionid="32048"] #pagecontent h1 {
  font-size: 4em;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  color: var(--col-green);
  z-index: 0;
  position: relative;
}
.content-text[data-expansionid="32048"] #pagecontent h1 span {
  display: block;
  font-family: var(--fontScript);
  font-weight: normal;
  text-transform: none;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  line-height: 1.5;
}
.content-text[data-expansionid="32048"] #pagecontent h1::before {
  content: "";
  position: absolute;
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: center;
  -ms-grid-column-align: center;
  place-self: center;
  inset: 0;
  width: 50%;
  aspect-ratio: 1;
  opacity: 0.2;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent));
  -webkit-mask-image: linear-gradient(to bottom, black, transparent);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent));
          mask-image: linear-gradient(to bottom, black, transparent);
  z-index: -1;
  pointer-events: none;
  background: var(--img-spinner);
}
.content-text[data-expansionid="32048"] #pagecontent h2 {
  margin-bottom: 0.2em;
  font-size: 2em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  color: var(--col-purple);
}
.content-text[data-expansionid="32048"] #pagecontent h3 {
  margin-bottom: 0.2em;
  font-family: var(--fontHeaderSC);
  font-size: 1.5em;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;
  color: var(--col-green);
  border: 1px solid var(--col-green);
  border-width: 0 0 1px 0;
}
.content-text[data-expansionid="32048"] #pagecontent h4 {
  margin-bottom: 0;
  font-family: var(--fontMain);
  font-size: 1.25em;
  font-weight: normal;
  text-align: left;
  color: var(--col-purple);
}
.content-text[data-expansionid="32048"] #pagecontent h5 {
  margin-bottom: 0;
  font-weight: bold;
}
.content-text[data-expansionid="32048"] #pagecontent :is(h2, h3, h4, h5) span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-expansionid="32048"] #pagecontent hr {
  border: none;
  background: var(--img-divider);
  background-size: 400px 9px;
  height: 0.5em;
}
.content-text[data-expansionid="32048"] #pagecontent .columns {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.content-text[data-expansionid="32048"] #pagecontent .columns table {
  width: 100%;
}
.content-text[data-expansionid="32048"] #pagecontent caption, .content-text[data-expansionid="32048"] #pagecontent .caption {
  font-family: var(--fontSystemSC);
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
  color: var(--fontColor);
  text-align: center;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="32048"] #pagecontent table {
  min-width: 50%;
  font-family: var(--fontSystem);
  color: var(--fontColor);
  border: unset;
  border-collapse: separate;
}
.content-text[data-expansionid="32048"] #pagecontent table tr {
  background: var(--altColor);
}
.content-text[data-expansionid="32048"] #pagecontent table tbody tr:nth-child(even) {
  background: color-mix(in lab, var(--altColor) 70%, var(--tone));
}
.content-text[data-expansionid="32048"] #pagecontent table th, .content-text[data-expansionid="32048"] #pagecontent table td:first-child {
  font-weight: bold;
}
.content-text[data-expansionid="32048"] #pagecontent table th {
  background: var(--col-green);
  color: white;
  padding: 0 5px;
  font-family: var(--fontSystemSC);
}
.content-text[data-expansionid="32048"] #pagecontent table td {
  border: none;
  border: 1px solid var(--col-green);
  border-width: 0 1px;
}
.content-text[data-expansionid="32048"] #pagecontent table td:first-child {
  border-left: none;
}
.content-text[data-expansionid="32048"] #pagecontent table td:last-child {
  border-right: none;
}
.content-text[data-expansionid="32048"] #pagecontent table tbody td {
  border-image-source: var(--internalBorder);
}
.content-text[data-expansionid="32048"] #pagecontent table[class*=center] td {
  text-align: left;
}
.content-text[data-expansionid="32048"] #pagecontent table[class*=center][class*="1"] :is(td:nth-of-type(1), th:nth-of-type(1)) {
  text-align: center;
}
.content-text[data-expansionid="32048"] #pagecontent table[class*=center][class*="2"] :is(td:nth-of-type(2), th:nth-of-type(2)) {
  text-align: center;
}
.content-text[data-expansionid="32048"] #pagecontent table[class*=center][class*="3"] :is(td:nth-of-type(3), th:nth-of-type(3)) {
  text-align: center;
}
.content-text[data-expansionid="32048"] #pagecontent table[class*=center][class*="4"] :is(td:nth-of-type(4), th:nth-of-type(4)) {
  text-align: center;
}
.content-text[data-expansionid="32048"] #pagecontent table[class*=center][class*="5"] :is(td:nth-of-type(5), th:nth-of-type(5)) {
  text-align: center;
}
.content-text[data-expansionid="32048"] #pagecontent table[class*=center][class*="6"] :is(td:nth-of-type(6), th:nth-of-type(6)) {
  text-align: center;
}
.content-text[data-expansionid="32048"] #pagecontent table[class*=center][class*="7"] :is(td:nth-of-type(7), th:nth-of-type(7)) {
  text-align: center;
}
.content-text[data-expansionid="32048"] #pagecontent table[class*=center][class*="8"] :is(td:nth-of-type(8), th:nth-of-type(8)) {
  text-align: center;
}
.content-text[data-expansionid="32048"] #pagecontent table[class*=center][class*="9"] :is(td:nth-of-type(9), th:nth-of-type(9)) {
  text-align: center;
}
.content-text[data-expansionid="32048"] #pagecontent table[class=center] td {
  text-align: center;
}
.content-text[data-expansionid="32048"] #pagecontent aside {
  --_margin: 1em;
  border: none;
  background: none;
  width: calc(50% - 2 * (var(--_margin)));
  margin: 0.5em var(--_margin);
  float: right;
  font-family: var(--fontMain);
  padding: 1em;
  color: var(--fontColor);
}
.content-text[data-expansionid="32048"] #pagecontent aside:is-nth-child(odd) {
  float: left;
}
.content-text[data-expansionid="32048"] #pagecontent aside td {
  padding: 0 5px;
}
.content-text[data-expansionid="32048"] #pagecontent aside.red, .content-text[data-expansionid="32048"] #pagecontent aside.purple {
  --_margin: 2em;
  min-height: 160px;
  min-width: 220px;
  margin: 1.5em var(--_margin);
  padding: 1em;
  background: var(--_img);
  background-clip: padding-box;
  border: 6px double #860;
  border-image-source: var(--_img);
  border-image-slice: 60 60 60 fill;
  border-image-repeat: stretch;
  border-image-width: 60px 60px 60px;
  border-image-outset: 20px 20px 20px 20px;
}
.content-text[data-expansionid="32048"] #pagecontent aside.red h2, .content-text[data-expansionid="32048"] #pagecontent aside.purple h2 {
  margin-top: 0;
  margin-bottom: 1em;
}
.content-text[data-expansionid="32048"] #pagecontent aside.red p, .content-text[data-expansionid="32048"] #pagecontent aside.red h1, .content-text[data-expansionid="32048"] #pagecontent aside.red h2, .content-text[data-expansionid="32048"] #pagecontent aside.red h3, .content-text[data-expansionid="32048"] #pagecontent aside.red h4, .content-text[data-expansionid="32048"] #pagecontent aside.red .caption, .content-text[data-expansionid="32048"] #pagecontent aside.red li, .content-text[data-expansionid="32048"] #pagecontent aside.red li::marker, .content-text[data-expansionid="32048"] #pagecontent aside.purple p, .content-text[data-expansionid="32048"] #pagecontent aside.purple h1, .content-text[data-expansionid="32048"] #pagecontent aside.purple h2, .content-text[data-expansionid="32048"] #pagecontent aside.purple h3, .content-text[data-expansionid="32048"] #pagecontent aside.purple h4, .content-text[data-expansionid="32048"] #pagecontent aside.purple .caption, .content-text[data-expansionid="32048"] #pagecontent aside.purple li, .content-text[data-expansionid="32048"] #pagecontent aside.purple li::marker {
  color: var(--dm-fontColor);
}
.content-text[data-expansionid="32048"] #pagecontent aside.red {
  --_img: var(--img-fancy-red);
}
.content-text[data-expansionid="32048"] #pagecontent aside.purple {
  --_img: var(--img-fancy-purple);
}
.content-text[data-expansionid="32048"] #pagecontent aside.paper.paper {
  position: relative;
  padding: 2em;
  z-index: 1;
}
.content-text[data-expansionid="32048"] #pagecontent aside.paper.paper p {
  color: var(--lm-fontColor);
}
.content-text[data-expansionid="32048"] #pagecontent aside.paper.paper h2 {
  font-family: var(--fontHeaderSC);
  text-transform: initial;
  font-size: 1.5em;
  margin-top: 0;
}
.content-text[data-expansionid="32048"] #pagecontent aside.paper.paper h3 {
  font-family: var(--fontMain);
  font-size: 1em;
  font-style: italic;
  text-align: center;
  font-weight: normal;
  color: var(--lm-fontColor);
  margin: 1em 0 0.5em 0;
  border: none;
}
.content-text[data-expansionid="32048"] #pagecontent aside.paper.paper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bg-paper);
  background-size: cover;
  -webkit-filter: grayscale(70%) brightness(80%) contrast(200%);
          filter: grayscale(70%) brightness(80%) contrast(200%);
  clip-path: polygon(1.25% 1%, 7% 1%, 16% 2%, 22.75% 0.75%, 38.5% 0.5%, 45% 0%, 48% 0%, 50% 2%, 53% 0%, 58% 2%, 61% 0%, 68.5% 0%, 79% 0%, 89% 0%, 100% 0%, 100% 7%, 100% 10.5%, 100% 21%, 100% 34%, 99.5% 52%, 99.5% 59.5%, 100% 64%, 100% 79%, 100% 90%, 99.75% 99.73%, 95% 99%, 92% 99%, 89% 100%, 72% 100%, 62% 100%, 59% 99%, 49% 100%, 43% 100%, 25% 99%, 19% 99%, 0.25% 98.49%, 0% 6%, 0% 3%);
  z-index: -1;
}
.content-text[data-expansionid="32048"] #pagecontent aside.quote.quote {
  position: relative;
  text-align: center;
  font-style: italic;
  padding: 1.5em 2em;
  z-index: 0;
}
.content-text[data-expansionid="32048"] #pagecontent aside.quote.quote p, .content-text[data-expansionid="32048"] #pagecontent aside.quote.quote p, .content-text[data-expansionid="32048"] #pagecontent aside.quote.quote span {
  color: var(--lm-fontColor);
}
.content-text[data-expansionid="32048"] #pagecontent aside.quote.quote::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bg-paper);
  background-size: cover;
  -webkit-filter: grayscale(70%) brightness(80%) contrast(200%);
          filter: grayscale(70%) brightness(80%) contrast(200%);
  clip-path: polygon(1.25% 1%, 7% 1%, 16% 2%, 22.75% 0.75%, 38.5% 0.5%, 45% 0%, 48% 0%, 50% 2%, 53% 0%, 58% 2%, 61% 0%, 68.5% 0%, 79% 0%, 89% 0%, 100% 0%, 100% 7%, 100% 10.5%, 100% 21%, 100% 34%, 99.5% 52%, 99.5% 59.5%, 100% 64%, 100% 79%, 100% 90%, 99.75% 99.73%, 95% 99%, 92% 99%, 89% 100%, 72% 100%, 62% 100%, 59% 99%, 49% 100%, 43% 100%, 25% 99%, 19% 99%, 0.25% 98.49%, 0% 6%, 0% 3%);
  z-index: -1;
}
.content-text[data-expansionid="32048"] #pagecontent aside.quote.quote::after {
  content: "";
  position: absolute;
  inset: 1em;
  border: 2px solid var(--col-purple);
  opacity: 0.2;
  -webkit-mask-image: conic-gradient(from 0deg, transparent 70deg, black 80deg, transparent 85deg, transparent 95deg, black 100deg, transparent 110deg, transparent 250deg, black 260deg, transparent 265deg, transparent 275deg, black 280deg, transparent 290deg);
          mask-image: conic-gradient(from 0deg, transparent 70deg, black 80deg, transparent 85deg, transparent 95deg, black 100deg, transparent 110deg, transparent 250deg, black 260deg, transparent 265deg, transparent 275deg, black 280deg, transparent 290deg);
}
.content-text[data-expansionid="32048"] #pagecontent aside.quote.quote span {
  display: block;
  text-align: center;
  font-family: var(--fontMain);
}
.content-text[data-expansionid="32048"] #pagecontent aside h2 {
  font-size: 1em;
  text-align: center;
}
.content-text[data-expansionid="32048"] #pagecontent .statblock {
  container-type: inline-size;
  position: relative;
  -webkit-columns: 28em;
     -moz-columns: 28em;
          columns: 28em;
  gap: 0.5em;
  margin: 1em 0;
  background: -webkit-gradient(linear, left top, right top, from(color-mix(in lab, transparent 50%, #f3ff4c 10%)), to(color-mix(in lab, transparent 50%, #a074f1 10%))), var(--img-wave), -webkit-gradient(linear, left top, right top, from(color-mix(in lab, transparent 50%, rgba(134, 134, 134, 0.4666666667) 40%)), to(color-mix(in lab, transparent 50%, rgba(134, 134, 134, 0.4666666667) 40%))), -webkit-gradient(linear, left top, right top, from(var(--altColor)), to(var(--altColor)));
  background: linear-gradient(to right, color-mix(in lab, transparent 50%, #f3ff4c 10%), color-mix(in lab, transparent 50%, #a074f1 10%)), var(--img-wave), linear-gradient(to right, color-mix(in lab, transparent 50%, rgba(134, 134, 134, 0.4666666667) 40%), color-mix(in lab, transparent 50%, rgba(134, 134, 134, 0.4666666667) 40%)), linear-gradient(to right, var(--altColor), var(--altColor));
  background-size: auto, 50em, auto;
  background-blend-mode: screen, overlay, screen, normal;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2);
  padding: 2em 1em;
}
.content-text[data-expansionid="32048"] #pagecontent .statblock h2 {
  margin-top: 0;
  font-size: 1.5em;
  color: var(--col-green);
}
.content-text[data-expansionid="32048"] #pagecontent .statblock h3 {
  font-size: 1em;
}
.content-text[data-expansionid="32048"] #pagecontent .statblock em {
  font-style: italic;
  font-weight: bold;
}
.content-text[data-expansionid="32048"] #pagecontent .statblock table.attributes {
  width: 100%;
}
.content-text[data-expansionid="32048"] #pagecontent .statblock table.attributes tr, .content-text[data-expansionid="32048"] #pagecontent .statblock table.attributes th {
  background: unset;
  font-weight: normal;
  text-align: center;
  color: var(--col-purple);
}
.content-text[data-expansionid="32048"] #pagecontent .statblock table.attributes tr td, .content-text[data-expansionid="32048"] #pagecontent .statblock table.attributes th td {
  border: unset;
  color: var(--col-purple);
  font-weight: bold;
  font-size: 1.1em;
  padding: 0 !important;
}
.content-text[data-expansionid="32048"] #pagecontent .statblock .purple {
  color: var(--col-purple);
}
.content-text[data-expansionid="32048"] #pagecontent .statblock dl:has(em) {
  margin-left: 1em;
}
.content-text[data-expansionid="32048"] #pagecontent .statblock::before, .content-text[data-expansionid="32048"] #pagecontent .statblock::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0.5em;
  background: var(--img-header);
  background-size: auto 200%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 2px;
  border-width: 0 0 1px 0;
  mix-blend-mode: var(--blend);
}
.content-text[data-expansionid="32048"] #pagecontent .statblock::before {
  top: 0;
}
.content-text[data-expansionid="32048"] #pagecontent .statblock::after {
  bottom: 0;
  rotate: 180deg;
}
.content-text[data-expansionid="32048"] #pagecontent ol {
  padding-left: 1.75em;
}
.content-text[data-expansionid="32048"] #pagecontent ol li {
  counter-increment: list-item;
  margin-bottom: 0.5em;
  list-style-type: none;
  position: relative;
  padding-left: 0.5em;
}
.content-text[data-expansionid="32048"] #pagecontent ol li::marker {
  content: counter(list-item) " ";
  width: 2ch;
  text-align: center;
}
.content-text[data-expansionid="32048"] #pagecontent ul {
  padding-left: 1em;
  margin-bottom: 1em;
}
.content-text[data-expansionid="32048"] #pagecontent ul li::marker {
  color: #89448b;
}
.content-text[data-expansionid="32048"] #pagecontent li {
  margin-bottom: 0.25em;
}
.content-text[data-expansionid="32048"] #pagecontent blockquote {
  background: var(--altColor);
  color: var(--lm-fontColor);
  font-style: italic;
  padding: 1em 2em;
  border: 2px solid var(--col-purple);
  border-width: 0 2px;
}
.content-text[data-expansionid="32048"] #pagecontent blockquote::after {
  padding-left: 20%;
  content: "-" attr(cite);
  font-style: normal;
  display: block;
  text-align: right;
  margin-top: 0.5em;
}
.content-text[data-expansionid="32048"] #pagecontent blockquote.hero {
  all: unset;
  display: block;
  max-width: 70%;
  font-style: italic;
  border: unset;
  margin: 2em auto;
}
.content-text[data-expansionid="32048"] #pagecontent blockquote.hero::after {
  padding-left: 20%;
  content: "-" attr(cite);
  font-style: normal;
  display: block;
  text-align: right;
  margin-top: 0.5em;
}
.content-text[data-expansionid="32048"] #pagecontent .edge_image {
  --__inset: 20%;
  background-size: cover;
  background-position: -30% 0;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
          mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
  width: 50%;
  aspect-ratio: 1000/2048;
  shape-outside: polygon(var(--__inset) 0, 100% 0, 100% 100%, var(--__inset) 100%);
  float: right;
  position: relative;
  right: -48px;
}
.content-text[data-expansionid="32048"] #pagecontent .edge_image.__left {
  float: left;
  right: unset;
  left: -48px;
  shape-outside: polygon(0 0, calc(100% - var(--__inset)) 0, calc(100% - var(--__inset)) 100%, 0 100%);
}
.content-text[data-expansionid="32048"] #pagecontent .edge_image::after {
  position: absolute;
  content: attr(data-caption);
  max-width: 20ch;
  text-align: center;
  line-height: 1;
  opacity: 50%;
  font-size: 0.8em;
  bottom: 1ch;
  right: calc(50% - var(--__inset) / 2);
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.content-text[data-expansionid="32048"] #pagecontent img.backdrop {
  position: fixed;
  content: "";
  height: 100%;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, black), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to right, black 25%, transparent 75%);
          mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, black), color-stop(75%, transparent));
          mask-image: linear-gradient(to right, black 25%, transparent 75%);
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.content-text[data-expansionid="32048"] #pagecontent img.backdrop.__right {
  -o-object-position: right;
     object-position: right;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to left, black 25%, transparent 75%);
          mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
          mask-image: linear-gradient(to left, black 25%, transparent 75%);
  left: unset;
  right: 0;
}
.content-text[data-expansionid="32048"] #pagecontent .artblock {
  position: relative;
  container-type: inline-size;
  mix-blend-mode: darken;
}
.content-text[data-expansionid="32048"] #pagecontent .artblock > img {
  display: none;
}
@supports (container-type: inline-size) {
  .content-text[data-expansionid="32048"] #pagecontent .artblock > img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
  }
}
.content-text[data-expansionid="32048"] #pagecontent .artblock > div {
  padding: 1em;
}
.content-text[data-expansionid="32048"] #pagecontent .slanttext {
  position: relative;
  text-justify: inter-word;
  --_slant: 3em;
}
.content-text[data-expansionid="32048"] #pagecontent .slanttext > div::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: left;
  shape-outside: polygon(0 0, var(--_slant) 0, 100% 0, calc(100% - var(--_slant)) 100%, 0 100%);
}
.content-text[data-expansionid="32048"] #pagecontent .slanttext > div > p::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: right;
  shape-outside: polygon(100% 0, 100% 100%, var(--_slant) 100%, 0 100%);
}
.content-text[data-expansionid="32048"] #pagecontent .toc {
  -webkit-columns: 300px;
     -moz-columns: 300px;
          columns: 300px;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  padding: 2em;
}
.content-text[data-expansionid="32048"] #pagecontent .toc h1, .content-text[data-expansionid="32048"] #pagecontent .toc h2, .content-text[data-expansionid="32048"] #pagecontent .toc h3 {
  font-family: var(--fontHeader);
  font-weight: bold;
  margin: 0.5em 0;
  text-align: left;
  font-size: 1em;
  color: var(--lm-fontColor);
}
.content-text[data-expansionid="32048"] #pagecontent .toc h1 {
  font-size: 1.25em;
  line-height: normal;
  border-bottom: 2px dotted;
}
.content-text[data-expansionid="32048"] #pagecontent .toc h2 {
  background: none;
}
.content-text[data-expansionid="32048"] #pagecontent .toc h2 a {
  color: inherit;
}
.content-text[data-expansionid="32048"] #pagecontent .toc h3 {
  text-indent: 1em;
  font-weight: normal;
}
.content-text[data-expansionid="32048"] #pagecontent .toc h3 a {
  border: none;
}
.content-text[data-expansionid="32048"] #pagecontent .toc a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-text[data-expansionid="32048"] #pagecontent .toc a:hover {
  color: var(--accent);
  border-bottom: 2px solid;
}
.content-text[data-expansionid="32048"] #pagecontent .toc img {
  position: fixed;
  inset: 0;
  z-index: -1;
}

html:has(.content-text[data-expansionid="32048"]) .primarycontentcontainer {
  --parchmentColor: #e9e3dc;
  --tone: hsl(19, 30%, 36%);
  --dieTextColor: white;
  --lm-fontColor: hsl(50, 20%, 5%);
  --dm-fontColor: white;
  --dm-backColor: var(--dark-surface2);
  --fontColor: var(--lm-fontColor);
  --altColor: var(--dm-fontColor);
  --col-green: #2d6463;
  --col-purple: #491b4a;
  --blend: multiply;
  --fontMain: "Kreon", serif;
  --fontHeaderSC: "Spectral SC", serif;
  --fontHeader: "Spectral", serif;
  --fontScript: "Carattere", cursive;
  --fontSystem: "Alegreya Sans", sans-serif;
  --fontSystemSC: "Alegreya Sans SC", sans-serif;
  --fontIcon: "Material Symbols Outlined", "Material Icons", "Material Design Icons", "Font Awesome 5 Free";
  --img-fancy-purple: url("https://files.d20.io/images/399592562/7K6BuaRF_6IWoLTx7mPhjQ/original.png?1720134458");
  --img-fancy-red: url("https://files.d20.io/images/399594674/BB3IusLOY1OgHk7OE5begg/original.png?1720135825");
  --img-divider: url("https://files.d20.io/images/399592547/7ioeVcHnhVr--quvTdUyQw/original.png?1720134453");
  --img-divider-long: url("https://files.d20.io/images/399592549/7EaSLIqkUiUdKoElFyvNYw/original.png?1720134453");
  --img-header: url("https://files.d20.io/images/399592548/ftb00tQM6nweVmglRLcMcg/original.png?1720134453");
  --img-wave: url("https://files.d20.io/images/399592553/Z0b1CFewkNT-TORAiBysUw/original.png?1720134454");
  --img-spinner: url("https://files.d20.io/images/416797390/c39i3A-PJgMAPyGe97LgBg/med.png?1731130097");
  --bg-paper: url("https://files.d20.io/images/399592558/NcwA2c-nvCmj_nWUqksV1g/original.png?1720134456");
  --bg-parchment: url("https://files.d20.io/images/416797161/4N8zqVb2Z7AkaA2xkGA0gw/original.gif?1731129896");
  background: var(--bg-parchment);
}
html:has(.content-text[data-expansionid="32048"]) .primarycontentcontainer .content-text {
  background: hsla(0, 0%, 100%, 0.8);
  font-size: 16px;
  color: var(--fontColor);
  overflow: hidden;
  border: 4px double var(--col-green);
  outline: 2px solid var(--col-green);
  padding: 1em;
}
html:has(.content-text[data-expansionid="32048"]) .primarycontentcontainer .content-text p {
  color: var(--fontColor);
}
html:has(.content-text[data-expansionid="32048"]) .primarycontentcontainer .row:has(.backdrop) {
  background: unset;
}
html:has(.content-text[data-expansionid="32048"]) .primarycontentcontainer .col-md-4.toccol {
  display: none;
}
html:has(.content-text[data-expansionid="32048"]) .primarycontentcontainer .col-md-8:has(.content-text[data-expansionid="32048"]) {
  width: 100%;
}

html[data-theme=dark]:has(.content-text[data-expansionid="32048"]) .primarycontentcontainer {
  --col-green: #2e7e7c;
  --col-purple: #c976cb;
  --blend: screen;
}
html[data-theme=dark]:has(.content-text[data-expansionid="32048"]) .content-text {
  --fontColor: var(--dm-fontColor);
  --altColor: var(--lm-fontColor);
  background: hsla(0, 0%, 0%, 0.8);
  border: 4px double var(--dm-fontColor);
  outline: 2px solid var(--dm-fontColor);
}
html[data-theme=dark]:has(.content-text[data-expansionid="32048"]) #pagecontent {
  color: var(--dm-fontColor);
}
html[data-theme=dark]:has(.content-text[data-expansionid="32048"]) #pagecontent p {
  color: var(--dm-fontColor);
}

/* Vaesen */

.content-text[data-bookid=Vaesen] #pagecontent {
  font-family: var(--fontMain);
}
.content-text[data-bookid=Vaesen] #pagecontent p {
  font-family: var(--fontMain);
  margin-bottom: unset;
}
.content-text[data-bookid=Vaesen] #pagecontent p + * {
  margin-top: 1em;
}
.content-text[data-bookid=Vaesen] #pagecontent p + ul, .content-text[data-bookid=Vaesen] #pagecontent p + ol {
  margin-top: 0;
}
.content-text[data-bookid=Vaesen] #pagecontent p + p {
  text-indent: 1em;
}
.content-text[data-bookid=Vaesen] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-bookid=Vaesen] #pagecontent ::-webkit-scrollbar-track {
  background: var(--lm-fontColor);
}
.content-text[data-bookid=Vaesen] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--col-purple);
}
.content-text[data-bookid=Vaesen] #pagecontent pre {
  margin: 3rem 0;
}
.content-text[data-bookid=Vaesen] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-bookid=Vaesen] #pagecontent :where(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  mix-blend-mode: darken;
}
.content-text[data-bookid=Vaesen] #pagecontent :where(img).spot {
  shape-outside: ellipse(50% 50%);
  float: right;
}
.content-text[data-bookid=Vaesen] #pagecontent *:has(img.background) {
  position: relative;
  z-index: 1;
}
.content-text[data-bookid=Vaesen] #pagecontent img.background {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
}
.content-text[data-bookid=Vaesen] #pagecontent dt {
  font-family: var(--fontSystem);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.7em;
  display: inline;
}
.content-text[data-bookid=Vaesen] #pagecontent p:has(strong) {
  text-indent: 0;
}
.content-text[data-bookid=Vaesen] #pagecontent :where(dl) {
  margin: 0;
}
.content-text[data-bookid=Vaesen] #pagecontent dl {
  margin-left: 2em;
  text-indent: -1em;
}
.content-text[data-bookid=Vaesen] #pagecontent dd {
  display: inline;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.content-text[data-bookid=Vaesen] #pagecontent h1, .content-text[data-bookid=Vaesen] #pagecontent h2, .content-text[data-bookid=Vaesen] #pagecontent h3, .content-text[data-bookid=Vaesen] #pagecontent h4, .content-text[data-bookid=Vaesen] #pagecontent h5 {
  color: var(--lm-deep);
  line-height: 1;
  text-align: center;
}
.content-text[data-bookid=Vaesen] #pagecontent h1 {
  font-family: var(--fontHeader);
  font-size: 4em;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  z-index: 0;
  position: relative;
}
.content-text[data-bookid=Vaesen] #pagecontent h1 span {
  display: block;
  font-family: var(--fontScript);
  font-weight: normal;
  text-transform: none;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  line-height: 1.5;
}
.content-text[data-bookid=Vaesen] #pagecontent h1::before {
  content: "";
  position: absolute;
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: center;
  -ms-grid-column-align: center;
  place-self: center;
  inset: 0;
  width: 50%;
  aspect-ratio: 1;
  opacity: 0.2;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent));
  -webkit-mask-image: linear-gradient(to bottom, black, transparent);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent));
          mask-image: linear-gradient(to bottom, black, transparent);
  z-index: -1;
  pointer-events: none;
  background: var(--img-spinner);
}
.content-text[data-bookid=Vaesen] #pagecontent h2 {
  font-family: var(--fontHeader);
  margin-bottom: 0.2em;
  font-size: 3em;
  font-weight: bold;
  text-transform: uppercase;
}
.content-text[data-bookid=Vaesen] #pagecontent h3 {
  margin-bottom: 0.2em;
  font-family: var(--fontMain);
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;
  border: 1px solid var(--col-green);
  border-width: 0 0 1px 0;
}
.content-text[data-bookid=Vaesen] #pagecontent h4 {
  margin-bottom: 0;
  font-family: var(--fontMain);
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.content-text[data-bookid=Vaesen] #pagecontent h5 {
  margin: 0.5em 0;
  font-family: var(--fontMain);
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
}
.content-text[data-bookid=Vaesen] #pagecontent :is(h2, h3, h4, h5) span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-bookid=Vaesen] #pagecontent .uppercase {
  text-transform: uppercase;
  font-size: 0.8em;
}
.content-text[data-bookid=Vaesen] #pagecontent hr {
  border: none;
  background: var(--img-divider);
  background-size: 400px 9px;
  height: 0.5em;
}
.content-text[data-bookid=Vaesen] #pagecontent .columns {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.content-text[data-bookid=Vaesen] #pagecontent .columns table {
  width: 100%;
}
.content-text[data-bookid=Vaesen] #pagecontent caption, .content-text[data-bookid=Vaesen] #pagecontent .caption {
  font-family: var(--fontSystem);
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
  color: var(--fontColor);
  text-align: center;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-bookid=Vaesen] #pagecontent table {
  min-width: 50%;
  font-family: var(--fontSystem);
  font-size: 0.8em !important;
  width: 100%;
  color: var(--fontColor);
  border: unset;
  border-collapse: separate;
}
.content-text[data-bookid=Vaesen] #pagecontent table tbody tr:nth-child(odd) {
  --__trans: 0.2;
  background: color-mix(in lab, var(--lm-deep) 15%, transparent 80%);
}
.content-text[data-bookid=Vaesen] #pagecontent table th {
  font-weight: bold;
  font-size: 0.7em;
  text-transform: uppercase;
}
.content-text[data-bookid=Vaesen] #pagecontent table th {
  padding: 0 5px;
  font-family: var(--fontSystem);
  border-bottom: 1px solid var(--lm-deep);
}
.content-text[data-bookid=Vaesen] #pagecontent table tr td {
  border: unset;
  border-bottom: 1px solid var(--lm-deep);
}
.content-text[data-bookid=Vaesen] #pagecontent table tr:last-of-type td {
  border-bottom: unset;
}
.content-text[data-bookid=Vaesen] #pagecontent table tbody td {
  border-image-source: var(--internalBorder);
}
.content-text[data-bookid=Vaesen] #pagecontent table[class*=center] td {
  text-align: left;
}
.content-text[data-bookid=Vaesen] #pagecontent table[class*=center][class*="1"] :is(td:nth-of-type(1), th:nth-of-type(1)) {
  text-align: center;
}
.content-text[data-bookid=Vaesen] #pagecontent table[class*=center][class*="2"] :is(td:nth-of-type(2), th:nth-of-type(2)) {
  text-align: center;
}
.content-text[data-bookid=Vaesen] #pagecontent table[class*=center][class*="3"] :is(td:nth-of-type(3), th:nth-of-type(3)) {
  text-align: center;
}
.content-text[data-bookid=Vaesen] #pagecontent table[class*=center][class*="4"] :is(td:nth-of-type(4), th:nth-of-type(4)) {
  text-align: center;
}
.content-text[data-bookid=Vaesen] #pagecontent table[class*=center][class*="5"] :is(td:nth-of-type(5), th:nth-of-type(5)) {
  text-align: center;
}
.content-text[data-bookid=Vaesen] #pagecontent table[class*=center][class*="6"] :is(td:nth-of-type(6), th:nth-of-type(6)) {
  text-align: center;
}
.content-text[data-bookid=Vaesen] #pagecontent table[class*=center][class*="7"] :is(td:nth-of-type(7), th:nth-of-type(7)) {
  text-align: center;
}
.content-text[data-bookid=Vaesen] #pagecontent table[class*=center][class*="8"] :is(td:nth-of-type(8), th:nth-of-type(8)) {
  text-align: center;
}
.content-text[data-bookid=Vaesen] #pagecontent table[class*=center][class*="9"] :is(td:nth-of-type(9), th:nth-of-type(9)) {
  text-align: center;
}
.content-text[data-bookid=Vaesen] #pagecontent table[class=center] td {
  text-align: center;
}
.content-text[data-bookid=Vaesen] #pagecontent aside {
  --_margin: 1em;
  border: 5px solid black;
  -o-border-image: var(--border-spiral) 80;
     border-image: var(--border-spiral) 80;
  border-image-width: 3em;
  border-image-outset: 0.5em;
  font-family: var(--fontSystem);
  padding: 1em 1em 0.5em 1em;
  margin: 2em 0;
  background: none;
}
.content-text[data-bookid=Vaesen] #pagecontent aside td {
  padding: 0 5px;
}
.content-text[data-bookid=Vaesen] #pagecontent aside h1, .content-text[data-bookid=Vaesen] #pagecontent aside h2, .content-text[data-bookid=Vaesen] #pagecontent aside h3, .content-text[data-bookid=Vaesen] #pagecontent aside h4, .content-text[data-bookid=Vaesen] #pagecontent aside h5 {
  font-family: var(--fontSystem);
  color: var(--fontColor);
  margin-bottom: 1em;
}
.content-text[data-bookid=Vaesen] #pagecontent aside.example {
  all: unset;
  display: block;
  border: 2px solid var(--lm-deep);
  border-width: 0 2px;
  padding: 0 1em;
}
.content-text[data-bookid=Vaesen] #pagecontent aside.example p {
  text-indent: 0;
}
.content-text[data-bookid=Vaesen] #pagecontent aside.block {
  all: unset;
  border: 2px solid black;
  -o-border-image: var(--border-line) 80;
     border-image: var(--border-line) 80;
  border-image-width: 4em;
  display: block;
  padding: 1.5em;
  margin: 2em 0;
  background: color-mix(in srgb, var(--lm-deep) 15%, transparent 60%);
  -webkit-box-shadow: 0.2em 0.2em 0.2em color-mix(in srgb, var(--lm-deep) 50%, transparent 60%);
          box-shadow: 0.2em 0.2em 0.2em color-mix(in srgb, var(--lm-deep) 50%, transparent 60%);
}
.content-text[data-bookid=Vaesen] #pagecontent aside.block blockquote {
  font-style: normal;
  font-weight: bold;
}
.content-text[data-bookid=Vaesen] #pagecontent aside.block blockquote.center {
  text-align: center;
  line-height: 2;
  font-size: 1.2em;
  text-wrap: balance;
}
.content-text[data-bookid=Vaesen] #pagecontent aside.block blockquote.center::after {
  text-align: center;
  padding-left: 0;
}
.content-text[data-bookid=Vaesen] #pagecontent .statblock {
  container-type: inline-size;
  position: relative;
  -webkit-columns: 28em;
     -moz-columns: 28em;
          columns: 28em;
  gap: 0.5em;
  margin: 1em 0;
  background: -webkit-gradient(linear, left top, right top, from(color-mix(in lab, transparent 50%, #f3ff4c 10%)), to(color-mix(in lab, transparent 50%, #a074f1 10%))), var(--img-wave), -webkit-gradient(linear, left top, right top, from(color-mix(in lab, transparent 50%, rgba(134, 134, 134, 0.4666666667) 40%)), to(color-mix(in lab, transparent 50%, rgba(134, 134, 134, 0.4666666667) 40%))), -webkit-gradient(linear, left top, right top, from(var(--altColor)), to(var(--altColor)));
  background: linear-gradient(to right, color-mix(in lab, transparent 50%, #f3ff4c 10%), color-mix(in lab, transparent 50%, #a074f1 10%)), var(--img-wave), linear-gradient(to right, color-mix(in lab, transparent 50%, rgba(134, 134, 134, 0.4666666667) 40%), color-mix(in lab, transparent 50%, rgba(134, 134, 134, 0.4666666667) 40%)), linear-gradient(to right, var(--altColor), var(--altColor));
  background-size: auto, 50em, auto;
  background-blend-mode: screen, overlay, screen, normal;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2);
  padding: 2em 1em;
}
.content-text[data-bookid=Vaesen] #pagecontent .statblock h2 {
  margin-top: 0;
  font-size: 1.5em;
  color: var(--col-green);
}
.content-text[data-bookid=Vaesen] #pagecontent .statblock h3 {
  font-size: 1em;
}
.content-text[data-bookid=Vaesen] #pagecontent .statblock em {
  font-style: italic;
  font-weight: bold;
}
.content-text[data-bookid=Vaesen] #pagecontent .statblock table.attributes {
  width: 100%;
}
.content-text[data-bookid=Vaesen] #pagecontent .statblock table.attributes tr, .content-text[data-bookid=Vaesen] #pagecontent .statblock table.attributes th {
  background: unset;
  font-weight: normal;
  text-align: center;
  color: var(--col-purple);
}
.content-text[data-bookid=Vaesen] #pagecontent .statblock table.attributes tr td, .content-text[data-bookid=Vaesen] #pagecontent .statblock table.attributes th td {
  border: unset;
  color: var(--col-purple);
  font-weight: bold;
  font-size: 1.1em;
  padding: 0 !important;
}
.content-text[data-bookid=Vaesen] #pagecontent .statblock dl:has(em) {
  margin-left: 1em;
}
.content-text[data-bookid=Vaesen] #pagecontent .statblock::before, .content-text[data-bookid=Vaesen] #pagecontent .statblock::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0.5em;
  background: var(--img-header);
  background-size: auto 200%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 2px;
  border-width: 0 0 1px 0;
  mix-blend-mode: var(--blend);
}
.content-text[data-bookid=Vaesen] #pagecontent .statblock::before {
  top: 0;
}
.content-text[data-bookid=Vaesen] #pagecontent .statblock::after {
  bottom: 0;
  rotate: 180deg;
}
.content-text[data-bookid=Vaesen] #pagecontent ol {
  padding-left: 1.75em;
}
.content-text[data-bookid=Vaesen] #pagecontent ol li {
  counter-increment: list-item;
  list-style-type: none;
  position: relative;
  padding-left: 0.5em;
}
.content-text[data-bookid=Vaesen] #pagecontent ol li::marker {
  content: counter(list-item) " ";
  width: 2ch;
  text-align: center;
}
.content-text[data-bookid=Vaesen] #pagecontent ul {
  padding-left: 0.7em;
  margin-bottom: 1em;
}
.content-text[data-bookid=Vaesen] #pagecontent ul li {
  padding-left: 1em;
}
.content-text[data-bookid=Vaesen] #pagecontent ul li::marker {
  color: var(--lm-deep);
  content: "⬖";
  font-size: 0.8em;
  padding-right: 1em;
}
.content-text[data-bookid=Vaesen] #pagecontent ul.checklist li {
  padding-left: 0.5em;
}
.content-text[data-bookid=Vaesen] #pagecontent ul.checklist li::marker {
  content: "□";
  font-size: 1.5em;
}
.content-text[data-bookid=Vaesen] #pagecontent blockquote {
  color: var(--lm-deep);
  font-style: italic;
  padding: 0;
  border: unset;
}
.content-text[data-bookid=Vaesen] #pagecontent blockquote[cite]::after {
  padding-left: 20%;
  content: "-" attr(cite);
  font-style: normal;
  font-size: 0.7em;
  display: block;
  text-align: right;
  margin-top: 0.5em;
}
.content-text[data-bookid=Vaesen] #pagecontent .script {
  font-family: var(--fontScript);
  font-style: normal;
  font-size: 1.2em;
  padding: 1em 2em;
}
.content-text[data-bookid=Vaesen] #pagecontent .script::after {
  font-size: 1em;
}
.content-text[data-bookid=Vaesen] #pagecontent .edge_image {
  --__inset: 20%;
  background-size: cover;
  background-position: -30% 0;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
          mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
  width: 50%;
  aspect-ratio: 1000/2048;
  shape-outside: polygon(var(--__inset) 0, 100% 0, 100% 100%, var(--__inset) 100%);
  float: right;
  position: relative;
  right: -48px;
}
.content-text[data-bookid=Vaesen] #pagecontent .edge_image.__left {
  float: left;
  right: unset;
  left: -48px;
  shape-outside: polygon(0 0, calc(100% - var(--__inset)) 0, calc(100% - var(--__inset)) 100%, 0 100%);
}
.content-text[data-bookid=Vaesen] #pagecontent .edge_image::after {
  position: absolute;
  content: attr(data-caption);
  max-width: 20ch;
  text-align: center;
  line-height: 1;
  opacity: 50%;
  font-size: 0.8em;
  bottom: 1ch;
  right: calc(50% - var(--__inset) / 2);
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.content-text[data-bookid=Vaesen] #pagecontent img.backdrop {
  position: fixed;
  content: "";
  height: 100%;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, black), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to right, black 25%, transparent 75%);
          mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, black), color-stop(75%, transparent));
          mask-image: linear-gradient(to right, black 25%, transparent 75%);
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.content-text[data-bookid=Vaesen] #pagecontent img.backdrop.__right {
  -o-object-position: right;
     object-position: right;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to left, black 25%, transparent 75%);
          mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
          mask-image: linear-gradient(to left, black 25%, transparent 75%);
  left: unset;
  right: 0;
}
.content-text[data-bookid=Vaesen] #pagecontent img.red {
  -webkit-filter: contrast(0.5) sepia(1) brightness(1.3) saturate(3) hue-rotate(-50deg);
          filter: contrast(0.5) sepia(1) brightness(1.3) saturate(3) hue-rotate(-50deg);
}
.content-text[data-bookid=Vaesen] #pagecontent .artblock {
  position: relative;
  container-type: inline-size;
  mix-blend-mode: darken;
}
.content-text[data-bookid=Vaesen] #pagecontent .artblock > img {
  display: none;
}
@supports (container-type: inline-size) {
  .content-text[data-bookid=Vaesen] #pagecontent .artblock > img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
  }
}
.content-text[data-bookid=Vaesen] #pagecontent .artblock > div {
  padding: 1em;
}
.content-text[data-bookid=Vaesen] #pagecontent .slanttext {
  position: relative;
  text-justify: inter-word;
  --_slant: 3em;
}
.content-text[data-bookid=Vaesen] #pagecontent .slanttext > div::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: left;
  shape-outside: polygon(0 0, var(--_slant) 0, 100% 0, calc(100% - var(--_slant)) 100%, 0 100%);
}
.content-text[data-bookid=Vaesen] #pagecontent .slanttext > div > p::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: right;
  shape-outside: polygon(100% 0, 100% 100%, var(--_slant) 100%, 0 100%);
}
.content-text[data-bookid=Vaesen] #pagecontent .toc {
  -webkit-columns: 300px;
     -moz-columns: 300px;
          columns: 300px;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  padding: 2em;
}
.content-text[data-bookid=Vaesen] #pagecontent .toc h1, .content-text[data-bookid=Vaesen] #pagecontent .toc h2, .content-text[data-bookid=Vaesen] #pagecontent .toc h3 {
  font-family: var(--fontHeader);
  font-weight: bold;
  margin: 0.5em 0;
  text-align: left;
  font-size: 1em;
  color: var(--lm-fontColor);
}
.content-text[data-bookid=Vaesen] #pagecontent .toc h1 {
  font-size: 1.25em;
  line-height: normal;
  border-bottom: 2px dotted;
}
.content-text[data-bookid=Vaesen] #pagecontent .toc h2 {
  background: none;
}
.content-text[data-bookid=Vaesen] #pagecontent .toc h2 a {
  color: inherit;
}
.content-text[data-bookid=Vaesen] #pagecontent .toc h3 {
  text-indent: 1em;
  font-weight: normal;
}
.content-text[data-bookid=Vaesen] #pagecontent .toc h3 a {
  border: none;
}
.content-text[data-bookid=Vaesen] #pagecontent .toc a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-text[data-bookid=Vaesen] #pagecontent .toc a:hover {
  color: var(--accent);
  border-bottom: 2px solid;
}
.content-text[data-bookid=Vaesen] #pagecontent .toc img {
  position: fixed;
  inset: 0;
  z-index: -1;
}

html:has(.content-text[data-bookid=Vaesen]) .primarycontentcontainer {
  --lm-fontColor: hsl(34, 32%, 14%);
  --dm-fontColor: #e9e3dc;
  --lm-backColor: hsl(45, 14%, 95%);
  --dm-backColor: var(--dark-surface2);
  --fontColor: var(--lm-fontColor);
  --altColor: var(--dm-fontColor);
  --blend: multiply;
  --__trans: 1;
  --lm-deep: hsl(37, 55%, 25%, var(--__trans));
  --fontMain: "Sorts Mill Goudy", serif;
  --fontHeader: "Crushed", serif;
  --fontScript: "La Belle Aurore", cursive;
  --fontSystem: "Josefin Sans", sans-serif;
  --fontIcon: "Material Symbols Outlined", "Material Icons", "Material Design Icons", "Font Awesome 5 Free";
  --border-line: url(https://files.d20.io/images/354260458/QSLIwKH8i0rWtAfvzvyYTw/med.gif?1691796099);
  --border-spiral: url(https://files.d20.io/images/420863867/6UVTvRhZBYXx-UwJPmIShA/max.png?1734038179);
  --dm-border-spiral: url(https://files.d20.io/images/420864068/fcCMyDVSg_2ZTGAgf1Mxjg/max.png?1734038320);
  --dm-border-line: url(https://files.d20.io/images/354161251/1GHDY8-5xfu2btEVIRXDpg/med.png?1691724679);
  --dm-line: url(https://files.d20.io/images/354134034/iCKf8NbpzY-F9Ki6IrQ0_Q/max.png?1691710222);
}
html:has(.content-text[data-bookid=Vaesen]) .primarycontentcontainer .content-text {
  background: var(--lm-backColor);
  font-size: 16px;
  color: var(--fontColor);
  overflow: hidden;
  border: 4px double var(--col-green);
  outline: 2px solid var(--col-green);
  padding: 1em;
}
html:has(.content-text[data-bookid=Vaesen]) .primarycontentcontainer .content-text p {
  color: var(--fontColor);
}
html:has(.content-text[data-bookid=Vaesen]) .primarycontentcontainer .row:has(.backdrop) {
  background: unset;
}
html:has(.content-text[data-bookid=Vaesen]) .primarycontentcontainer .col-md-4.toccol {
  display: none;
}
html:has(.content-text[data-bookid=Vaesen]) .primarycontentcontainer .col-md-8:has(.content-text[data-bookid=aetheric]) {
  width: 100%;
}

/* Discworld */

.content-text[data-expansionid="38083"] #pagecontent {
  font-family: var(--fontMain);
}
.content-text[data-expansionid="38083"] #pagecontent p {
  font-family: var(--fontMain);
  margin-bottom: unset;
}
.content-text[data-expansionid="38083"] #pagecontent p + * {
  margin-top: 1em;
}
.content-text[data-expansionid="38083"] #pagecontent p + ul, .content-text[data-expansionid="38083"] #pagecontent p + ol {
  margin-top: 0;
}
.content-text[data-expansionid="38083"] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-expansionid="38083"] #pagecontent ::-webkit-scrollbar-track {
  background: var(--lm-fontColor);
}
.content-text[data-expansionid="38083"] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--col-purple);
}
.content-text[data-expansionid="38083"] #pagecontent pre {
  margin: 3rem 0;
}
.content-text[data-expansionid="38083"] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-expansionid="38083"] #pagecontent :where(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  mix-blend-mode: darken;
}
.content-text[data-expansionid="38083"] #pagecontent :where(img).spot {
  shape-outside: ellipse(50% 50%);
  float: right;
}
.content-text[data-expansionid="38083"] #pagecontent *:has(img.background) {
  position: relative;
  z-index: 1;
}
.content-text[data-expansionid="38083"] #pagecontent img.background {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
}
.content-text[data-expansionid="38083"] #pagecontent img.bleed {
  position: relative;
  --_padding: (48px + 15px);
  width: calc(100% + 126px);
  margin: 0 calc(-1 * var(--_padding));
  max-width: unset;
  mix-blend-mode: initial;
  z-index: 1;
}
.content-text[data-expansionid="38083"] #pagecontent dt {
  display: inline-block;
  color: var(--col-accent2);
}
.content-text[data-expansionid="38083"] #pagecontent p:has(strong) {
  text-indent: 0;
}
.content-text[data-expansionid="38083"] #pagecontent :where(dl) {
  margin: 0;
}
.content-text[data-expansionid="38083"] #pagecontent dl {
  margin-left: 2em;
  text-indent: -1em;
}
.content-text[data-expansionid="38083"] #pagecontent dd {
  display: inline;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.content-text[data-expansionid="38083"] #pagecontent h1, .content-text[data-expansionid="38083"] #pagecontent h2, .content-text[data-expansionid="38083"] #pagecontent h3, .content-text[data-expansionid="38083"] #pagecontent h4, .content-text[data-expansionid="38083"] #pagecontent h5 {
  position: relative;
  font-family: var(--fontHeader);
  color: var(--col-accent);
  line-height: 1;
}
.content-text[data-expansionid="38083"] #pagecontent h1 {
  display: table;
  margin: 0.5em auto;
  padding: 0 1em;
  position: relative;
  font-size: 6em;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}
.content-text[data-expansionid="38083"] #pagecontent h1 span {
  position: relative;
}
.content-text[data-expansionid="38083"] #pagecontent h1 span.underline {
  text-decoration: underline;
}
.content-text[data-expansionid="38083"] #pagecontent h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border: 1px solid var(--col-accent);
  -o-border-image: var(--border-corner) repeat 0 75 75 80;
     border-image: var(--border-corner) repeat 0 75 75 80;
  border-image-width: 0 50px 45px 50px;
}
.content-text[data-expansionid="38083"] #pagecontent h1.contents {
  margin: 0;
  padding: 0 0.5em 0 0.6em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.contents::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.content-text[data-expansionid="38083"] #pagecontent h1.contents span:nth-of-type(1) {
  font-size: 0.6em;
  top: 0.1em;
  vertical-align: super;
  margin: 0 -0.1em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.contents span:nth-of-type(1)::after {
  content: "-";
  display: block;
  position: absolute;
  bottom: -0.3em;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.content-text[data-expansionid="38083"] #pagecontent h1.contents span:nth-of-type(2) {
  font-size: 0.4em;
  margin-left: -0.3em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.contents span:nth-of-type(3) {
  font-size: 0.6em;
  bottom: 0.2em;
  margin-right: -0.3em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.contents span:last-of-type {
  font-size: 0.6em;
  margin-left: -0.2em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.introduction {
  padding: 0 0.5em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.introduction span:nth-of-type(1) {
  font-size: 0.5em;
  bottom: 0.2em;
  margin: 0 -0.3em 0 -0.1em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.introduction span:nth-of-type(2) {
  font-size: 0.7em;
  margin-left: -0.2em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.introduction span:nth-of-type(3) {
  font-size: 0.5em;
  top: -0.7em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.introduction span:nth-of-type(3)::after {
  content: "➵";
  display: block;
  position: absolute;
  font-size: 0.6em;
  bottom: -0.1em;
  left: 20%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  -webkit-transform-origin: center;
          transform-origin: center;
  rotate: 270deg;
}
.content-text[data-expansionid="38083"] #pagecontent h1.introduction span:nth-of-type(4) {
  font-size: 0.5em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  bottom: 0.8em;
  letter-spacing: -2.1em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.introduction span:nth-of-type(5) {
  font-size: 0.5em;
  bottom: 0.3em;
  margin-left: -0.8em;
  margin-right: 0.4em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.playing {
  line-height: 0.8;
  padding: 0.2em 1em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.playing div:nth-of-type(1) {
  font-size: 0.85em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.playing div:nth-of-type(1) span:nth-of-type(1) {
  font-size: 0.6em;
  bottom: 0.3em;
  margin: 0 -0.3em 0 -0.5em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.playing div:nth-of-type(1) span:nth-of-type(2) {
  font-size: 0.6em;
  margin-left: -0.2em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.playing div:nth-of-type(2) {
  position: absolute;
  font-size: 0.2em;
  left: 36%;
  top: 4.5em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.playing div:nth-of-type(2)::after {
  content: "-";
  position: absolute;
  font-size: 2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -0.5em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.playing div:nth-of-type(3) {
  font-size: 1.1em;
}
.content-text[data-expansionid="38083"] #pagecontent h1.playing div:nth-of-type(3) span:nth-of-type(1) {
  font-size: 0.5em;
  margin: 0 0.1em 0 0;
}
.content-text[data-expansionid="38083"] #pagecontent h2 {
  margin-bottom: 0.2em;
  font-size: 3em;
  font-weight: bold;
  text-wrap: balance;
  width: 70%;
  text-indent: -1em;
  margin-left: 1em;
}
.content-text[data-expansionid="38083"] #pagecontent h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  -o-border-image: var(--border-bottom) repeat 24 10;
     border-image: var(--border-bottom) repeat 24 10;
  border-image-outset: 5px;
  border-bottom: 1px solid var(--col-accent);
  border-image-width: 15px;
}
.content-text[data-expansionid="38083"] #pagecontent h3 {
  margin-bottom: 0.2em;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;
}
.content-text[data-expansionid="38083"] #pagecontent h4 {
  font-size: 1.2em;
  font-weight: bold;
  color: var(--col-accent2);
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;
}
.content-text[data-expansionid="38083"] #pagecontent :is(h2, h3, h4, h5) span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-expansionid="38083"] #pagecontent .uppercase {
  text-transform: uppercase;
  font-size: 0.8em;
}
.content-text[data-expansionid="38083"] #pagecontent hr {
  border: none;
  background: var(--img-divider);
  background-size: 400px 9px;
  height: 0.5em;
}
.content-text[data-expansionid="38083"] #pagecontent .columns {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.content-text[data-expansionid="38083"] #pagecontent .columns table {
  width: 100%;
}
.content-text[data-expansionid="38083"] #pagecontent caption, .content-text[data-expansionid="38083"] #pagecontent .caption {
  font-family: var(--fontSystem);
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
  color: var(--fontColor);
  text-align: center;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="38083"] #pagecontent table {
  min-width: 50%;
  font-family: var(--fontSystem);
  color: var(--fontColor);
  border: unset;
  border-collapse: separate;
}
.content-text[data-expansionid="38083"] #pagecontent table tbody tr:nth-child(odd) {
  --__trans: 0.2;
  background: color-mix(in lab, var(--lm-deep) 15%, transparent 80%);
}
.content-text[data-expansionid="38083"] #pagecontent table th {
  font-weight: bold;
  font-size: 0.7em;
  text-transform: uppercase;
}
.content-text[data-expansionid="38083"] #pagecontent table th {
  padding: 0 5px;
  font-family: var(--fontSystem);
  border-bottom: 1px solid var(--lm-deep);
}
.content-text[data-expansionid="38083"] #pagecontent table tr td {
  border: unset;
  border-bottom: 1px solid var(--lm-deep);
}
.content-text[data-expansionid="38083"] #pagecontent table tr:last-of-type td {
  border-bottom: unset;
}
.content-text[data-expansionid="38083"] #pagecontent table tbody td {
  border-image-source: var(--internalBorder);
}
.content-text[data-expansionid="38083"] #pagecontent table[class*=center] td {
  text-align: left;
}
.content-text[data-expansionid="38083"] #pagecontent table[class*=center][class*="1"] :is(td:nth-of-type(1), th:nth-of-type(1)) {
  text-align: center;
}
.content-text[data-expansionid="38083"] #pagecontent table[class*=center][class*="2"] :is(td:nth-of-type(2), th:nth-of-type(2)) {
  text-align: center;
}
.content-text[data-expansionid="38083"] #pagecontent table[class*=center][class*="3"] :is(td:nth-of-type(3), th:nth-of-type(3)) {
  text-align: center;
}
.content-text[data-expansionid="38083"] #pagecontent table[class*=center][class*="4"] :is(td:nth-of-type(4), th:nth-of-type(4)) {
  text-align: center;
}
.content-text[data-expansionid="38083"] #pagecontent table[class*=center][class*="5"] :is(td:nth-of-type(5), th:nth-of-type(5)) {
  text-align: center;
}
.content-text[data-expansionid="38083"] #pagecontent table[class*=center][class*="6"] :is(td:nth-of-type(6), th:nth-of-type(6)) {
  text-align: center;
}
.content-text[data-expansionid="38083"] #pagecontent table[class*=center][class*="7"] :is(td:nth-of-type(7), th:nth-of-type(7)) {
  text-align: center;
}
.content-text[data-expansionid="38083"] #pagecontent table[class*=center][class*="8"] :is(td:nth-of-type(8), th:nth-of-type(8)) {
  text-align: center;
}
.content-text[data-expansionid="38083"] #pagecontent table[class*=center][class*="9"] :is(td:nth-of-type(9), th:nth-of-type(9)) {
  text-align: center;
}
.content-text[data-expansionid="38083"] #pagecontent table[class=center] td {
  text-align: center;
}
.content-text[data-expansionid="38083"] #pagecontent aside {
  --_margin: 1em;
  position: relative;
  font-family: var(--fontMain);
  font-style: italic;
  border: unset;
  padding: 1em 1em 0.5em 1em;
  margin: 2em 0;
  background: none;
  z-index: 1;
}
.content-text[data-expansionid="38083"] #pagecontent aside hr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: -2.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0 auto;
  border: none;
  background: var(--img-aside_center);
  background-size: 200px;
  background-position: top center;
  background-repeat: no-repeat;
  width: 100%;
  height: 3.5em;
}
.content-text[data-expansionid="38083"] #pagecontent aside hr::before, .content-text[data-expansionid="38083"] #pagecontent aside hr::after {
  content: "";
  border: 2px solid var(--col-accent);
  -o-border-image: var(--border-accent) repeat 0 75 56 0;
     border-image: var(--border-accent) repeat 0 75 56 0;
  border-image-width: 0 30px 25px 0;
  display: block;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  height: 2px;
  width: calc(50% - 7em);
}
.content-text[data-expansionid="38083"] #pagecontent aside hr::before {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.content-text[data-expansionid="38083"] #pagecontent aside td {
  padding: 0 5px;
}
.content-text[data-expansionid="38083"] #pagecontent aside h1, .content-text[data-expansionid="38083"] #pagecontent aside h2, .content-text[data-expansionid="38083"] #pagecontent aside h3, .content-text[data-expansionid="38083"] #pagecontent aside h4, .content-text[data-expansionid="38083"] #pagecontent aside h5 {
  color: var(--col-accent2);
  margin: 0;
  text-align: center;
}
.content-text[data-expansionid="38083"] #pagecontent aside::before {
  content: "";
  position: absolute;
  inset: 0.5em;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--col-aside)), to(transparent));
  background-image: linear-gradient(to bottom, var(--col-aside) 0%, transparent 100%);
  -webkit-filter: blur(1em);
          filter: blur(1em);
  opacity: 0.6;
  z-index: -1;
}
.content-text[data-expansionid="38083"] #pagecontent aside.example {
  all: unset;
  display: block;
  border: 2px solid var(--lm-deep);
  border-width: 0 2px;
  padding: 0 1em;
}
.content-text[data-expansionid="38083"] #pagecontent aside.example p {
  text-indent: 0;
}
.content-text[data-expansionid="38083"] #pagecontent aside.block {
  all: unset;
  border: 2px solid black;
  -o-border-image: var(--border-line) 80;
     border-image: var(--border-line) 80;
  border-image-width: 4em;
  display: block;
  padding: 1.5em;
  margin: 2em 0;
  background: color-mix(in srgb, var(--lm-deep) 15%, transparent 60%);
  -webkit-box-shadow: 0.2em 0.2em 0.2em color-mix(in srgb, var(--lm-deep) 50%, transparent 60%);
          box-shadow: 0.2em 0.2em 0.2em color-mix(in srgb, var(--lm-deep) 50%, transparent 60%);
}
.content-text[data-expansionid="38083"] #pagecontent aside.block blockquote {
  font-style: normal;
  font-weight: bold;
}
.content-text[data-expansionid="38083"] #pagecontent aside.block blockquote.center {
  text-align: center;
  line-height: 2;
  font-size: 1.2em;
}
.content-text[data-expansionid="38083"] #pagecontent aside.block blockquote.center::after {
  text-align: center;
  padding-left: 0;
}
.content-text[data-expansionid="38083"] #pagecontent ol {
  padding-left: 1.75em;
  font-family: var(--fontScript);
  font-size: 1.5em;
}
.content-text[data-expansionid="38083"] #pagecontent ol li {
  counter-increment: list-item;
  list-style-type: none;
  position: relative;
  padding-left: 0.5em;
}
.content-text[data-expansionid="38083"] #pagecontent ol li::marker {
  content: counter(list-item) ".";
  width: 2ch;
  text-align: center;
}
.content-text[data-expansionid="38083"] #pagecontent ul {
  padding-left: 0.7em;
  margin-bottom: 1em;
}
.content-text[data-expansionid="38083"] #pagecontent ul li {
  padding-left: 1em;
}
.content-text[data-expansionid="38083"] #pagecontent ul li::marker {
  color: var(--col-accent2);
  content: "◆";
  font-size: 0.8em;
  padding-right: 1em;
}
.content-text[data-expansionid="38083"] #pagecontent ul.checklist li {
  padding-left: 0.5em;
}
.content-text[data-expansionid="38083"] #pagecontent ul.checklist li::marker {
  content: "□";
  font-size: 1.5em;
}
.content-text[data-expansionid="38083"] #pagecontent blockquote {
  --_accent: var(--img-accent-sm);
  container: quote/inline-size;
  position: relative;
  font-family: var(--fontMain);
  font-style: italic;
  font-size: 1em;
  padding: 0;
  padding-left: 3em;
  border: unset;
  line-height: normal;
}
.content-text[data-expansionid="38083"] #pagecontent blockquote[cite]::after {
  padding-left: 20%;
  content: "-" attr(cite);
  font-style: normal;
  font-weight: bold;
  display: block;
  text-align: right;
  margin-top: 0.5em;
}
@container quote (min-height: 1em) {
  .content-text[data-expansionid="38083"] #pagecontent blockquote {
    --_accent: var(--img-accent-lg);
  }
}
.content-text[data-expansionid="38083"] #pagecontent blockquote::before {
  position: absolute;
  display: block;
  content: "";
  background-image: var(--_accent);
  background-size: contain;
  background-repeat: no-repeat;
  width: 3em;
  height: 100%;
  top: 0;
  left: 0;
}
.content-text[data-expansionid="38083"] #pagecontent .script {
  font-family: var(--fontScript);
  font-style: normal;
  font-size: 1.5em;
}
.content-text[data-expansionid="38083"] #pagecontent .script::after {
  font-weight: normal;
}
.content-text[data-expansionid="38083"] #pagecontent .footer {
  --_rotate: -1deg;
  width: 90%;
  margin: 3em 1em 0 auto;
  padding: 0 2em;
  position: relative;
  rotate: var(--_rotate);
}
.content-text[data-expansionid="38083"] #pagecontent .footer > * {
  font-family: var(--fontScript);
  font-size: 1.5em;
  line-height: 1.2;
  opacity: 0.9;
  position: relative;
  z-index: 1;
}
.content-text[data-expansionid="38083"] #pagecontent .footer::before {
  content: "";
  background: var(--img-footer);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: -3em;
  width: 100%;
  aspect-ratio: 1.5/1;
  rotate: calc(-1 * var(--_rotate));
  z-index: -1;
}
.content-text[data-expansionid="38083"] #pagecontent .footnote {
  position: absolute;
  left: -0.5em;
}
.content-text[data-expansionid="38083"] #pagecontent .edge_image {
  --__inset: 20%;
  background-size: cover;
  background-position: -30% 0;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
          mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
  width: 50%;
  aspect-ratio: 1000/2048;
  shape-outside: polygon(var(--__inset) 0, 100% 0, 100% 100%, var(--__inset) 100%);
  float: right;
  position: relative;
  right: -48px;
}
.content-text[data-expansionid="38083"] #pagecontent .edge_image.__left {
  float: left;
  right: unset;
  left: -48px;
  shape-outside: polygon(0 0, calc(100% - var(--__inset)) 0, calc(100% - var(--__inset)) 100%, 0 100%);
}
.content-text[data-expansionid="38083"] #pagecontent .edge_image::after {
  position: absolute;
  content: attr(data-caption);
  max-width: 20ch;
  text-align: center;
  line-height: 1;
  opacity: 50%;
  font-size: 0.8em;
  bottom: 1ch;
  right: calc(50% - var(--__inset) / 2);
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.content-text[data-expansionid="38083"] #pagecontent img.backdrop {
  position: fixed;
  content: "";
  height: 100%;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, black), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to right, black 25%, transparent 75%);
          mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, black), color-stop(75%, transparent));
          mask-image: linear-gradient(to right, black 25%, transparent 75%);
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.content-text[data-expansionid="38083"] #pagecontent img.backdrop.__right {
  -o-object-position: right;
     object-position: right;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to left, black 25%, transparent 75%);
          mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
          mask-image: linear-gradient(to left, black 25%, transparent 75%);
  left: unset;
  right: 0;
}
.content-text[data-expansionid="38083"] #pagecontent img.red {
  -webkit-filter: contrast(0.5) sepia(1) brightness(1.3) saturate(3) hue-rotate(-50deg);
          filter: contrast(0.5) sepia(1) brightness(1.3) saturate(3) hue-rotate(-50deg);
}
.content-text[data-expansionid="38083"] #pagecontent .artblock {
  position: relative;
  container-type: inline-size;
  mix-blend-mode: darken;
}
.content-text[data-expansionid="38083"] #pagecontent .artblock > img {
  display: none;
}
@supports (container-type: inline-size) {
  .content-text[data-expansionid="38083"] #pagecontent .artblock > img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
  }
}
.content-text[data-expansionid="38083"] #pagecontent .artblock > div {
  padding: 1em;
}
.content-text[data-expansionid="38083"] #pagecontent .slanttext {
  position: relative;
  text-justify: inter-word;
  --_slant: 3em;
}
.content-text[data-expansionid="38083"] #pagecontent .slanttext > div::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: left;
  shape-outside: polygon(0 0, var(--_slant) 0, 100% 0, calc(100% - var(--_slant)) 100%, 0 100%);
}
.content-text[data-expansionid="38083"] #pagecontent .slanttext > div > p::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: right;
  shape-outside: polygon(100% 0, 100% 100%, var(--_slant) 100%, 0 100%);
}
.content-text[data-expansionid="38083"] #pagecontent .toc {
  font-family: var(--fontHeader);
  font-size: 2.5em;
  margin: 0.5em 0;
}
.content-text[data-expansionid="38083"] #pagecontent .toc ul {
  font-size: 0.8em;
  list-style-type: none;
  padding: 0;
  margin: 0.5em 0;
}
.content-text[data-expansionid="38083"] #pagecontent .toc ul li {
  margin: 0.5em 0;
  padding-left: 1.5em;
}
.content-text[data-expansionid="38083"] #pagecontent .toc ul li::marker {
  content: unset;
}
.content-text[data-expansionid="38083"] #pagecontent .toc ul li a {
  color: var(--col-accent);
}
.content-text[data-expansionid="38083"] #pagecontent .toc ul ul li a {
  color: initial;
}
.content-text[data-expansionid="38083"] #pagecontent .toc ul ul ul li a {
  color: var(--col-accent);
}
.content-text[data-expansionid="38083"] #pagecontent .toc a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-text[data-expansionid="38083"] #pagecontent .toc a:hover {
  color: var(--col-aside);
  outline-bottom: 2px solid;
}
.content-text[data-expansionid="38083"] #pagecontent .toc a::after {
  content: "";
  position: relative;
  bottom: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 5px;
  border-bottom: 2px dotted currentcolor;
}
.content-text[data-expansionid="38083"] #pagecontent .toc img {
  position: fixed;
  inset: 0;
  z-index: -1;
}

html:has(.content-text[data-expansionid="38083"]) .primarycontentcontainer {
  --lm-fontColor: hsl(34, 32%, 14%);
  --dm-fontColor: #e9e3dc;
  --lm-backColor: hsl(45, 14%, 95%);
  --dm-backColor: var(--dark-surface2);
  --fontColor: var(--lm-fontColor);
  --altColor: var(--dm-fontColor);
  --col-accent: #69301d;
  --col-accent2: #83643e;
  --col-aside: #d1b279;
  --blend: multiply;
  --__trans: 1;
  --lm-deep: hsl(37, 55%, 25%, var(--__trans));
  --fontMain: "Libre Caslon Text", serif;
  --fontHeader: "IM Fell English SC", serif;
  --fontScript: "Romanesco", serif;
  --fontSystem: "Josefin Sans", sans-serif;
  --fontIcon: "Material Symbols Outlined", "Material Icons", "Material Design Icons", "Font Awesome 5 Free";
  --img-aside_center: url(https://files.d20.io/images/423841108/0vh8ldTrIZmUgDczSlXtNA/med.png?1736375069);
  --img-footer: url(https://files.d20.io/images/423623366/JyTiWwh5BQXDlV7eLtUwEQ/max.png?1736202136);
  --img-accent-sm: url(https://files.d20.io/images/423722007/xHvLplVIgMwobVBfyNvFWQ/med.png?1736281960);
  --img-accent-lg: url(https://files.d20.io/images/423721980/m2e3duY15t4mXp2FGgdrqQ/med.png?1736281942);
  --border-bottom: url(https://files.d20.io/images/423738810/dMWHLA5XCXoKiLlZQXMjxw/med.png?1736291710);
  --border-corner: url(https://files.d20.io/images/423743066/OrOEqc0PGEdqBv8ZcEcNXw/max.png?1736293956);
  --border-accent: url(https://files.d20.io/images/423851279/8u5n-pbOj8qic8GG-ew6nQ/med.png?1736380226);
  --dm-border-spiral: url(https://files.d20.io/images/420864068/fcCMyDVSg_2ZTGAgf1Mxjg/max.png?1734038320);
  --dm-border-line: url(https://files.d20.io/images/354161251/1GHDY8-5xfu2btEVIRXDpg/med.png?1691724679);
  --dm-line: url(https://files.d20.io/images/354134034/iCKf8NbpzY-F9Ki6IrQ0_Q/max.png?1691710222);
}
html:has(.content-text[data-expansionid="38083"]) .primarycontentcontainer .content-text {
  background: var(--lm-backColor);
  font-size: 14px;
  color: var(--fontColor);
  overflow: hidden;
  border: 3px solid var(--col-accent);
  padding: 1em;
}
html:has(.content-text[data-expansionid="38083"]) .primarycontentcontainer .content-text p {
  color: var(--fontColor);
}
html:has(.content-text[data-expansionid="38083"]) .primarycontentcontainer .row:has(.backdrop) {
  background: unset;
}
html:has(.content-text[data-expansionid="38083"]) .primarycontentcontainer .col-md-4.toccol {
  display: none;
}
html:has(.content-text[data-expansionid="38083"]) .primarycontentcontainer .col-md-8:has(.content-text[data-bookid=Discworld]) {
  width: 100%;
}

/* Apocalypse the Risen */

.content-text[data-expansionid="38402"] #pagecontent {
  color: var(--fontColor);
  font-family: var(--fontMain);
}
.content-text[data-expansionid="38402"] #pagecontent .center {
  text-align: center;
}
.content-text[data-expansionid="38402"] #pagecontent p {
  font-family: var(--fontMain);
  margin-bottom: unset;
}
.content-text[data-expansionid="38402"] #pagecontent p + ul, .content-text[data-expansionid="38402"] #pagecontent p + ol {
  margin-top: 0;
}
.content-text[data-expansionid="38402"] #pagecontent p + p {
  text-indent: 1em;
}
.content-text[data-expansionid="38402"] #pagecontent p:has(.drop-cap) {
  text-indent: 0;
}
.content-text[data-expansionid="38402"] #pagecontent .drop-cap {
  font-family: var(--fontScript);
  font-size: 5em;
  font-weight: bold;
  --__trans: 0.2;
  color: color-mix(in lch, var(--red) 100%, transparent);
  float: left;
  margin: -0.2em 0 0 0;
  line-height: 1;
  mix-blend-mode: color-burn;
}
.content-text[data-expansionid="38402"] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-expansionid="38402"] #pagecontent ::-webkit-scrollbar-track {
  background: var(--lm-fontColor);
}
.content-text[data-expansionid="38402"] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--col-purple);
}
.content-text[data-expansionid="38402"] #pagecontent pre {
  margin: 3rem 0;
}
.content-text[data-expansionid="38402"] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-expansionid="38402"] #pagecontent :where(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  mix-blend-mode: var(--blend);
}
.content-text[data-expansionid="38402"] #pagecontent :where(img).spot {
  shape-outside: ellipse(50% 50%);
  float: right;
}
.content-text[data-expansionid="38402"] #pagecontent *:has(img.background) {
  position: relative;
  z-index: 1;
}
.content-text[data-expansionid="38402"] #pagecontent img.background {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
}
.content-text[data-expansionid="38402"] #pagecontent dt, .content-text[data-expansionid="38402"] #pagecontent .Rule-terms {
  font-weight: bold;
  font-size: 0.8em;
  display: inline;
}
.content-text[data-expansionid="38402"] #pagecontent :where(dl) {
  margin: 0;
}
.content-text[data-expansionid="38402"] #pagecontent dt, .content-text[data-expansionid="38402"] #pagecontent dd, .content-text[data-expansionid="38402"] #pagecontent dl {
  line-height: 1;
}
.content-text[data-expansionid="38402"] #pagecontent dl {
  margin-left: 0;
}
.content-text[data-expansionid="38402"] #pagecontent dd {
  display: inline;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.content-text[data-expansionid="38402"] #pagecontent h1, .content-text[data-expansionid="38402"] #pagecontent h2, .content-text[data-expansionid="38402"] #pagecontent h3, .content-text[data-expansionid="38402"] #pagecontent h4, .content-text[data-expansionid="38402"] #pagecontent h5 {
  color: var(--lm-deep);
  line-height: 1;
  margin: 0.5em 0 0 0;
}
.content-text[data-expansionid="38402"] #pagecontent h1 {
  display: table;
  margin: 0.5em 0;
  position: relative;
  font-family: var(--fontHeader);
  font-size: 1.5em;
  font-weight: normal;
  z-index: 0;
  position: relative;
}
.content-text[data-expansionid="38402"] #pagecontent h1::before {
  content: "";
  position: absolute;
  bottom: 0.1em;
  left: -0.2em;
  right: -0.2em;
  border-bottom: 2px solid var(--lm-deep);
}
.content-text[data-expansionid="38402"] #pagecontent h1.big {
  font-size: 4em;
  margin: 0.5em 0;
  position: relative;
  font-family: var(--fontHeader);
  color: var(--red);
  font-weight: normal;
  z-index: 0;
}
.content-text[data-expansionid="38402"] #pagecontent h1.big span {
  color: var(--fontColor);
}
.content-text[data-expansionid="38402"] #pagecontent h1.big::before {
  left: -2em;
  right: -1em;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(50%, black), to(transparent));
  -webkit-mask-image: linear-gradient(to right, black 50%, transparent);
          mask-image: -webkit-gradient(linear, left top, right top, color-stop(50%, black), to(transparent));
          mask-image: linear-gradient(to right, black 50%, transparent);
  bottom: 50%;
  border-color: var(--fontColor);
  border-width: 3px;
}
.content-text[data-expansionid="38402"] #pagecontent h2 {
  font-family: var(--fontHeader);
  font-size: 1.5em;
  font-weight: normal;
}
.content-text[data-expansionid="38402"] #pagecontent h3 {
  font-family: var(--fontMain);
  font-size: 1em;
  font-weight: bold;
}
.content-text[data-expansionid="38402"] #pagecontent h4 {
  margin-bottom: 0;
  font-family: var(--fontMain);
  font-size: 1em;
  color: var(--fontColor);
  font-weight: bold;
}
.content-text[data-expansionid="38402"] #pagecontent h4 + p {
  text-indent: 1em;
}
.content-text[data-expansionid="38402"] #pagecontent h5 {
  margin: 0.5em 0;
  font-family: var(--fontMain);
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
}
.content-text[data-expansionid="38402"] #pagecontent :is(h2, h3, h4, h5) span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-expansionid="38402"] #pagecontent .Headers_Character-Ability-Level-Header {
  display: block;
  border-bottom: 2px solid var(--red);
  font-family: var(--fontHeader);
  font-size: 1em;
  font-weight: normal;
}
.content-text[data-expansionid="38402"] #pagecontent .uppercase, .content-text[data-expansionid="38402"] #pagecontent .Small-caps {
  font-family: var(--fontHeader);
}
.content-text[data-expansionid="38402"] #pagecontent hr {
  border-color: var(--red);
  border-width: 2px;
  border-style: solid;
}
.content-text[data-expansionid="38402"] #pagecontent article p {
  text-indent: 0;
}
.content-text[data-expansionid="38402"] #pagecontent article p + p {
  text-indent: 1em;
}
.content-text[data-expansionid="38402"] #pagecontent article p:has(dt) + p {
  text-indent: 0;
}
.content-text[data-expansionid="38402"] #pagecontent article.spell h3 {
  color: var(--red);
}
.content-text[data-expansionid="38402"] #pagecontent .columns {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.content-text[data-expansionid="38402"] #pagecontent .columns table {
  width: 100%;
}
.content-text[data-expansionid="38402"] #pagecontent caption, .content-text[data-expansionid="38402"] #pagecontent .caption {
  font-family: var(--fontHeader);
  font-weight: normal;
  color: var(--red);
  text-align: left;
  margin: 0;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="38402"] #pagecontent table {
  min-width: 50%;
  font-family: var(--fontSystem);
  font-size: 0.8em !important;
  width: 100%;
  color: var(--fontColor);
  border: unset;
  border-bottom: 2px solid var(--red);
  border-collapse: separate;
}
.content-text[data-expansionid="38402"] #pagecontent table * {
  font-family: var(--fontSystem);
  font-weight: 500;
  color: var(--fontColor);
}
.content-text[data-expansionid="38402"] #pagecontent table caption, .content-text[data-expansionid="38402"] #pagecontent table .caption {
  font-family: var(--fontHeader);
  font-weight: normal;
  color: var(--red);
  text-align: left;
  margin: 0;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="38402"] #pagecontent table thead tr {
  background: var(--red);
}
.content-text[data-expansionid="38402"] #pagecontent table thead tr th, .content-text[data-expansionid="38402"] #pagecontent table thead tr td, .content-text[data-expansionid="38402"] #pagecontent table thead tr h1, .content-text[data-expansionid="38402"] #pagecontent table thead tr h2, .content-text[data-expansionid="38402"] #pagecontent table thead tr h3, .content-text[data-expansionid="38402"] #pagecontent table thead tr h4, .content-text[data-expansionid="38402"] #pagecontent table thead tr h5 {
  font-family: var(--fontSystemSC);
  font-weight: bold;
  color: white;
}
.content-text[data-expansionid="38402"] #pagecontent table thead tr th {
  text-align: center;
}
.content-text[data-expansionid="38402"] #pagecontent table tbody tr:nth-child(even) {
  --__trans: 0.2;
  background: color-mix(in lch, var(--red) 30%, transparent);
}
.content-text[data-expansionid="38402"] #pagecontent table td, .content-text[data-expansionid="38402"] #pagecontent table th {
  padding: 0 5px;
}
.content-text[data-expansionid="38402"] #pagecontent table tr td {
  border: unset;
}
.content-text[data-expansionid="38402"] #pagecontent table tr td:first-of-type {
  white-space: nowrap;
}
.content-text[data-expansionid="38402"] #pagecontent table tbody tr.black {
  background: black;
}
.content-text[data-expansionid="38402"] #pagecontent table tbody tr.black td, .content-text[data-expansionid="38402"] #pagecontent table tbody tr.black th {
  font-family: var(--fontSystemSC);
  color: white;
}
.content-text[data-expansionid="38402"] #pagecontent table tr:last-of-type td {
  border-bottom: unset;
}
.content-text[data-expansionid="38402"] #pagecontent table .Header-Center {
  text-align: center;
}
.content-text[data-expansionid="38402"] #pagecontent table tbody td {
  border-image-source: var(--internalBorder);
}
.content-text[data-expansionid="38402"] #pagecontent table[class*=center] td {
  text-align: left;
}
.content-text[data-expansionid="38402"] #pagecontent table[class*=center][class*="1"] :is(td:nth-of-type(1), th:nth-of-type(1)) {
  text-align: center;
}
.content-text[data-expansionid="38402"] #pagecontent table[class*=center][class*="2"] :is(td:nth-of-type(2), th:nth-of-type(2)) {
  text-align: center;
}
.content-text[data-expansionid="38402"] #pagecontent table[class*=center][class*="3"] :is(td:nth-of-type(3), th:nth-of-type(3)) {
  text-align: center;
}
.content-text[data-expansionid="38402"] #pagecontent table[class*=center][class*="4"] :is(td:nth-of-type(4), th:nth-of-type(4)) {
  text-align: center;
}
.content-text[data-expansionid="38402"] #pagecontent table[class*=center][class*="5"] :is(td:nth-of-type(5), th:nth-of-type(5)) {
  text-align: center;
}
.content-text[data-expansionid="38402"] #pagecontent table[class*=center][class*="6"] :is(td:nth-of-type(6), th:nth-of-type(6)) {
  text-align: center;
}
.content-text[data-expansionid="38402"] #pagecontent table[class*=center][class*="7"] :is(td:nth-of-type(7), th:nth-of-type(7)) {
  text-align: center;
}
.content-text[data-expansionid="38402"] #pagecontent table[class*=center][class*="8"] :is(td:nth-of-type(8), th:nth-of-type(8)) {
  text-align: center;
}
.content-text[data-expansionid="38402"] #pagecontent table[class*=center][class*="9"] :is(td:nth-of-type(9), th:nth-of-type(9)) {
  text-align: center;
}
.content-text[data-expansionid="38402"] #pagecontent table[class=center] td {
  text-align: center;
}
.content-text[data-expansionid="38402"] #pagecontent table .vertical td, .content-text[data-expansionid="38402"] #pagecontent table .vertical th {
  text-align: center;
  vertical-align: middle;
  text-orientation: sideways;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  rotate: 180deg;
  padding: 5px 0;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
.content-text[data-expansionid="38402"] #pagecontent table.onion-table tbody tr:nth-child(even) {
  background: unset;
}
.content-text[data-expansionid="38402"] #pagecontent table.onion-table tbody tr:nth-child(even) td:not(:first-of-type) {
  --__trans: 0.2;
  background: color-mix(in lch, var(--red) 30%, transparent);
}
.content-text[data-expansionid="38402"] #pagecontent table.onion-table tbody tr:nth-child(2) td:not(:first-of-type) {
  border: 2px solid var(--red);
  border-width: 2px 0 0 0;
}
.content-text[data-expansionid="38402"] #pagecontent table.onion-table tbody tr:not(:first-child) td:nth-child(2) {
  border: 2px solid var(--red);
  border-width: 0 0 0 2px;
}
.content-text[data-expansionid="38402"] #pagecontent table.onion-table tbody tr:nth-child(2) td:nth-child(2) {
  border: 2px solid var(--red);
  border-width: 2px 0 0 2px;
}
.content-text[data-expansionid="38402"] #pagecontent aside {
  position: relative;
  float: right;
  border: 2px solid var(--red);
  -o-border-image: var(--imgAside) 30 stretch;
     border-image: var(--imgAside) 30 fill stretch;
  border-image-width: 20px;
  border-image-outset: 5px;
  font-family: var(--fontSystem);
  padding: 0.5em 1em 1em 1em;
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="38402"] #pagecontent aside p {
  font-family: var(--fontSystem);
}
.content-text[data-expansionid="38402"] #pagecontent aside td {
  padding: 0 5px;
}
.content-text[data-expansionid="38402"] #pagecontent aside > h4 {
  position: relative;
  font-family: var(--fontSystemSC);
  color: var(--fontColor);
  margin-bottom: 1em;
  text-align: right;
}
.content-text[data-expansionid="38402"] #pagecontent aside > h4::before, .content-text[data-expansionid="38402"] #pagecontent aside > h4::after {
  content: "";
  position: absolute;
  border: 1px solid black;
}
.content-text[data-expansionid="38402"] #pagecontent aside > h4::before {
  bottom: 0;
  left: 0;
  right: -2.5em;
}
.content-text[data-expansionid="38402"] #pagecontent aside > h4::after {
  top: -0.25em;
  right: -1.75em;
  bottom: -6em;
}
.content-text[data-expansionid="38402"] #pagecontent aside:has(h4)::before, .content-text[data-expansionid="38402"] #pagecontent aside:has(h4)::after {
  content: "";
  position: absolute;
  border: 1px solid black;
}
.content-text[data-expansionid="38402"] #pagecontent aside:has(h4)::before {
  bottom: 1em;
  left: -1.5em;
  right: 1em;
}
.content-text[data-expansionid="38402"] #pagecontent aside:has(h4)::after {
  height: 5em;
  left: -0.75em;
  bottom: 0;
}
.content-text[data-expansionid="38402"] #pagecontent aside.example {
  all: unset;
  display: block;
  border: 2px solid var(--lm-deep);
  border-width: 0 2px;
  padding: 0 1em;
}
.content-text[data-expansionid="38402"] #pagecontent aside.example p {
  font-family: var(--fontMain);
  text-indent: 0;
}
.content-text[data-expansionid="38402"] #pagecontent aside.block {
  all: unset;
  border: 2px solid black;
  -o-border-image: var(--border-line) 80;
     border-image: var(--border-line) 80;
  border-image-width: 4em;
  display: block;
  padding: 1.5em;
  margin: 2em 0;
  background: color-mix(in lch, var(--lm-deep) 15%, transparent 60%);
  -webkit-box-shadow: 0.2em 0.2em 0.2em color-mix(in lch, var(--lm-deep) 50%, transparent 60%);
          box-shadow: 0.2em 0.2em 0.2em color-mix(in lch, var(--lm-deep) 50%, transparent 60%);
}
.content-text[data-expansionid="38402"] #pagecontent aside.block blockquote {
  font-style: normal;
  font-weight: bold;
}
.content-text[data-expansionid="38402"] #pagecontent aside.block blockquote img {
  margin: 1em;
}
.content-text[data-expansionid="38402"] #pagecontent aside.block blockquote p {
  font-family: var(--fontMain);
}
.content-text[data-expansionid="38402"] #pagecontent aside.block blockquote.center {
  text-align: center;
  line-height: 2;
  font-size: 1.2em;
  text-wrap: balance;
}
.content-text[data-expansionid="38402"] #pagecontent aside.block blockquote.center::after {
  text-align: center;
  padding-left: 0;
}
.content-text[data-expansionid="38402"] #pagecontent .entry p {
  margin: 0;
  margin-left: 1em;
  text-indent: -1em;
}
.content-text[data-expansionid="38402"] #pagecontent .statblock {
  container-type: inline-size;
  position: relative;
  -webkit-columns: 28em;
     -moz-columns: 28em;
          columns: 28em;
  gap: 0.5em;
}
.content-text[data-expansionid="38402"] #pagecontent .statblock hr {
  margin: 0.2em 0;
}
.content-text[data-expansionid="38402"] #pagecontent .statblock h2 {
  margin-bottom: 0;
  font-family: var(--fontHeader);
  font-size: 1.25em;
  color: var(--lm-deep);
}
.content-text[data-expansionid="38402"] #pagecontent .statblock h3 {
  font-size: 1.5em;
  color: var(--red);
  font-family: var(--fontSystemSC);
}
.content-text[data-expansionid="38402"] #pagecontent .statblock h4 {
  position: relative;
  font-size: 1.5em;
  font-family: var(--fontSystemSC);
  margin-bottom: 0.2em;
}
.content-text[data-expansionid="38402"] #pagecontent .statblock h4::after {
  content: "";
  position: absolute;
  border: 1px solid var(--red);
  bottom: 0;
  left: 0;
  right: 0;
}
.content-text[data-expansionid="38402"] #pagecontent .statblock em {
  font-style: italic;
  font-weight: bold;
}
.content-text[data-expansionid="38402"] #pagecontent .statblock ul {
  margin: 0;
}
.content-text[data-expansionid="38402"] #pagecontent .statblock .type {
  text-indent: 0;
  font-style: italic;
}
.content-text[data-expansionid="38402"] #pagecontent .statblock .traits, .content-text[data-expansionid="38402"] #pagecontent .statblock .features {
  list-style: none;
  padding-left: 0;
}
.content-text[data-expansionid="38402"] #pagecontent .statblock .traits * {
  color: var(--red);
}
.content-text[data-expansionid="38402"] #pagecontent .statblock dl:has(em) {
  margin-left: 1em;
}
.content-text[data-expansionid="38402"] #pagecontent .footer {
  --_rotate: -1deg;
  width: 90%;
  margin: 3em 1em 0 auto;
  padding: 0 2em;
  position: relative;
  rotate: var(--_rotate);
}
.content-text[data-expansionid="38402"] #pagecontent .footer > * {
  font-family: var(--fontSystem);
  font-size: 1.5em;
  line-height: 1.2;
  opacity: 0.9;
  position: relative;
  z-index: 1;
}
.content-text[data-expansionid="38402"] #pagecontent .footer::before {
  content: "";
  background: var(--img-footer);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: -3em;
  width: 100%;
  aspect-ratio: 1.5/1;
  rotate: calc(-1 * var(--_rotate));
  z-index: -1;
}
.content-text[data-expansionid="38402"] #pagecontent table.ability_table {
  width: 100%;
  border: unset;
}
.content-text[data-expansionid="38402"] #pagecontent table.ability_table tr {
  background: unset !important;
}
.content-text[data-expansionid="38402"] #pagecontent table.ability_table td, .content-text[data-expansionid="38402"] #pagecontent table.ability_table tr, .content-text[data-expansionid="38402"] #pagecontent table.ability_table th {
  padding: 0 !important;
  background: unset;
  font-weight: normal;
  text-align: center;
}
.content-text[data-expansionid="38402"] #pagecontent table.ability_table td *, .content-text[data-expansionid="38402"] #pagecontent table.ability_table tr *, .content-text[data-expansionid="38402"] #pagecontent table.ability_table th * {
  color: var(--red);
  font-weight: bold;
}
.content-text[data-expansionid="38402"] #pagecontent table.ability_table tr:first-of-type {
  font-size: 1.25em;
}
.content-text[data-expansionid="38402"] #pagecontent ol {
  padding-left: 1.75em;
}
.content-text[data-expansionid="38402"] #pagecontent ol li {
  counter-increment: list-item;
  list-style-type: none;
  position: relative;
  padding-left: 0.5em;
}
.content-text[data-expansionid="38402"] #pagecontent ol li::marker {
  content: counter(list-item) ".";
  width: 2ch;
  text-align: center;
}
.content-text[data-expansionid="38402"] #pagecontent ul {
  padding-left: 1em;
  margin-bottom: 1em;
}
.content-text[data-expansionid="38402"] #pagecontent ul.checklist li {
  padding-left: 0.5em;
}
.content-text[data-expansionid="38402"] #pagecontent ul.checklist li::marker {
  content: "□";
  font-size: 1.5em;
}
.content-text[data-expansionid="38402"] #pagecontent blockquote {
  font-size: 1em;
  font-style: italic;
  padding: 0;
  border: unset;
}
.content-text[data-expansionid="38402"] #pagecontent blockquote[cite]::after {
  padding-left: 20%;
  content: "-" attr(cite);
  font-style: normal;
  font-size: 0.8em;
  display: block;
  text-align: right;
  margin-top: 0.5em;
}
.content-text[data-expansionid="38402"] #pagecontent blockquote span {
  font-family: var(--fontHeader);
}
.content-text[data-expansionid="38402"] #pagecontent .script {
  font-family: var(--fontScript);
  font-style: normal;
  font-size: 1.2em;
  padding: 1em 2em;
}
.content-text[data-expansionid="38402"] #pagecontent .script::after {
  font-size: 1em;
}
.content-text[data-expansionid="38402"] #pagecontent .edge_image {
  --__inset: 20%;
  background-size: cover;
  background-position: -30% 0;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
          mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
  width: 50%;
  aspect-ratio: 1000/2048;
  shape-outside: polygon(var(--__inset) 0, 100% 0, 100% 100%, var(--__inset) 100%);
  float: right;
  position: relative;
  right: -48px;
}
.content-text[data-expansionid="38402"] #pagecontent .edge_image.__left {
  float: left;
  right: unset;
  left: -48px;
  shape-outside: polygon(0 0, calc(100% - var(--__inset)) 0, calc(100% - var(--__inset)) 100%, 0 100%);
}
.content-text[data-expansionid="38402"] #pagecontent .edge_image::after {
  position: absolute;
  content: attr(data-caption);
  max-width: 20ch;
  text-align: center;
  line-height: 1;
  opacity: 50%;
  font-size: 0.8em;
  bottom: 1ch;
  right: calc(50% - var(--__inset) / 2);
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.content-text[data-expansionid="38402"] #pagecontent img.bleed {
  position: relative;
  --_padding: (48px + 15px);
  width: calc(100% + 126px);
  margin: 0 calc(-1 * var(--_padding));
  max-width: unset;
  mix-blend-mode: initial;
  z-index: 1;
}
.content-text[data-expansionid="38402"] #pagecontent img.backdrop {
  position: fixed;
  content: "";
  height: 100%;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, black), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to right, black 25%, transparent 75%);
          mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, black), color-stop(75%, transparent));
          mask-image: linear-gradient(to right, black 25%, transparent 75%);
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.content-text[data-expansionid="38402"] #pagecontent img.backdrop.__right {
  -o-object-position: right;
     object-position: right;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to left, black 25%, transparent 75%);
          mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
          mask-image: linear-gradient(to left, black 25%, transparent 75%);
  left: unset;
  right: 0;
}
.content-text[data-expansionid="38402"] #pagecontent img.red {
  -webkit-filter: contrast(0.5) sepia(1) brightness(1.3) saturate(3) hue-rotate(-50deg);
          filter: contrast(0.5) sepia(1) brightness(1.3) saturate(3) hue-rotate(-50deg);
}
.content-text[data-expansionid="38402"] #pagecontent img.brown {
  -webkit-filter: contrast(0.5) brightness(1.7) sepia(1) brightness(0.8) contrast(2);
          filter: contrast(0.5) brightness(1.7) sepia(1) brightness(0.8) contrast(2);
}
.content-text[data-expansionid="38402"] #pagecontent .artblock {
  position: relative;
  container-type: inline-size;
  mix-blend-mode: var(--blend);
}
.content-text[data-expansionid="38402"] #pagecontent .artblock > img {
  display: none;
}
@supports (container-type: inline-size) {
  .content-text[data-expansionid="38402"] #pagecontent .artblock > img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
  }
}
.content-text[data-expansionid="38402"] #pagecontent .artblock > div {
  padding: 1em;
}
.content-text[data-expansionid="38402"] #pagecontent .slanttext {
  position: relative;
  text-justify: inter-word;
  --_slant: 3em;
}
.content-text[data-expansionid="38402"] #pagecontent .slanttext > div::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: left;
  shape-outside: polygon(0 0, var(--_slant) 0, 100% 0, calc(100% - var(--_slant)) 100%, 0 100%);
}
.content-text[data-expansionid="38402"] #pagecontent .slanttext > div > p::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: right;
  shape-outside: polygon(100% 0, 100% 100%, var(--_slant) 100%, 0 100%);
}
.content-text[data-expansionid="38402"] #pagecontent .toc {
  -webkit-columns: 300px;
     -moz-columns: 300px;
          columns: 300px;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  padding: 2em;
}
.content-text[data-expansionid="38402"] #pagecontent .toc h1, .content-text[data-expansionid="38402"] #pagecontent .toc h2, .content-text[data-expansionid="38402"] #pagecontent .toc h3 {
  font-family: var(--fontHeader);
  font-weight: bold;
  margin: 0.5em 0;
  text-align: left;
  font-size: 1em;
  color: var(--lm-fontColor);
}
.content-text[data-expansionid="38402"] #pagecontent .toc h1 {
  font-size: 1.25em;
  line-height: normal;
  border-bottom: 2px dotted;
}
.content-text[data-expansionid="38402"] #pagecontent .toc h2 {
  background: none;
}
.content-text[data-expansionid="38402"] #pagecontent .toc h2 a {
  color: inherit;
}
.content-text[data-expansionid="38402"] #pagecontent .toc h3 {
  text-indent: 1em;
  font-weight: normal;
}
.content-text[data-expansionid="38402"] #pagecontent .toc h3 a {
  border: none;
}
.content-text[data-expansionid="38402"] #pagecontent .toc a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-text[data-expansionid="38402"] #pagecontent .toc a:hover {
  color: var(--accent);
  border-bottom: 2px solid;
}
.content-text[data-expansionid="38402"] #pagecontent .toc img {
  position: fixed;
  inset: 0;
  z-index: -1;
}

html:has(.content-text[data-expansionid="38402"]) .primarycontentcontainer {
  --background-paper: url(https://files.d20.io/images/436539427/PJD5PSdgSQCHCXZJnPx0VA/original.jpg?1744342201);
  --background-texture: url(https://files.d20.io/images/436544056/mvJiYbo-iHodx3ZLXFBgIw/original.png?1744346050);
  --lm-fontColor: #121212;
  --dm-fontColor: #e9e3dc;
  --lm-backColor: #cecbc5;
  --dm-backColor: var(--color-surface1);
  --backColor: var(--lm-backColor);
  --fontColor: var(--lm-fontColor);
  --altColor: var(--dm-fontColor);
  --__trans: 1;
  --lm-deep: hsla(217, 59%, 31%, var(--__trans));
  --red: hsla(359, 38%, 33%, var(--__trans));
  --blend: multiply;
  --fontMain: "Linden Hill", serif;
  --fontHeader: "Marcellus SC", serif;
  --fontScript: "Reenie Beanie", cursive;
  --fontSystem: "Alegreya Sans", sans-serif;
  --fontSystemSC: "Alegreya Sans SC", sans-serif;
  -webkit-box-shadow: inset 0px 5px 2em hsla(0, 0%, 20%, 0.5);
          box-shadow: inset 0px 5px 2em hsla(0, 0%, 20%, 0.5);
  --imgAside: url(https://files.d20.io/images/436587037/WkB2KLJ5Wka_PtVQ2y6sTg/original.png?1744389249);
}
html:has(.content-text[data-expansionid="38402"]) .primarycontentcontainer h1.page-title {
  display: none;
}
html:has(.content-text[data-expansionid="38402"]) .primarycontentcontainer .col-md-8 {
  background: var(--lm-backColor), var(--background-paper), var(--background-texture);
  background-blend-mode: multiply, multiply, normal;
  font-size: 16px;
  color: var(--fontColor);
  overflow: hidden;
  border: 4px double var(--col-green);
  outline: 2px solid var(--col-green);
  padding: 1em;
}
html:has(.content-text[data-expansionid="38402"]) .primarycontentcontainer .col-md-8 p {
  color: var(--fontColor);
}
html:has(.content-text[data-expansionid="38402"]) .primarycontentcontainer .row:has(.backdrop) {
  background: unset;
}
html:has(.content-text[data-expansionid="38402"]) .primarycontentcontainer .col-md-4.toccol {
  display: none;
}
html:has(.content-text[data-expansionid="38402"]) .primarycontentcontainer .col-md-8:has(.content-text[data-expansionid="38402"]) {
  width: clamp(750px, 80%, 1140px);
}
html:has(.content-text[data-expansionid="38402"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="38402"]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--background-texture), var(--background-paper), var(--backColor);
  background-blend-mode: multiply, multiply, normal;
  background-repeat: no-repeat, repeat, repeat;
}
html:has(.content-text[data-expansionid="38402"]) .primarycontentcontainer .content-text {
  position: relative;
  background: var(--background-texture), var(--background-paper);
  background-blend-mode: multiply, normal;
  background-repeat: no-repeat, repeat-y;
  border-left: 2em solid color-mix(in srgb, var(--fontColor) 90%, transparent);
  padding: 0 1em;
}

html[data-theme=dark]:has([data-expansionid="38402"]) .primarycontentcontainer {
  --blend: screen;
  --backColor: var(--dm-backColor);
  --fontColor: var(--dm-fontColor);
  --altColor: var(--lm-fontColor);
  --red: hsla(359, 40%, 40%, var(--__trans));
  --lm-deep: hsla(217, 59%, 70%, var(--__trans));
}
html[data-theme=dark]:has([data-expansionid="38402"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="38402"]) {
  background: var(--background-texture), var(--background-paper), -webkit-gradient(linear, left top, right top, from(var(--backColor)), to(var(--backColor)));
  background: var(--background-texture), var(--background-paper), linear-gradient(to right, var(--backColor), var(--backColor));
  background-blend-mode: overlay, multiply, normal;
}
html[data-theme=dark]:has([data-expansionid="38402"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="38402"]) .col-md-8:has(.content-text[data-expansionid="38402"]) {
  background: var(--background-texture), var(--background-paper), -webkit-gradient(linear, left top, right top, from(var(--backColor)), to(var(--backColor)));
  background: var(--background-texture), var(--background-paper), linear-gradient(to right, var(--backColor), var(--backColor));
  background-blend-mode: overlay, multiply, normal;
}
html[data-theme=dark]:has([data-expansionid="38402"]) .primarycontentcontainer .content-text {
  background: var(--background-texture), var(--background-paper), linear-gradient(45deg, var(--color-background), var(--color-background));
  background-blend-mode: overlay, multiply, normal;
  border-left: 2em solid color-mix(in srgb, var(--red) 20%, transparent);
}
html[data-theme=dark]:has([data-expansionid="38402"]) .primarycontentcontainer .content-text #pagecontent {
  color: var(--dm-fontColor);
}
html[data-theme=dark]:has([data-expansionid="38402"]) .primarycontentcontainer .content-text #pagecontent p {
  color: var(--dm-fontColor);
}
html[data-theme=dark]:has([data-expansionid="38402"]) .primarycontentcontainer .content-text #pagecontent .drop-cap {
  mix-blend-mode: lighten;
}
html[data-theme=dark]:has([data-expansionid="38402"]) .primarycontentcontainer .content-text #pagecontent :is(aside), html[data-theme=dark]:has([data-expansionid="38402"]) .primarycontentcontainer .content-text #pagecontent :is(aside *) {
  color: var(--lm-fontColor);
}

/* Don't Rest Your Head */

.content-text[data-bookid="dryh"] h1,
.content-text[data-bookid="dryh"] h2,
.content-text[data-bookid="dryh"] h3,
.content-text[data-bookid="dryh"] h4,
.content-text[data-bookid="dryh"] h5,
.content-text[data-bookid="dryh"] h6 {
  font-family: 'Road Rage', sans-serif;
}

/* Ahu Tiiko */

.content-text[data-expansionid="40143"] #pagecontent {
  color: var(--fontColor);
  position: relative;
  z-index: 1;
  font-family: var(--fontMain);
}
.content-text[data-expansionid="40143"] #pagecontent .center {
  text-align: center;
}
.content-text[data-expansionid="40143"] #pagecontent p {
  font-family: var(--fontMain);
  margin-bottom: unset;
}
.content-text[data-expansionid="40143"] #pagecontent p + ul, .content-text[data-expansionid="40143"] #pagecontent p + ol {
  margin-top: 0;
}
.content-text[data-expansionid="40143"] #pagecontent p + p {
  text-indent: 1em;
}
.content-text[data-expansionid="40143"] #pagecontent p:has(.drop-cap) {
  text-indent: 0;
}
.content-text[data-expansionid="40143"] #pagecontent .drop-cap {
  font-family: var(--fontScript);
  font-size: 5em;
  font-weight: bold;
  --__trans: 0.2;
  color: color-mix(in lch, var(--red) 100%, transparent);
  float: left;
  margin: -0.2em 0 0 0;
  line-height: 1;
  mix-blend-mode: color-burn;
}
.content-text[data-expansionid="40143"] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-expansionid="40143"] #pagecontent ::-webkit-scrollbar-track {
  background: var(--lm-fontColor);
}
.content-text[data-expansionid="40143"] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--col-purple);
}
.content-text[data-expansionid="40143"] #pagecontent pre {
  margin: 3rem 0;
}
.content-text[data-expansionid="40143"] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-expansionid="40143"] #pagecontent :where(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  mix-blend-mode: var(--blend);
}
.content-text[data-expansionid="40143"] #pagecontent :where(img).spot {
  shape-outside: ellipse(50% 50%);
  float: right;
}
.content-text[data-expansionid="40143"] #pagecontent *:has(img.background) {
  position: relative;
  z-index: 1;
}
.content-text[data-expansionid="40143"] #pagecontent img.background {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
}
.content-text[data-expansionid="40143"] #pagecontent dt, .content-text[data-expansionid="40143"] #pagecontent .Rule-terms {
  font-weight: bold;
  font-size: 0.8em;
  display: inline;
}
.content-text[data-expansionid="40143"] #pagecontent :where(dl) {
  margin: 0;
}
.content-text[data-expansionid="40143"] #pagecontent dt, .content-text[data-expansionid="40143"] #pagecontent dd, .content-text[data-expansionid="40143"] #pagecontent dl {
  line-height: 1;
}
.content-text[data-expansionid="40143"] #pagecontent dl {
  margin-left: 0;
}
.content-text[data-expansionid="40143"] #pagecontent dd {
  display: inline;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.content-text[data-expansionid="40143"] #pagecontent h1, .content-text[data-expansionid="40143"] #pagecontent h2, .content-text[data-expansionid="40143"] #pagecontent h3, .content-text[data-expansionid="40143"] #pagecontent h4, .content-text[data-expansionid="40143"] #pagecontent h5 {
  color: var(--red);
  line-height: 1;
  margin: 0.5em 0 0 0;
}
.content-text[data-expansionid="40143"] #pagecontent h1 {
  font-size: 2em;
  margin: 0.5em 0;
  position: relative;
  font-family: var(--fontHeader);
  text-transform: uppercase;
  color: var(--red);
  font-weight: normal;
  text-align: center;
  width: 100%;
  border-bottom: 1px solid var(--red);
  z-index: 0;
}
.content-text[data-expansionid="40143"] #pagecontent h1::before {
  content: "◯";
  position: absolute;
  font-size: 0.5em;
  left: -1em;
  bottom: -0.5em;
}
.content-text[data-expansionid="40143"] #pagecontent h1::after {
  content: "⟋";
  font-size: 0.5em;
  position: absolute;
  bottom: -0.5em;
  right: -0.35em;
}
.content-text[data-expansionid="40143"] #pagecontent h2 {
  position: relative;
  color: var(--fontColor);
  font-family: var(--fontHeader);
  font-size: 1.5em;
  font-weight: normal;
  width: 100%;
  text-align: center;
  padding: 0.5em 0;
  margin: 1em 0;
}
.content-text[data-expansionid="40143"] #pagecontent h2::before, .content-text[data-expansionid="40143"] #pagecontent h2::after {
  content: "";
  position: absolute;
  background: var(--red);
  height: 2px;
  width: 100%;
}
.content-text[data-expansionid="40143"] #pagecontent h2::before {
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--red)));
  background: linear-gradient(to right, transparent, var(--red) 100%);
  right: -1.5em;
  top: 0;
}
.content-text[data-expansionid="40143"] #pagecontent h2::after {
  background: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--red)));
  background: linear-gradient(to left, transparent, var(--red) 100%);
  left: -1.5em;
  bottom: 0;
}
.content-text[data-expansionid="40143"] #pagecontent h3 {
  font-family: var(--fontMain);
  font-size: 1.2em;
  font-weight: bold;
  text-indent: 1em;
}
.content-text[data-expansionid="40143"] #pagecontent h4 {
  margin-bottom: 0;
  font-family: var(--fontMain);
  font-size: 1em;
  color: var(--fontColor);
  font-weight: bold;
}
.content-text[data-expansionid="40143"] #pagecontent h4 + p {
  text-indent: 1em;
}
.content-text[data-expansionid="40143"] #pagecontent h5 {
  margin: 0.5em 0;
  font-family: var(--fontMain);
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
}
.content-text[data-expansionid="40143"] #pagecontent :is(h2, h3, h4, h5) span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-expansionid="40143"] #pagecontent .Headers_Character-Ability-Level-Header {
  display: block;
  border-bottom: 2px solid var(--red);
  font-family: var(--fontHeader);
  font-size: 1em;
  font-weight: normal;
}
.content-text[data-expansionid="40143"] #pagecontent article p {
  text-indent: 0;
}
.content-text[data-expansionid="40143"] #pagecontent article p + p {
  text-indent: 1em;
}
.content-text[data-expansionid="40143"] #pagecontent article p:has(dt) + p {
  text-indent: 0;
}
.content-text[data-expansionid="40143"] #pagecontent article.spell h3 {
  color: var(--red);
}
.content-text[data-expansionid="40143"] #pagecontent .columns {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.content-text[data-expansionid="40143"] #pagecontent .columns table {
  width: 100%;
}
.content-text[data-expansionid="40143"] #pagecontent caption, .content-text[data-expansionid="40143"] #pagecontent .caption {
  font-family: var(--fontHeader);
  font-weight: normal;
  color: var(--red);
  text-align: left;
  margin: 0;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="40143"] #pagecontent table {
  min-width: 50%;
  font-family: var(--fontSystem);
  font-size: 0.6em !important;
  width: 100%;
  color: var(--fontColor);
  border: unset;
  border-bottom: 2px solid var(--red);
  border-collapse: separate;
}
.content-text[data-expansionid="40143"] #pagecontent table * {
  font-family: var(--fontSystem);
  font-weight: 500;
  color: var(--fontColor);
}
.content-text[data-expansionid="40143"] #pagecontent table caption, .content-text[data-expansionid="40143"] #pagecontent table .caption {
  font-family: var(--fontHeader);
  font-weight: normal;
  color: var(--red);
  text-align: left;
  margin: 0;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="40143"] #pagecontent table thead tr {
  background: var(--red);
}
.content-text[data-expansionid="40143"] #pagecontent table thead tr th, .content-text[data-expansionid="40143"] #pagecontent table thead tr td, .content-text[data-expansionid="40143"] #pagecontent table thead tr h1, .content-text[data-expansionid="40143"] #pagecontent table thead tr h2, .content-text[data-expansionid="40143"] #pagecontent table thead tr h3, .content-text[data-expansionid="40143"] #pagecontent table thead tr h4, .content-text[data-expansionid="40143"] #pagecontent table thead tr h5 {
  font-family: var(--fontSystemSC);
  font-weight: bold;
  color: white;
}
.content-text[data-expansionid="40143"] #pagecontent table thead tr th {
  text-align: center;
}
.content-text[data-expansionid="40143"] #pagecontent table tbody tr:nth-child(even) {
  --__trans: 0.2;
  background: color-mix(in lch, var(--mid-tone) 30%, transparent);
}
.content-text[data-expansionid="40143"] #pagecontent table td, .content-text[data-expansionid="40143"] #pagecontent table th {
  padding: 0 5px;
}
.content-text[data-expansionid="40143"] #pagecontent table tr td {
  border: unset;
}
.content-text[data-expansionid="40143"] #pagecontent table tr td:first-of-type {
  white-space: nowrap;
}
.content-text[data-expansionid="40143"] #pagecontent table tbody tr.black {
  background: black;
}
.content-text[data-expansionid="40143"] #pagecontent table tbody tr.black td, .content-text[data-expansionid="40143"] #pagecontent table tbody tr.black th {
  font-family: var(--fontSystemSC);
  color: white;
}
.content-text[data-expansionid="40143"] #pagecontent table tbody tr.red {
  background: var(--red);
}
.content-text[data-expansionid="40143"] #pagecontent table tbody tr.red td, .content-text[data-expansionid="40143"] #pagecontent table tbody tr.red th {
  font-family: var(--fontSystemSC);
  color: white;
}
.content-text[data-expansionid="40143"] #pagecontent table tr:last-of-type td {
  border-bottom: unset;
}
.content-text[data-expansionid="40143"] #pagecontent table .Header-Center {
  text-align: center;
}
.content-text[data-expansionid="40143"] #pagecontent table tbody td {
  border-image-source: var(--internalBorder);
}
.content-text[data-expansionid="40143"] #pagecontent table[class*=center] td {
  text-align: left;
}
.content-text[data-expansionid="40143"] #pagecontent table[class*=center][class*="1"] :is(td:nth-of-type(1), th:nth-of-type(1)) {
  text-align: center;
}
.content-text[data-expansionid="40143"] #pagecontent table[class*=center][class*="2"] :is(td:nth-of-type(2), th:nth-of-type(2)) {
  text-align: center;
}
.content-text[data-expansionid="40143"] #pagecontent table[class*=center][class*="3"] :is(td:nth-of-type(3), th:nth-of-type(3)) {
  text-align: center;
}
.content-text[data-expansionid="40143"] #pagecontent table[class*=center][class*="4"] :is(td:nth-of-type(4), th:nth-of-type(4)) {
  text-align: center;
}
.content-text[data-expansionid="40143"] #pagecontent table[class*=center][class*="5"] :is(td:nth-of-type(5), th:nth-of-type(5)) {
  text-align: center;
}
.content-text[data-expansionid="40143"] #pagecontent table[class*=center][class*="6"] :is(td:nth-of-type(6), th:nth-of-type(6)) {
  text-align: center;
}
.content-text[data-expansionid="40143"] #pagecontent table[class*=center][class*="7"] :is(td:nth-of-type(7), th:nth-of-type(7)) {
  text-align: center;
}
.content-text[data-expansionid="40143"] #pagecontent table[class*=center][class*="8"] :is(td:nth-of-type(8), th:nth-of-type(8)) {
  text-align: center;
}
.content-text[data-expansionid="40143"] #pagecontent table[class*=center][class*="9"] :is(td:nth-of-type(9), th:nth-of-type(9)) {
  text-align: center;
}
.content-text[data-expansionid="40143"] #pagecontent table[class=center] td {
  text-align: center;
}
.content-text[data-expansionid="40143"] #pagecontent table .vertical td, .content-text[data-expansionid="40143"] #pagecontent table .vertical th {
  text-align: center;
  vertical-align: middle;
  text-orientation: sideways;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  rotate: 180deg;
  padding: 5px 0;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
.content-text[data-expansionid="40143"] #pagecontent table.onion-table tbody tr:nth-child(even) {
  background: unset;
}
.content-text[data-expansionid="40143"] #pagecontent table.onion-table tbody tr:nth-child(even) td:not(:first-of-type) {
  --__trans: 0.2;
  background: color-mix(in lch, var(--red) 30%, transparent);
}
.content-text[data-expansionid="40143"] #pagecontent table.onion-table tbody tr:nth-child(2) td:not(:first-of-type) {
  border: 2px solid var(--red);
  border-width: 2px 0 0 0;
}
.content-text[data-expansionid="40143"] #pagecontent table.onion-table tbody tr:not(:first-child) td:nth-child(2) {
  border: 2px solid var(--red);
  border-width: 0 0 0 2px;
}
.content-text[data-expansionid="40143"] #pagecontent table.onion-table tbody tr:nth-child(2) td:nth-child(2) {
  border: 2px solid var(--red);
  border-width: 2px 0 0 2px;
}
.content-text[data-expansionid="40143"] #pagecontent table.stats {
  font-family: var(--fontSystem);
  font-size: 0.5em !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
}
.content-text[data-expansionid="40143"] #pagecontent table.stats tr {
  background: unset !important;
}
.content-text[data-expansionid="40143"] #pagecontent table.stats tr td {
  padding: 0 5px !important;
  background: color-mix(in srgb, var(--mid-tone) 30%, transparent);
}
.content-text[data-expansionid="40143"] #pagecontent table.stats tr td:not(:last-child):nth-child(2n) {
  text-align: center;
  border-right: 5px solid var(--backColor);
}
.content-text[data-expansionid="40143"] #pagecontent table.stats caption {
  background: var(--red);
  font-family: var(--fontSystem);
  text-decoration: underline;
  color: var(--dm-fontColor);
  padding: 0 5px;
}
.content-text[data-expansionid="40143"] #pagecontent div.hr {
  position: relative;
  border-bottom: 1px solid var(--red);
  margin: 1em 0;
}
.content-text[data-expansionid="40143"] #pagecontent div.hr::before, .content-text[data-expansionid="40143"] #pagecontent div.hr::after {
  content: "◯";
  position: absolute;
  bottom: -0.75em;
  color: var(--red);
}
.content-text[data-expansionid="40143"] #pagecontent div.hr::before {
  left: -1em;
}
.content-text[data-expansionid="40143"] #pagecontent div.hr::after {
  content: "⟋";
  right: -0.35em;
}
.content-text[data-expansionid="40143"] #pagecontent aside {
  position: relative;
  background: color-mix(in lch, var(--red) 30%, var(--mid-tone) 30%);
  border: 2px solid var(--red);
  border-width: 2px 2px 7px 7px;
  border-style: solid solid double double;
  border-radius: 1em 1em 1em 0;
  font-family: var(--fontSystem);
  padding: 0.5em 1em 1em 1em;
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="40143"] #pagecontent aside td {
  padding: 0 5px;
}
.content-text[data-expansionid="40143"] #pagecontent aside::before, .content-text[data-expansionid="40143"] #pagecontent aside::after {
  content: "";
  position: absolute;
}
.content-text[data-expansionid="40143"] #pagecontent aside::before {
  bottom: 0.5em;
  width: 80%;
  left: -1em;
  right: 1em;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--red)));
  background: linear-gradient(to left, transparent, var(--red) 100%);
}
.content-text[data-expansionid="40143"] #pagecontent aside::after {
  content: "○";
  border: none;
  color: var(--red);
  position: absolute;
  font-size: 2em;
  left: -0.95em;
  bottom: 0em;
}
.content-text[data-expansionid="40143"] #pagecontent aside.example {
  all: unset;
  display: block;
  border: 2px solid var(--lm-deep);
  border-width: 0 2px;
  padding: 0 1em;
}
.content-text[data-expansionid="40143"] #pagecontent aside.example p {
  font-family: var(--fontMain);
  text-indent: 0;
}
.content-text[data-expansionid="40143"] #pagecontent aside.block {
  all: unset;
  border: 2px solid black;
  -o-border-image: var(--border-line) 80;
     border-image: var(--border-line) 80;
  border-image-width: 4em;
  display: block;
  padding: 1.5em;
  margin: 2em 0;
  background: color-mix(in lch, var(--lm-deep) 15%, transparent 60%);
  -webkit-box-shadow: 0.2em 0.2em 0.2em color-mix(in lch, var(--lm-deep) 50%, transparent 60%);
          box-shadow: 0.2em 0.2em 0.2em color-mix(in lch, var(--lm-deep) 50%, transparent 60%);
}
.content-text[data-expansionid="40143"] #pagecontent aside.block blockquote {
  font-style: normal;
  font-weight: bold;
}
.content-text[data-expansionid="40143"] #pagecontent aside.block blockquote img {
  margin: 1em;
}
.content-text[data-expansionid="40143"] #pagecontent aside.block blockquote p {
  font-family: var(--fontMain);
}
.content-text[data-expansionid="40143"] #pagecontent aside.block blockquote.center {
  text-align: center;
  line-height: 2;
  font-size: 1.2em;
  text-wrap: balance;
}
.content-text[data-expansionid="40143"] #pagecontent aside.block blockquote.center::after {
  text-align: center;
  padding-left: 0;
}
.content-text[data-expansionid="40143"] #pagecontent .entry p {
  margin: 0;
  margin-left: 1em;
  text-indent: -1em;
}
.content-text[data-expansionid="40143"] #pagecontent .statblock {
  container-type: inline-size;
  position: relative;
  -webkit-columns: 28em;
     -moz-columns: 28em;
          columns: 28em;
  gap: 0.5em;
}
.content-text[data-expansionid="40143"] #pagecontent .statblock hr {
  margin: 0.2em 0;
}
.content-text[data-expansionid="40143"] #pagecontent .statblock h2 {
  margin-bottom: 0;
  font-family: var(--fontHeader);
  font-size: 1.25em;
  color: var(--lm-deep);
}
.content-text[data-expansionid="40143"] #pagecontent .statblock h3 {
  font-size: 1.5em;
  color: var(--red);
  font-family: var(--fontSystemSC);
}
.content-text[data-expansionid="40143"] #pagecontent .statblock h4 {
  position: relative;
  font-size: 1.5em;
  font-family: var(--fontSystemSC);
  margin-bottom: 0.2em;
}
.content-text[data-expansionid="40143"] #pagecontent .statblock h4::after {
  content: "";
  position: absolute;
  border: 1px solid var(--red);
  bottom: 0;
  left: 0;
  right: 0;
}
.content-text[data-expansionid="40143"] #pagecontent .statblock em {
  font-style: italic;
  font-weight: bold;
}
.content-text[data-expansionid="40143"] #pagecontent .statblock ul {
  margin: 0;
}
.content-text[data-expansionid="40143"] #pagecontent .statblock .type {
  text-indent: 0;
  font-style: italic;
}
.content-text[data-expansionid="40143"] #pagecontent .statblock .traits, .content-text[data-expansionid="40143"] #pagecontent .statblock .features {
  list-style: none;
  padding-left: 0;
}
.content-text[data-expansionid="40143"] #pagecontent .statblock .traits * {
  color: var(--red);
}
.content-text[data-expansionid="40143"] #pagecontent .statblock dl:has(em) {
  margin-left: 1em;
}
.content-text[data-expansionid="40143"] #pagecontent .footer {
  --_rotate: -1deg;
  width: 90%;
  margin: 3em 1em 0 auto;
  padding: 0 2em;
  position: relative;
  rotate: var(--_rotate);
}
.content-text[data-expansionid="40143"] #pagecontent .footer > * {
  font-family: var(--fontSystem);
  font-size: 1.5em;
  line-height: 1.2;
  opacity: 0.9;
  position: relative;
  z-index: 1;
}
.content-text[data-expansionid="40143"] #pagecontent .footer::before {
  content: "";
  background: var(--img-footer);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: -3em;
  width: 100%;
  aspect-ratio: 1.5/1;
  rotate: calc(-1 * var(--_rotate));
  z-index: -1;
}
.content-text[data-expansionid="40143"] #pagecontent table.ability_table {
  width: 100%;
  border: unset;
}
.content-text[data-expansionid="40143"] #pagecontent table.ability_table tr {
  background: unset !important;
}
.content-text[data-expansionid="40143"] #pagecontent table.ability_table td, .content-text[data-expansionid="40143"] #pagecontent table.ability_table tr, .content-text[data-expansionid="40143"] #pagecontent table.ability_table th {
  padding: 0 !important;
  background: unset;
  font-weight: normal;
  text-align: center;
}
.content-text[data-expansionid="40143"] #pagecontent table.ability_table td *, .content-text[data-expansionid="40143"] #pagecontent table.ability_table tr *, .content-text[data-expansionid="40143"] #pagecontent table.ability_table th * {
  color: var(--red);
  font-weight: bold;
}
.content-text[data-expansionid="40143"] #pagecontent table.ability_table tr:first-of-type {
  font-size: 1.25em;
}
.content-text[data-expansionid="40143"] #pagecontent ol {
  padding-left: 1.75em;
}
.content-text[data-expansionid="40143"] #pagecontent ol li {
  counter-increment: list-item;
  list-style-type: none;
  position: relative;
  padding-left: 0.5em;
}
.content-text[data-expansionid="40143"] #pagecontent ol li::marker {
  content: counter(list-item) ".";
  width: 2ch;
  text-align: center;
}
.content-text[data-expansionid="40143"] #pagecontent ul {
  padding-left: 1em;
  margin-bottom: 1em;
}
.content-text[data-expansionid="40143"] #pagecontent ul.checklist li {
  padding-left: 0.5em;
}
.content-text[data-expansionid="40143"] #pagecontent ul.checklist li::marker {
  content: "□";
  font-size: 1.5em;
}
.content-text[data-expansionid="40143"] #pagecontent blockquote {
  font-size: 1em;
  font-style: italic;
  padding: 0;
  margin: 0.5em 2em 0.5em 1em;
  border: unset;
}
.content-text[data-expansionid="40143"] #pagecontent blockquote[cite]::after {
  padding-left: 20%;
  content: "-" attr(cite);
  font-style: normal;
  font-size: 0.8em;
  display: block;
  text-align: right;
  margin-top: 0.5em;
}
.content-text[data-expansionid="40143"] #pagecontent .script {
  font-family: var(--fontScript);
  font-style: normal;
  font-size: 1.2em;
  padding: 1em 2em;
}
.content-text[data-expansionid="40143"] #pagecontent .script::after {
  font-size: 1em;
}
.content-text[data-expansionid="40143"] #pagecontent img.code_deco {
  display: inline-block;
  width: 30%;
}
.content-text[data-expansionid="40143"] #pagecontent .edge_image {
  --__inset: 55%;
  --_y_offset: 0%;
  position: relative;
  width: 100%;
  aspect-ratio: 2/1;
  z-index: -1;
}
.content-text[data-expansionid="40143"] #pagecontent .edge_image::before {
  content: "";
  position: absolute;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
          mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
  background: var(--_attr_bg);
  background-size: cover;
  background-position: -30% var(--_y_offset);
  height: 100%;
  width: calc(115% + 1em);
  left: -15%;
}
.content-text[data-expansionid="40143"] #pagecontent .edge_image::after {
  --_angle: 10px;
  position: absolute;
  inset: 0;
  width: calc(115% + 1em);
  left: -15%;
  background: -webkit-gradient(linear, left top, left bottom, from(color-mix(in srgb, var(--backColor) 100%, transparent)), color-stop(25%, color-mix(in srgb, var(--backColor) 80%, transparent)), color-stop(50%, color-mix(in srgb, var(--backColor) 80%, transparent)), to(var(--backColor)));
  background: linear-gradient(to bottom, color-mix(in srgb, var(--backColor) 100%, transparent) 0%, color-mix(in srgb, var(--backColor) 80%, transparent) 25%, color-mix(in srgb, var(--backColor) 80%, transparent) 50%, var(--backColor) 100%);
}
.content-text[data-expansionid="40143"] #pagecontent .edge_image.__left {
  float: right;
  shape-outside: polygon(var(--__inset) 0, 100% 0, 100% 100%, var(--__inset) 100%);
}
.content-text[data-expansionid="40143"] #pagecontent .edge_image.__left::after {
  content: "";
  clip-path: polygon(calc(10% - var(--_angle)) 0, 60% 0, 60% 80%, calc(60% - var(--_angle)) calc(80% + var(--_angle)), calc(60% - var(--_angle)) calc(85% + var(--_angle)), calc(60% - var(--_angle)) 100%, 10% 100%, 10% 70%, calc(10% + var(--_angle)) calc(70% - var(--_angle)), calc(10% + var(--_angle)) calc(20% + 2 * var(--_angle)), calc(10% - var(--_angle)) 20%);
  backdrop-filter: hue-rotate(180deg);
}
.content-text[data-expansionid="40143"] #pagecontent .edge_image.__right {
  float: left;
  shape-outside: polygon(0 0, calc(100% - var(--__inset)) 0, calc(100% - var(--__inset)) 100%, 0 100%);
}
.content-text[data-expansionid="40143"] #pagecontent .edge_image.__right::after {
  content: "";
  clip-path: polygon(calc(50% - var(--_angle)) 0, calc(99% - var(--_angle)) 0, calc(99% - var(--_angle)) 30%, 99% calc(30% + var(--_angle)), 99% 100%, 50% 100%, 50% calc(85% - var(--_angle)), 50% 80%, calc(50% - var(--_angle)) calc(80% - var(--_angle)));
}
.content-text[data-expansionid="40143"] #pagecontent img.bleed {
  position: relative;
  --_padding: (48px + 15px);
  width: calc(100% + 126px);
  margin: 0 calc(-1 * var(--_padding));
  max-width: unset;
  mix-blend-mode: initial;
  z-index: 1;
}
.content-text[data-expansionid="40143"] #pagecontent img.backdrop {
  float: left;
  shape-outside: polygon(0 0, 50% 0, 50% 100%, 0 100%);
}
.content-text[data-expansionid="40143"] #pagecontent img.backdrop.__right {
  -o-object-position: right;
     object-position: right;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to left, black 25%, transparent 75%);
          mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
          mask-image: linear-gradient(to left, black 25%, transparent 75%);
  left: unset;
  right: 0;
}
.content-text[data-expansionid="40143"] #pagecontent img.red {
  -webkit-filter: contrast(0.5) sepia(1) brightness(1.3) saturate(3) hue-rotate(-50deg);
          filter: contrast(0.5) sepia(1) brightness(1.3) saturate(3) hue-rotate(-50deg);
}
.content-text[data-expansionid="40143"] #pagecontent img.brown {
  -webkit-filter: contrast(0.5) brightness(1.7) sepia(1) brightness(0.8) contrast(2);
          filter: contrast(0.5) brightness(1.7) sepia(1) brightness(0.8) contrast(2);
}
.content-text[data-expansionid="40143"] #pagecontent .artblock {
  position: relative;
  container-type: inline-size;
  mix-blend-mode: var(--blend);
}
.content-text[data-expansionid="40143"] #pagecontent .artblock > img {
  display: none;
}
@supports (container-type: inline-size) {
  .content-text[data-expansionid="40143"] #pagecontent .artblock > img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
  }
}
.content-text[data-expansionid="40143"] #pagecontent .artblock > div {
  padding: 1em;
}
.content-text[data-expansionid="40143"] #pagecontent span.redacted {
  background: var(--red);
  color: var(--red);
}
.content-text[data-expansionid="40143"] #pagecontent span.redacted::-moz-selection {
  background: var(--fontColor);
  color: var(--fontColor);
}
.content-text[data-expansionid="40143"] #pagecontent span.redacted::selection {
  background: var(--fontColor);
  color: var(--fontColor);
}
.content-text[data-expansionid="40143"] #pagecontent .slanttext {
  position: relative;
  text-justify: inter-word;
  --_slant: 3em;
}
.content-text[data-expansionid="40143"] #pagecontent .slanttext > div::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: left;
  shape-outside: polygon(0 0, var(--_slant) 0, 100% 0, calc(100% - var(--_slant)) 100%, 0 100%);
}
.content-text[data-expansionid="40143"] #pagecontent .slanttext > div > p::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: right;
  shape-outside: polygon(100% 0, 100% 100%, var(--_slant) 100%, 0 100%);
}
.content-text[data-expansionid="40143"] #pagecontent .toc {
  -webkit-columns: 300px;
     -moz-columns: 300px;
          columns: 300px;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  padding: 2em;
}
.content-text[data-expansionid="40143"] #pagecontent .toc h1, .content-text[data-expansionid="40143"] #pagecontent .toc h2, .content-text[data-expansionid="40143"] #pagecontent .toc h3 {
  font-family: var(--fontHeader);
  font-weight: bold;
  margin: 0.5em 0;
  text-align: left;
  font-size: 1em;
  color: var(--lm-fontColor);
}
.content-text[data-expansionid="40143"] #pagecontent .toc h1 {
  font-size: 1.25em;
  line-height: normal;
  border-bottom: 2px dotted;
}
.content-text[data-expansionid="40143"] #pagecontent .toc h2 {
  background: none;
}
.content-text[data-expansionid="40143"] #pagecontent .toc h2 a {
  color: inherit;
}
.content-text[data-expansionid="40143"] #pagecontent .toc h3 {
  text-indent: 1em;
  font-weight: normal;
}
.content-text[data-expansionid="40143"] #pagecontent .toc h3 a {
  border: none;
}
.content-text[data-expansionid="40143"] #pagecontent .toc a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-text[data-expansionid="40143"] #pagecontent .toc a:hover {
  color: var(--accent);
  border-bottom: 2px solid;
}
.content-text[data-expansionid="40143"] #pagecontent .toc img {
  position: fixed;
  inset: 0;
  z-index: -1;
}

html:has(.content-text[data-expansionid="40143"]) .primarycontentcontainer {
  --background-paper: url(https://files.d20.io/images/436539427/PJD5PSdgSQCHCXZJnPx0VA/original.jpg?1744342201);
  --background-texture: url(https://files.d20.io/images/456840503/Q8v7qc8jrK4l-PTPCSpEtg/original.jpg?1758070724);
  --lm-fontColor: #121212;
  --dm-fontColor: #e9e3dc;
  --lm-backColor: #ffffff;
  --dm-backColor: var(--color-surface1);
  --backColor: var(--lm-backColor);
  --fontColor: var(--lm-fontColor);
  --altColor: var(--dm-fontColor);
  --__trans: 1;
  --lm-deep: hsla(217, 59%, 31%, var(--__trans));
  --red: #ac2127;
  --mid-tone: #888;
  --blend: normal;
  --fontMain: "Overlock", sans-serif;
  --fontHeader: "Text Me One", sans-serif;
  --fontHeader: "Plaster", system-ui;
  --fontHeader2: "El Messiri", sans-serif;
  --fontHeader2: "Text Me One", sans-serif;
  --fontScript: "Reenie Beanie", cursive;
  --fontSystem: "Fira Code", monospace;
  border: 2px solid var(--red);
  --redSiding: url(https://files.d20.io/images/456832665/fz_BwSViLxIwx0ym9VjcXw/original.png?1758066773);
  --imgAside: url(https://files.d20.io/images/436587037/WkB2KLJ5Wka_PtVQ2y6sTg/original.png?1744389249);
  --img-sample_code: url(https://files.d20.io/images/457575593/ED4HONnuMn4N7WlLf_u2Vg/med.png?1758571583);
}
html:has(.content-text[data-expansionid="40143"]) .primarycontentcontainer h1.page-title {
  display: none;
}
html:has(.content-text[data-expansionid="40143"]) .primarycontentcontainer .col-md-8 {
  font-size: 16px;
  color: var(--fontColor);
  padding: 0em;
}
html:has(.content-text[data-expansionid="40143"]) .primarycontentcontainer .col-md-8 p {
  color: var(--fontColor);
}
html:has(.content-text[data-expansionid="40143"]) .primarycontentcontainer .row:has(.backdrop) {
  background: unset;
}
html:has(.content-text[data-expansionid="40143"]) .primarycontentcontainer .col-md-4.toccol {
  display: none;
}
html:has(.content-text[data-expansionid="40143"]) .primarycontentcontainer .col-md-8:has(.content-text[data-expansionid="40143"]) {
  width: clamp(750px, 80%, 1140px);
}
html:has(.content-text[data-expansionid="40143"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40143"]) {
  position: relative;
  padding-left: 15vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
html:has(.content-text[data-expansionid="40143"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40143"]) #page-content {
  z-index: 1;
  position: relative;
}
html:has(.content-text[data-expansionid="40143"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40143"])::after {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(5.9vw, var(--red)), color-stop(6vw, transparent)), var(--redSiding);
  background: linear-gradient(to right, var(--red) 5.9vw, transparent 6vw), var(--redSiding);
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 100% 100%, 15vw 100vw, auto auto;
  background-position: left 90vw, left top, left top;
  background-attachment: scroll, scroll;
  pointer-events: none;
  z-index: 1;
}
html:has(.content-text[data-expansionid="40143"]) .primarycontentcontainer .content-text {
  padding: 0 1em 0 0;
}

html[data-theme=dark]:has([data-expansionid="40143"]) .primarycontentcontainer {
  --blend: normal;
  --backColor: var(--dm-backColor);
  --fontColor: var(--dm-fontColor);
  --altColor: var(--lm-fontColor);
}
html[data-theme=dark]:has([data-expansionid="40143"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40143"]) {
  background: -webkit-gradient(linear, left top, right top, color-stop(5.9vw, var(--red)), color-stop(6vw, transparent)), var(--redSiding), -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(120vw, var(--backColor))), var(--background-texture);
  background: linear-gradient(to right, var(--red) 5.9vw, transparent 6vw), var(--redSiding), linear-gradient(to bottom, transparent 0, var(--backColor) 120vw), var(--background-texture);
  background-repeat: no-repeat;
  background-size: 100% 100%, 15vw 100vw, 100% 100%, 300% auto;
  background-position: left 90vw, left top, left top, left top;
  background-attachment: scroll, scroll;
}
html[data-theme=dark]:has([data-expansionid="40143"]) .primarycontentcontainer img.code_deco {
  -webkit-filter: invert(1);
          filter: invert(1);
}
html[data-theme=dark]:has([data-expansionid="40143"]) .primarycontentcontainer .content-text #pagecontent {
  color: var(--dm-fontColor);
}
html[data-theme=dark]:has([data-expansionid="40143"]) .primarycontentcontainer .content-text #pagecontent p {
  color: var(--dm-fontColor);
}
html[data-theme=dark]:has([data-expansionid="40143"]) .primarycontentcontainer .content-text #pagecontent .drop-cap {
  mix-blend-mode: lighten;
}

/* Alien Evolved */

.content-text[data-expansionid="40142"] #pagecontent {
  color: var(--fontColor);
  position: relative;
  z-index: 1;
  font-family: var(--fontMain);
}
.content-text[data-expansionid="40142"] #pagecontent .center {
  text-align: center;
}
.content-text[data-expansionid="40142"] #pagecontent p {
  font-family: var(--fontMain);
  margin-bottom: unset;
}
.content-text[data-expansionid="40142"] #pagecontent p + ul, .content-text[data-expansionid="40142"] #pagecontent p + ol {
  margin-top: 0;
}
.content-text[data-expansionid="40142"] #pagecontent p + p {
  text-indent: 1em;
}
.content-text[data-expansionid="40142"] #pagecontent p:has(.drop-cap) {
  text-indent: 0;
}
.content-text[data-expansionid="40142"] #pagecontent .drop-cap {
  font-family: var(--fontScript);
  font-size: 5em;
  font-weight: bold;
  --__trans: 0.2;
  color: color-mix(in lch, var(--tone) 100%, transparent);
  float: left;
  margin: -0.2em 0 0 0;
  line-height: 1;
  mix-blend-mode: color-burn;
}
.content-text[data-expansionid="40142"] #pagecontent span.uppercase {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
  font-family: var(--fontHeader);
}
.content-text[data-expansionid="40142"] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-expansionid="40142"] #pagecontent ::-webkit-scrollbar-track {
  background: var(--lm-fontColor);
}
.content-text[data-expansionid="40142"] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--col-purple);
}
.content-text[data-expansionid="40142"] #pagecontent pre {
  margin: 3rem 0;
}
.content-text[data-expansionid="40142"] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-expansionid="40142"] #pagecontent :where(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  mix-blend-mode: var(--blend);
}
.content-text[data-expansionid="40142"] #pagecontent :where(img).spot {
  shape-outside: ellipse(50% 50%);
  float: right;
}
.content-text[data-expansionid="40142"] #pagecontent *:has(img.background) {
  position: relative;
  z-index: 1;
}
.content-text[data-expansionid="40142"] #pagecontent img.background {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
}
.content-text[data-expansionid="40142"] #pagecontent :where(dl) {
  margin: 0;
}
.content-text[data-expansionid="40142"] #pagecontent dl {
  margin-left: 0;
}
.content-text[data-expansionid="40142"] #pagecontent dd {
  display: inline;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.content-text[data-expansionid="40142"] #pagecontent dt {
  display: inline;
  color: var(--tone);
}
.content-text[data-expansionid="40142"] #pagecontent strong, .content-text[data-expansionid="40142"] #pagecontent span.Box_Box-Text-Fake-Small-Caps .smallcaps {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.8em;
  font-family: var(--fontHeader);
}
.content-text[data-expansionid="40142"] #pagecontent h1, .content-text[data-expansionid="40142"] #pagecontent h2, .content-text[data-expansionid="40142"] #pagecontent h3, .content-text[data-expansionid="40142"] #pagecontent h4, .content-text[data-expansionid="40142"] #pagecontent h5 {
  line-height: 1;
  margin: 0.5em 0 0 0;
}
.content-text[data-expansionid="40142"] #pagecontent h1 img, .content-text[data-expansionid="40142"] #pagecontent h2 img, .content-text[data-expansionid="40142"] #pagecontent h3 img, .content-text[data-expansionid="40142"] #pagecontent h4 img, .content-text[data-expansionid="40142"] #pagecontent h5 img {
  display: inline-block;
}
.content-text[data-expansionid="40142"] #pagecontent h1 {
  font-size: 2.5em;
  margin: 0.5em 0 1em 0;
  position: relative;
  font-family: var(--fontHeader);
  font-weight: bold;
  text-transform: uppercase;
  font-weight: normal;
  color: var(--fontColor);
  border-bottom: 0.4em solid var(--fontColor);
  z-index: 0;
}
.content-text[data-expansionid="40142"] #pagecontent h2 {
  position: relative;
  color: var(--fontColor);
  font-family: var(--fontHeader);
  font-size: 2em;
  font-weight: bold;
}
.content-text[data-expansionid="40142"] #pagecontent h3 {
  font-family: var(--fontHeader);
  color: var(--fontColor);
  font-size: 1.2em;
  font-weight: bold;
}
.content-text[data-expansionid="40142"] #pagecontent h4 {
  margin-bottom: 0;
  font-family: var(--fontMain);
  font-size: 1em;
  color: var(--fontColor);
  font-weight: bold;
}
.content-text[data-expansionid="40142"] #pagecontent h5 {
  margin: 0.5em 0;
  font-family: var(--fontMain);
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
}
.content-text[data-expansionid="40142"] #pagecontent :is(h2, h3, h4, h5) span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-expansionid="40142"] #pagecontent .Headers_Character-Ability-Level-Header {
  display: block;
  border-bottom: 2px solid var(--tone);
  font-family: var(--fontHeader);
  font-size: 1em;
  font-weight: normal;
}
.content-text[data-expansionid="40142"] #pagecontent article p {
  text-indent: 0;
}
.content-text[data-expansionid="40142"] #pagecontent article p + p {
  text-indent: 1em;
}
.content-text[data-expansionid="40142"] #pagecontent article p:has(dt) + p {
  text-indent: 0;
}
.content-text[data-expansionid="40142"] #pagecontent .columns {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.content-text[data-expansionid="40142"] #pagecontent .columns table {
  width: 100%;
}
.content-text[data-expansionid="40142"] #pagecontent caption, .content-text[data-expansionid="40142"] #pagecontent .caption {
  font-family: var(--fontHeader);
  font-weight: normal;
  color: var(--tone);
  text-align: left;
  margin: 0;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="40142"] #pagecontent .inline {
  display: inline;
}
.content-text[data-expansionid="40142"] #pagecontent span[class^=ico_] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 0 0.2em;
  display: inline-block;
  width: 2ch;
  aspect-ratio: 1/1;
}
.content-text[data-expansionid="40142"] #pagecontent span[class^=ico_].ico_alien {
  background-image: url(https://files.d20.io/images/459312467/k0BLrD8luhmUEKOtttcnuQ/max.png?1759788891);
}
.content-text[data-expansionid="40142"] #pagecontent span[class^=ico_].ico_alien_alt {
  background-image: url(https://files.d20.io/images/459312283/mEZH_HGNQ9USnfchEtxTXA/max.png?1759788809);
}
.content-text[data-expansionid="40142"] #pagecontent span[class^=ico_].ico_success {
  background-image: url(https://files.d20.io/images/459312275/lcEtnBD-UbUTZ4kbMtKOzA/max.png?1759788809);
}
.content-text[data-expansionid="40142"] #pagecontent span[class^=ico_].ico_success_alt {
  background-image: url(https://files.d20.io/images/459312285/dQFSvG647IfPl-UAxPSoKA/max.png?1759788809);
}
.content-text[data-expansionid="40142"] #pagecontent span[class^=ico_].ico_cinematic {
  background-image: url(https://files.d20.io/images/459312278/GE3Dyl0bJ75p7x3wNUZ-lA/max.png?1759788809);
}
.content-text[data-expansionid="40142"] #pagecontent span[class^=ico_].ico_campaign {
  background-image: url(https://files.d20.io/images/459312276/tJjGSrWl4BozVlG15kMjDA/max.png?1759788809);
}
.content-text[data-expansionid="40142"] #pagecontent span[class^=ico_].ico_cluttered {
  background-image: url(https://files.d20.io/images/459312376/_IfuoV_UzNokRUfW7nOMAw/max.png?1759788848);
}
.content-text[data-expansionid="40142"] #pagecontent span[class^=ico_].ico_open {
  background-image: url(https://files.d20.io/images/459312364/E2Suab0FoM-Zuugxm8NM5A/max.png?1759788848);
}
.content-text[data-expansionid="40142"] #pagecontent span[class^=ico_].ico_cursor {
  background-image: url(https://files.d20.io/images/459312284/nV_DDtSBI9DHX8D0uOHuLw/max.png?1759788809);
}
.content-text[data-expansionid="40142"] #pagecontent span[class^=ico_].ico_important {
  background-image: url(https://files.d20.io/images/459312366/gMjpKLnFLGXO8rgN8r6I0Q/max.png?1759788848);
}
.content-text[data-expansionid="40142"] #pagecontent span[class^=ico_].ico_period::after {
  content: "⬤";
}
.content-text[data-expansionid="40142"] #pagecontent table {
  --__trans: 10%;
  min-width: 50%;
  width: 100%;
  color: var(--tone);
  border: unset;
  border-bottom: 2px solid var(--tone);
  border-collapse: separate;
}
.content-text[data-expansionid="40142"] #pagecontent table * {
  font-weight: 500;
  color: var(--tone);
}
.content-text[data-expansionid="40142"] #pagecontent table caption, .content-text[data-expansionid="40142"] #pagecontent table .caption {
  font-family: var(--fontHeader);
  font-weight: normal;
  color: var(--tone);
  text-align: left;
  margin: 0;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="40142"] #pagecontent table thead tr th, .content-text[data-expansionid="40142"] #pagecontent table thead tr td, .content-text[data-expansionid="40142"] #pagecontent table thead tr h1, .content-text[data-expansionid="40142"] #pagecontent table thead tr h2, .content-text[data-expansionid="40142"] #pagecontent table thead tr h3, .content-text[data-expansionid="40142"] #pagecontent table thead tr h4, .content-text[data-expansionid="40142"] #pagecontent table thead tr h5 {
  font-family: var(--fontSystem);
  font-weight: bold;
}
.content-text[data-expansionid="40142"] #pagecontent table thead tr th {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.5em;
}
.content-text[data-expansionid="40142"] #pagecontent table.alternating tbody tr:nth-child(even) {
  background: color-mix(in lch, var(--tone) var(--__trans), transparent);
}
.content-text[data-expansionid="40142"] #pagecontent table tr.shaded > td {
  background: color-mix(in lch, var(--tone) var(--__trans), transparent);
}
.content-text[data-expansionid="40142"] #pagecontent table td, .content-text[data-expansionid="40142"] #pagecontent table th {
  padding: 0 !important;
  text-indent: 5px;
  vertical-align: middle;
}
.content-text[data-expansionid="40142"] #pagecontent table tr td, .content-text[data-expansionid="40142"] #pagecontent table tr th {
  border: 1px solid color-mix(in lch, var(--tone) 50%, transparent);
  border-width: 0 0 2px 0;
}
.content-text[data-expansionid="40142"] #pagecontent table tr td:first-of-type, .content-text[data-expansionid="40142"] #pagecontent table tr th:first-of-type {
  white-space: nowrap;
}
.content-text[data-expansionid="40142"] #pagecontent table tbody tr.black {
  background: black;
}
.content-text[data-expansionid="40142"] #pagecontent table tbody tr.black td, .content-text[data-expansionid="40142"] #pagecontent table tbody tr.black th {
  font-family: var(--fontSystemSC);
  color: white;
}
.content-text[data-expansionid="40142"] #pagecontent table tbody tr.tone {
  background: var(--tone);
}
.content-text[data-expansionid="40142"] #pagecontent table tbody tr.tone td, .content-text[data-expansionid="40142"] #pagecontent table tbody tr.tone th {
  font-family: var(--fontSystemSC);
  color: white;
}
.content-text[data-expansionid="40142"] #pagecontent table tr:last-of-type > td {
  border-bottom: unset;
}
.content-text[data-expansionid="40142"] #pagecontent table .Header-Center {
  text-align: center;
}
.content-text[data-expansionid="40142"] #pagecontent table tbody td {
  border-image-source: var(--internalBorder);
}
.content-text[data-expansionid="40142"] #pagecontent table[class*=center] td {
  text-align: left;
}
.content-text[data-expansionid="40142"] #pagecontent table[class*=center][class*="1"] :is(td:nth-of-type(1), th:nth-of-type(1)) {
  text-align: center;
}
.content-text[data-expansionid="40142"] #pagecontent table[class*=center][class*="2"] :is(td:nth-of-type(2), th:nth-of-type(2)) {
  text-align: center;
}
.content-text[data-expansionid="40142"] #pagecontent table[class*=center][class*="3"] :is(td:nth-of-type(3), th:nth-of-type(3)) {
  text-align: center;
}
.content-text[data-expansionid="40142"] #pagecontent table[class*=center][class*="4"] :is(td:nth-of-type(4), th:nth-of-type(4)) {
  text-align: center;
}
.content-text[data-expansionid="40142"] #pagecontent table[class*=center][class*="5"] :is(td:nth-of-type(5), th:nth-of-type(5)) {
  text-align: center;
}
.content-text[data-expansionid="40142"] #pagecontent table[class*=center][class*="6"] :is(td:nth-of-type(6), th:nth-of-type(6)) {
  text-align: center;
}
.content-text[data-expansionid="40142"] #pagecontent table[class*=center][class*="7"] :is(td:nth-of-type(7), th:nth-of-type(7)) {
  text-align: center;
}
.content-text[data-expansionid="40142"] #pagecontent table[class*=center][class*="8"] :is(td:nth-of-type(8), th:nth-of-type(8)) {
  text-align: center;
}
.content-text[data-expansionid="40142"] #pagecontent table[class*=center][class*="9"] :is(td:nth-of-type(9), th:nth-of-type(9)) {
  text-align: center;
}
.content-text[data-expansionid="40142"] #pagecontent table[class=center] td {
  text-align: center;
}
.content-text[data-expansionid="40142"] #pagecontent table .vertical td, .content-text[data-expansionid="40142"] #pagecontent table .vertical th {
  text-align: center;
  vertical-align: middle;
  text-orientation: sideways;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  rotate: 180deg;
  padding: 5px 0;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
.content-text[data-expansionid="40142"] #pagecontent table table {
  border: unset;
  margin: 0 !important;
}
.content-text[data-expansionid="40142"] #pagecontent table.stats {
  font-family: var(--fontSystem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
}
.content-text[data-expansionid="40142"] #pagecontent table.stats tr {
  background: unset !important;
}
.content-text[data-expansionid="40142"] #pagecontent table.stats tr td {
  padding: 0 5px !important;
  background: color-mix(in srgb, var(--mid-tone) 30%, transparent);
}
.content-text[data-expansionid="40142"] #pagecontent table.stats tr td:not(:last-child):nth-child(2n) {
  text-align: center;
  border-right: 5px solid var(--backColor);
}
.content-text[data-expansionid="40142"] #pagecontent table.stats caption {
  background: var(--tone);
  font-family: var(--fontSystem);
  text-decoration: underline;
  color: var(--dm-fontColor);
  padding: 0 5px;
}
.content-text[data-expansionid="40142"] #pagecontent div.hr {
  position: relative;
  border-bottom: 1px solid var(--tone);
  margin: 1em 0;
}
.content-text[data-expansionid="40142"] #pagecontent div.hr::before, .content-text[data-expansionid="40142"] #pagecontent div.hr::after {
  content: "◯";
  position: absolute;
  bottom: -0.75em;
  color: var(--tone);
}
.content-text[data-expansionid="40142"] #pagecontent div.hr::before {
  left: -1em;
}
.content-text[data-expansionid="40142"] #pagecontent div.hr::after {
  content: "⟋";
  right: -0.35em;
}
.content-text[data-expansionid="40142"] #pagecontent aside {
  padding: 1em;
  border: 2px solid var(--tone);
  border-top-width: 0.4em;
  border-radius: 0 0 1em 1em;
  background: color-mix(in lch, var(--tone) 10%, transparent);
  color: var(--tone);
}
.content-text[data-expansionid="40142"] #pagecontent aside * {
  color: var(--tone);
}
.content-text[data-expansionid="40142"] #pagecontent aside :is(h1, h2, h3, h4) span {
  margin: 0 0 0 -0.9em;
  color: var(--dm-fontColor);
  font-size: 1em;
  font-weight: normal;
  background: var(--tone);
  height: 1.5em;
  place-content: center;
  padding: 0 2em 0 1em;
  clip-path: polygon(0 0, 100% 0, calc(100% - 1.5em) 100%, 0 100%);
}
.content-text[data-expansionid="40142"] #pagecontent aside:has(> .header) {
  border-top-width: unset;
}
.content-text[data-expansionid="40142"] #pagecontent aside:has(> .header:empty) {
  background: var(--backColor);
}
.content-text[data-expansionid="40142"] #pagecontent aside div.header {
  width: calc(100% + 2em);
  margin-top: -1em;
  margin-left: -1em;
  margin-bottom: 0.5em;
  padding: 0.5em 1em 0em 1em;
  background: var(--backColor);
  border-bottom: 7px double var(--tone);
}
.content-text[data-expansionid="40142"] #pagecontent aside div.header > h3 {
  margin-top: -0.5em;
}
.content-text[data-expansionid="40142"] #pagecontent aside div.header > h3:has(span) {
  height: 1.5em;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -ms-grid-columns: auto 0.25em 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  place-content: center;
  gap: 0.25em;
}
.content-text[data-expansionid="40142"] #pagecontent aside div.header:empty {
  --grid_size: 0.5em;
  border-bottom: 2px solid var(--tone);
  height: 1em;
  background: linear-gradient(to right, var(--tone) 1px, transparent 1px), linear-gradient(to bottom, var(--tone) 1px, transparent 1px);
  background-size: var(--grid_size) var(--grid_size);
  background-attachment: fixed;
}
.content-text[data-expansionid="40142"] #pagecontent aside:has(> h3) {
  position: relative;
  background: var(--tone);
  clip-path: var(--clip_corner);
  font-family: var(--fontSystem);
  border: 1px solid var(--tone);
  border-radius: 0;
  padding: 0.5em 1em 1em 1em;
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="40142"] #pagecontent aside:has(> h3) td {
  padding: 0 5px;
}
.content-text[data-expansionid="40142"] #pagecontent aside:has(> h3) * {
  color: var(--tone);
}
.content-text[data-expansionid="40142"] #pagecontent aside:has(> h3)::before {
  background: var(--backColor);
  outline: 1px solid var(--tone);
  outline-offset: -6px;
  position: absolute;
  content: "";
  inset: 0;
  clip-path: var(--clip_corner_inner);
  padding: 2px;
  z-index: -1;
}
.content-text[data-expansionid="40142"] #pagecontent aside:has(> h3) > h3 {
  container-type: inline-size;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2em;
  width: calc(100% + 2em);
  left: -1em;
  right: 4px;
  top: 1px;
  border: 2px solid var(--tone);
  border-width: 0 0 3px 0;
  font-family: var(--fontSystem);
  color: var(--tone);
  margin: -4px 0 0.25em 0;
  padding: 0;
  padding-left: 1.25em;
}
.content-text[data-expansionid="40142"] #pagecontent aside:has(> h3) > h3::after {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  content: "";
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 2em;
  margin: -0.25em -0.55em -0.25em calc(1em + 6px);
  border: 1px solid var(--tone);
  background: linear-gradient(to right, var(--tone) 1px, transparent 1px), linear-gradient(to bottom, var(--tone) 1px, transparent 1px);
  background-size: var(--grid_size) var(--grid_size);
  background-attachment: fixed;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big {
  position: relative;
  border: unset;
  padding: 1.5em;
  background: unset;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big > h2 {
  text-transform: uppercase;
  font-family: var(--fontHeader2);
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: unset;
  gap: 0.2em;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big > h2 span {
  all: unset;
  padding: 0.1em 0.5em;
  background: var(--tone);
  color: var(--dm-fontColor);
  font-family: var(--fontSystem);
  font-size: 0.6em;
  font-weight: normal;
  -ms-grid-row-align: anchor-center;
  -ms-grid-column-align: anchor-center;
  place-self: anchor-center;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big > h2:has(span) {
  position: relative;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid var(--tone);
  margin-bottom: 0.25em;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big > h2:has(span)::before, .content-text[data-expansionid="40142"] #pagecontent aside.big > h2:has(span)::after {
  content: "";
}
.content-text[data-expansionid="40142"] #pagecontent aside.big > h2:has(span)::before {
  --grid_size: 0.25em;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 0.5;
      -ms-flex: 0.5;
          flex: 0.5;
  background: linear-gradient(to right, color-mix(in srgb, var(--tone) 50%, transparent) 2px, transparent 2px);
  background-size: var(--grid_size) 2px;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big > h2:has(span)::after {
  --grid_size: 0.5em;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 2px solid var(--tone);
  border-width: 2px 2px 0 2px;
  border-radius: 0 1em 0 0;
  background: linear-gradient(to right, var(--tone) 1px, transparent 1px), linear-gradient(to bottom, var(--tone) 1px, transparent 1px), linear-gradient(to right, var(--backColor), var(--backColor));
  background-size: var(--grid_size) var(--grid_size);
  background-attachment: fixed;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big > h2.rumor {
  background: var(--tone);
  height: 1.5em;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big > h2.rumor span {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big > h2.rumor::after {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 150px;
  background: var(--img-wavelength3);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid var(--lm-backColor);
  border-radius: 0;
  margin: 5px;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big::before {
  content: "";
  position: absolute;
  inset: 0px;
  background: var(--tone);
  clip-path: var(--clip_all_corners);
  z-index: -1;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: -webkit-gradient(linear, left top, right top, from(color-mix(in lch, var(--tone) 20%, var(--backColor))), to(color-mix(in lch, var(--tone) 20%, var(--backColor))));
  background: linear-gradient(to right, color-mix(in lch, var(--tone) 20%, var(--backColor)), color-mix(in lch, var(--tone) 20%, var(--backColor)));
  clip-path: var(--clip_all_corners_inner);
  z-index: -1;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big div.big {
  --bevel: 1.2em;
  --clip_all_corners: polygon(
      var(--bevel) 0,
      calc(100% - var(--bevel)) 0,
      100% var(--bevel),
      100% calc(100% - var(--bevel)),
      calc(100% - var(--bevel)) 100%,
      var(--bevel) 100%,
      0 calc(100% - var(--bevel)),
      0 var(--bevel)
  );
  --clip_all_corners_inner: polygon(
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel_padding)) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)),
      calc(100% - var(--bevel_padding)) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      var(--bevel_padding) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      var(--bevel_padding) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust))
  );
  position: relative;
  background: var(--tone);
  clip-path: var(--clip_all_corners);
  border: unset;
  padding: 0.5em 1em 1em 1em;
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big div.big > h3 {
  margin: 0;
  margin-bottom: 0.5em;
  margin-left: 1em;
  display: inline-block;
  border: 2px solid var(--tone);
  border-bottom-width: 0.25em;
  padding: 0.2em 0.75em;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big div.big > h3:first-child {
  margin-top: -0.5em;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big div.big::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--backColor);
  clip-path: var(--clip_all_corners_inner);
  z-index: -1;
}
.content-text[data-expansionid="40142"] #pagecontent aside.big div.big.notepad::before {
  background-position: 0 10px !important;
}
.content-text[data-expansionid="40142"] #pagecontent .corner_br {
  background: var(--tone);
  position: relative;
  clip-path: var(--clip_corner_br);
  border: unset;
  border-radius: unset;
  padding: 1em;
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="40142"] #pagecontent .corner_br::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--backColor);
  clip-path: var(--clip_corner_inner_br);
  z-index: -1;
}
.content-text[data-expansionid="40142"] #pagecontent aside.block {
  all: unset;
  border: 2px solid black;
  -o-border-image: var(--border-line) 80;
     border-image: var(--border-line) 80;
  border-image-width: 4em;
  display: block;
  padding: 1.5em;
  margin: 2em 0;
  background: color-mix(in lch, var(--lm-deep) 15%, transparent 60%);
  -webkit-box-shadow: 0.2em 0.2em 0.2em color-mix(in lch, var(--lm-deep) 50%, transparent 60%);
          box-shadow: 0.2em 0.2em 0.2em color-mix(in lch, var(--lm-deep) 50%, transparent 60%);
}
.content-text[data-expansionid="40142"] #pagecontent aside.block blockquote {
  font-style: normal;
  font-weight: bold;
}
.content-text[data-expansionid="40142"] #pagecontent aside.block blockquote img {
  margin: 1em;
}
.content-text[data-expansionid="40142"] #pagecontent aside.block blockquote p {
  font-family: var(--fontMain);
}
.content-text[data-expansionid="40142"] #pagecontent aside.block blockquote.center {
  text-align: center;
  line-height: 2;
  font-size: 1.2em;
  text-wrap: balance;
}
.content-text[data-expansionid="40142"] #pagecontent aside.block blockquote.center::after {
  text-align: center;
  padding-left: 0;
}
.content-text[data-expansionid="40142"] #pagecontent aside.log {
  position: relative;
  line-height: calc(1em + 5px);
  background: var(--tone);
  clip-path: var(--clip_corner_br);
  border: unset;
  border-radius: unset;
  padding: 1em;
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="40142"] #pagecontent aside.log > * {
  line-height: calc(1em + 5px);
}
.content-text[data-expansionid="40142"] #pagecontent aside.log::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, var(--backColor) calc(1em + 3px), color-mix(in lch, var(--tone) 40%, var(--backColor)) calc(1em + 0px)), linear-gradient(color-mix(in lch, var(--tone) 10%, var(--backColor))) !important;
  background-blend-mode: multiply;
  background-size: 100% calc(1em + 5px) !important;
  clip-path: var(--clip_corner_inner_br);
  pointer-events: none;
  z-index: -1;
}
.content-text[data-expansionid="40142"] #pagecontent aside.log > .header {
  position: relative;
  display: -ms-grid;
  display: grid;
  border: 2px solid var(--tone);
  border-bottom: 5px double var(--tone);
  -ms-grid-columns: auto 1em auto 1em 1fr;
  grid-template-columns: auto auto 1fr;
  -ms-grid-rows: auto 0 auto;
      grid-template-areas: "log time place" "recorder recorder recorder";
  padding: 0;
  gap: 0 1em;
}
.content-text[data-expansionid="40142"] #pagecontent aside.log > .header::before {
  position: absolute;
  width: 100%;
  content: "";
  border-bottom: 2px solid var(--tone);
  top: calc(1.5em - 5px);
}
.content-text[data-expansionid="40142"] #pagecontent aside.log > .header h3 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  display: -ms-grid;
  display: grid;
  place-content: center;
  font-size: 1em;
  padding: 0 0.5em;
  background: var(--tone);
  color: var(--dm-fontColor);
  font-family: var(--fontSystem);
  text-align: center;
  margin: 0;
  grid-area: log;
}
.content-text[data-expansionid="40142"] #pagecontent aside.log > .header .time {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  padding: 0 0.5em;
  padding-right: 1em;
  position: relative;
  grid-area: time;
}
.content-text[data-expansionid="40142"] #pagecontent aside.log > .header .time::after {
  border-right: 1px solid var(--tone);
  content: "";
  position: absolute;
  height: 2em;
  right: 0;
  bottom: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translate(50%, 50%) rotate(45deg);
          transform: translate(50%, 50%) rotate(45deg);
}
.content-text[data-expansionid="40142"] #pagecontent aside.log > .header .place {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: place;
  font-family: var(--fontSystem);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.5em;
}
.content-text[data-expansionid="40142"] #pagecontent aside.log > .header .place::before {
  content: "★";
  padding-right: 0.2em;
}
.content-text[data-expansionid="40142"] #pagecontent aside.log > .header .recorder {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-area: recorder;
  position: relative;
  padding: 0.25em 0.5em;
  text-transform: uppercase;
}
.content-text[data-expansionid="40142"] #pagecontent aside.log > .header .recorder::after {
  display: inline-block;
  content: "";
  border-left: 2px solid var(--tone);
  height: calc(0.5em + 100% - 2px);
  margin-top: calc(-0.25em + 2px);
  margin-right: -0.5em;
  background: var(--img-wavelength1), -webkit-gradient(linear, left top, right top, from(color-mix(in lch, var(--tone) 10%, var(--backColor))), to(color-mix(in lch, var(--tone) 10%, var(--backColor))));
  background: var(--img-wavelength1), linear-gradient(to right, color-mix(in lch, var(--tone) 10%, var(--backColor)), color-mix(in lch, var(--tone) 10%, var(--backColor)));
  background-size: 7em, 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 9em;
}
.content-text[data-expansionid="40142"] #pagecontent aside.log:where(:nth-of-type(odd) .header) .recorder::after {
  background: var(--img-wavelength2), -webkit-gradient(linear, left top, right top, from(color-mix(in lch, var(--tone) 10%, var(--backColor))), to(color-mix(in lch, var(--tone) 10%, var(--backColor))));
  background: var(--img-wavelength2), linear-gradient(to right, color-mix(in lch, var(--tone) 10%, var(--backColor)), color-mix(in lch, var(--tone) 10%, var(--backColor)));
  background-size: 7em, 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.content-text[data-expansionid="40142"] #pagecontent aside.log .recorder.pause::after {
  background: var(--img-wavelength_pause), -webkit-gradient(linear, left top, right top, from(color-mix(in lch, var(--tone) 10%, var(--backColor))), to(color-mix(in lch, var(--tone) 10%, var(--backColor))));
  background: var(--img-wavelength_pause), linear-gradient(to right, color-mix(in lch, var(--tone) 10%, var(--backColor)), color-mix(in lch, var(--tone) 10%, var(--backColor)));
  background-size: 7em, 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.content-text[data-expansionid="40142"] #pagecontent aside.log .recorder.end::after {
  background: var(--img-wavelength_end), -webkit-gradient(linear, left top, right top, from(color-mix(in lch, var(--tone) 10%, var(--backColor))), to(color-mix(in lch, var(--tone) 10%, var(--backColor))));
  background: var(--img-wavelength_end), linear-gradient(to right, color-mix(in lch, var(--tone) 10%, var(--backColor)), color-mix(in lch, var(--tone) 10%, var(--backColor)));
  background-size: 7em, 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.content-text[data-expansionid="40142"] #pagecontent .notepad {
  position: relative;
  line-height: calc(1em + 5px);
}
.content-text[data-expansionid="40142"] #pagecontent .notepad > * {
  line-height: calc(1em + 5px);
}
.content-text[data-expansionid="40142"] #pagecontent .notepad::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, var(--backColor) calc(1em + 3px), color-mix(in lch, var(--tone) 40%, var(--backColor)) calc(1em + 0px)) !important;
  background-size: 100% calc(1em + 5px) !important;
  background-position: 0 -5px !important;
  pointer-events: none;
  z-index: -1;
}
.content-text[data-expansionid="40142"] #pagecontent .notepad:is(div)::before {
  background-position: 0 0 !important;
}
.content-text[data-expansionid="40142"] #pagecontent ol {
  padding-left: 1.75em;
}
.content-text[data-expansionid="40142"] #pagecontent ol li {
  counter-increment: list-item;
  list-style-type: none;
  position: relative;
  padding-left: 0.5em;
}
.content-text[data-expansionid="40142"] #pagecontent ol li::marker {
  content: counter(list-item) ".";
  width: 2ch;
  text-align: center;
}
.content-text[data-expansionid="40142"] #pagecontent ul {
  padding-left: 1em;
  margin-bottom: 1em;
  margin-left: -0.25em;
}
.content-text[data-expansionid="40142"] #pagecontent ul li {
  text-indent: 0.5em;
}
.content-text[data-expansionid="40142"] #pagecontent ul li::marker {
  content: "►";
  font-size: 0.8em;
}
.content-text[data-expansionid="40142"] #pagecontent ul.checklist li {
  padding-left: 0.5em;
}
.content-text[data-expansionid="40142"] #pagecontent ul.checklist li::marker {
  content: "□";
  font-size: 1.5em;
}
.content-text[data-expansionid="40142"] #pagecontent table ul {
  margin: 0;
}
.content-text[data-expansionid="40142"] #pagecontent .fake_li {
  margin-left: -0.25em;
  display: inline-block;
}
.content-text[data-expansionid="40142"] #pagecontent .fake_li::after {
  content: "►";
  font-size: 0.8em;
}
.content-text[data-expansionid="40142"] #pagecontent blockquote {
  position: relative;
  font-family: var(--fontSystem);
  font-weight: bold;
  font-size: 1em;
  padding: 0;
  margin: 0.5em 2em 0.5em 1em;
  border: unset;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.content-text[data-expansionid="40142"] #pagecontent blockquote p {
  font-family: var(--fontSystem);
  font-weight: bold;
}
.content-text[data-expansionid="40142"] #pagecontent blockquote[cite]::before {
  border-bottom: 1px solid var(--fontColor);
  content: "";
  position: absolute;
  width: 100%;
  bottom: calc(1.5em - 2px);
}
.content-text[data-expansionid="40142"] #pagecontent blockquote[cite]::after {
  border-right: 1px solid var(--fontColor);
  padding-right: 1em;
  content: attr(cite);
  font-family: var(--fontSystem);
  font-style: normal;
  font-weight: bold;
  display: inline-block;
  clear: left;
  margin-top: 0.5em;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.content-text[data-expansionid="40142"] #pagecontent .script {
  font-family: var(--fontScript);
  font-style: normal;
  font-size: 1.2em;
  padding: 1em 2em;
}
.content-text[data-expansionid="40142"] #pagecontent .script::after {
  font-size: 1em;
}
.content-text[data-expansionid="40142"] #pagecontent img.code_deco {
  display: inline-block;
  width: 30%;
}
.content-text[data-expansionid="40142"] #pagecontent .edge_image {
  --__inset: 55%;
  position: relative;
  width: 100%;
  aspect-ratio: 1.5/1;
  z-index: -1;
}
.content-text[data-expansionid="40142"] #pagecontent .edge_image::before {
  content: "";
  position: absolute;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
          mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
  background: var(--_attr_bg);
  background-size: cover;
  background-position: -30% 0;
  height: 100%;
  width: calc(100% + 4em - 4px);
  left: calc(-2em + 2px);
}
.content-text[data-expansionid="40142"] #pagecontent .edge_image::after {
  --_angle: 10px;
  position: absolute;
  inset: 0;
  width: calc(115% + 3em);
  left: -15%;
  background: -webkit-gradient(linear, left top, left bottom, from(color-mix(in srgb, var(--backColor) 100%, transparent)), color-stop(25%, color-mix(in srgb, var(--backColor) 80%, transparent)), color-stop(50%, color-mix(in srgb, var(--backColor) 80%, transparent)), to(var(--backColor)));
  background: linear-gradient(to bottom, color-mix(in srgb, var(--backColor) 100%, transparent) 0%, color-mix(in srgb, var(--backColor) 80%, transparent) 25%, color-mix(in srgb, var(--backColor) 80%, transparent) 50%, var(--backColor) 100%);
}
.content-text[data-expansionid="40142"] #pagecontent .edge_image.__left {
  float: right;
  shape-outside: polygon(var(--__inset) 0, 100% 0, 100% 100%, var(--__inset) 100%);
}
.content-text[data-expansionid="40142"] #pagecontent .edge_image.__left::after {
  content: "";
  width: calc(115% + 1em);
  clip-path: polygon(calc(10% - var(--_angle)) 0, 60% 0, 60% 80%, calc(60% - var(--_angle)) calc(80% + var(--_angle)), calc(60% - var(--_angle)) calc(85% + var(--_angle)), calc(60% - var(--_angle)) 100%, 10% 100%, 10% 70%, calc(10% + var(--_angle)) calc(70% - var(--_angle)), calc(10% + var(--_angle)) calc(20% + 2 * var(--_angle)), calc(10% - var(--_angle)) 20%);
}
.content-text[data-expansionid="40142"] #pagecontent .edge_image.__right {
  float: left;
  shape-outside: polygon(0 0, calc(100% - var(--__inset)) 0, calc(100% - var(--__inset)) 100%, 0 100%);
}
.content-text[data-expansionid="40142"] #pagecontent .edge_image.__right::after {
  content: "";
  clip-path: polygon(calc(50% - var(--_angle)) 0, calc(99% - var(--_angle)) 0, calc(99% - var(--_angle)) 30%, 99% calc(30% + var(--_angle)), 99% 100%, 50% 100%, 50% calc(85% - var(--_angle)), 50% 80%, calc(50% - var(--_angle)) calc(80% - var(--_angle)));
}
.content-text[data-expansionid="40142"] #pagecontent .artblock {
  position: relative;
  container-type: inline-size;
  mix-blend-mode: var(--blend);
}
.content-text[data-expansionid="40142"] #pagecontent .artblock > img {
  display: none;
}
@supports (container-type: inline-size) {
  .content-text[data-expansionid="40142"] #pagecontent .artblock > img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
  }
}
.content-text[data-expansionid="40142"] #pagecontent .artblock > div {
  padding: 1em;
}
.content-text[data-expansionid="40142"] #pagecontent span.redacted {
  background: var(--tone);
  color: var(--tone);
}
.content-text[data-expansionid="40142"] #pagecontent span.redacted::-moz-selection {
  background: var(--fontColor);
  color: var(--fontColor);
}
.content-text[data-expansionid="40142"] #pagecontent span.redacted::selection {
  background: var(--fontColor);
  color: var(--fontColor);
}
.content-text[data-expansionid="40142"] #pagecontent .toc {
  -webkit-columns: 300px;
     -moz-columns: 300px;
          columns: 300px;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  padding: 2em;
}
.content-text[data-expansionid="40142"] #pagecontent .toc h1, .content-text[data-expansionid="40142"] #pagecontent .toc h2, .content-text[data-expansionid="40142"] #pagecontent .toc h3 {
  font-family: var(--fontHeader);
  font-weight: bold;
  margin: 0.5em 0;
  text-align: left;
  font-size: 1em;
  color: var(--lm-fontColor);
}
.content-text[data-expansionid="40142"] #pagecontent .toc h1 {
  font-size: 1.25em;
  line-height: normal;
  border-bottom: 2px dotted;
}
.content-text[data-expansionid="40142"] #pagecontent .toc h2 {
  background: none;
}
.content-text[data-expansionid="40142"] #pagecontent .toc h2 a {
  color: inherit;
}
.content-text[data-expansionid="40142"] #pagecontent .toc h3 {
  text-indent: 1em;
  font-weight: normal;
}
.content-text[data-expansionid="40142"] #pagecontent .toc h3 a {
  border: none;
}
.content-text[data-expansionid="40142"] #pagecontent .toc a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-text[data-expansionid="40142"] #pagecontent .toc a:hover {
  color: var(--accent);
  border-bottom: 2px solid;
}
.content-text[data-expansionid="40142"] #pagecontent .toc img {
  position: fixed;
  inset: 0;
  z-index: -1;
}

.content-text[data-expansionid="40252"] #pagecontent {
  color: var(--fontColor);
  position: relative;
  z-index: 1;
  font-family: var(--fontMain);
}
.content-text[data-expansionid="40252"] #pagecontent .center {
  text-align: center;
}
.content-text[data-expansionid="40252"] #pagecontent p {
  font-family: var(--fontMain);
  margin-bottom: unset;
}
.content-text[data-expansionid="40252"] #pagecontent p + ul, .content-text[data-expansionid="40252"] #pagecontent p + ol {
  margin-top: 0;
}
.content-text[data-expansionid="40252"] #pagecontent p + p {
  text-indent: 1em;
}
.content-text[data-expansionid="40252"] #pagecontent p:has(.drop-cap) {
  text-indent: 0;
}
.content-text[data-expansionid="40252"] #pagecontent .drop-cap {
  font-family: var(--fontScript);
  font-size: 5em;
  font-weight: bold;
  --__trans: 0.2;
  color: color-mix(in lch, var(--tone) 100%, transparent);
  float: left;
  margin: -0.2em 0 0 0;
  line-height: 1;
  mix-blend-mode: color-burn;
}
.content-text[data-expansionid="40252"] #pagecontent span.uppercase {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
  font-family: var(--fontHeader);
}
.content-text[data-expansionid="40252"] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-expansionid="40252"] #pagecontent ::-webkit-scrollbar-track {
  background: var(--lm-fontColor);
}
.content-text[data-expansionid="40252"] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--col-purple);
}
.content-text[data-expansionid="40252"] #pagecontent pre {
  margin: 3rem 0;
}
.content-text[data-expansionid="40252"] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-expansionid="40252"] #pagecontent :where(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  mix-blend-mode: var(--blend);
}
.content-text[data-expansionid="40252"] #pagecontent :where(img).spot {
  shape-outside: ellipse(50% 50%);
  float: right;
}
.content-text[data-expansionid="40252"] #pagecontent *:has(img.background) {
  position: relative;
  z-index: 1;
}
.content-text[data-expansionid="40252"] #pagecontent img.background {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
}
.content-text[data-expansionid="40252"] #pagecontent :where(dl) {
  margin: 0;
}
.content-text[data-expansionid="40252"] #pagecontent dl {
  margin-left: 0;
}
.content-text[data-expansionid="40252"] #pagecontent dd {
  display: inline;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.content-text[data-expansionid="40252"] #pagecontent dt {
  display: inline;
  color: var(--tone);
}
.content-text[data-expansionid="40252"] #pagecontent strong, .content-text[data-expansionid="40252"] #pagecontent span.Box_Box-Text-Fake-Small-Caps .smallcaps {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.8em;
  font-family: var(--fontHeader);
}
.content-text[data-expansionid="40252"] #pagecontent h1, .content-text[data-expansionid="40252"] #pagecontent h2, .content-text[data-expansionid="40252"] #pagecontent h3, .content-text[data-expansionid="40252"] #pagecontent h4, .content-text[data-expansionid="40252"] #pagecontent h5 {
  line-height: 1;
  margin: 0.5em 0 0 0;
}
.content-text[data-expansionid="40252"] #pagecontent h1 img, .content-text[data-expansionid="40252"] #pagecontent h2 img, .content-text[data-expansionid="40252"] #pagecontent h3 img, .content-text[data-expansionid="40252"] #pagecontent h4 img, .content-text[data-expansionid="40252"] #pagecontent h5 img {
  display: inline-block;
}
.content-text[data-expansionid="40252"] #pagecontent h1 {
  font-size: 2.5em;
  margin: 0.5em 0 1em 0;
  position: relative;
  font-family: var(--fontHeader);
  font-weight: bold;
  text-transform: uppercase;
  font-weight: normal;
  color: var(--fontColor);
  border-bottom: 0.4em solid var(--fontColor);
  z-index: 0;
}
.content-text[data-expansionid="40252"] #pagecontent h2 {
  position: relative;
  color: var(--fontColor);
  font-family: var(--fontHeader);
  font-size: 2em;
  font-weight: bold;
}
.content-text[data-expansionid="40252"] #pagecontent h3 {
  font-family: var(--fontHeader);
  color: var(--fontColor);
  font-size: 1.2em;
  font-weight: bold;
}
.content-text[data-expansionid="40252"] #pagecontent h4 {
  margin-bottom: 0;
  font-family: var(--fontMain);
  font-size: 1em;
  color: var(--fontColor);
  font-weight: bold;
}
.content-text[data-expansionid="40252"] #pagecontent h5 {
  margin: 0.5em 0;
  font-family: var(--fontMain);
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
}
.content-text[data-expansionid="40252"] #pagecontent :is(h2, h3, h4, h5) span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-expansionid="40252"] #pagecontent .Headers_Character-Ability-Level-Header {
  display: block;
  border-bottom: 2px solid var(--tone);
  font-family: var(--fontHeader);
  font-size: 1em;
  font-weight: normal;
}
.content-text[data-expansionid="40252"] #pagecontent article p {
  text-indent: 0;
}
.content-text[data-expansionid="40252"] #pagecontent article p + p {
  text-indent: 1em;
}
.content-text[data-expansionid="40252"] #pagecontent article p:has(dt) + p {
  text-indent: 0;
}
.content-text[data-expansionid="40252"] #pagecontent .columns {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.content-text[data-expansionid="40252"] #pagecontent .columns table {
  width: 100%;
}
.content-text[data-expansionid="40252"] #pagecontent caption, .content-text[data-expansionid="40252"] #pagecontent .caption {
  font-family: var(--fontHeader);
  font-weight: normal;
  color: var(--tone);
  text-align: left;
  margin: 0;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="40252"] #pagecontent .inline {
  display: inline;
}
.content-text[data-expansionid="40252"] #pagecontent span[class^=ico_] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 0 0.2em;
  display: inline-block;
  width: 2ch;
  aspect-ratio: 1/1;
}
.content-text[data-expansionid="40252"] #pagecontent span[class^=ico_].ico_alien {
  background-image: url(https://files.d20.io/images/459312467/k0BLrD8luhmUEKOtttcnuQ/max.png?1759788891);
}
.content-text[data-expansionid="40252"] #pagecontent span[class^=ico_].ico_alien_alt {
  background-image: url(https://files.d20.io/images/459312283/mEZH_HGNQ9USnfchEtxTXA/max.png?1759788809);
}
.content-text[data-expansionid="40252"] #pagecontent span[class^=ico_].ico_success {
  background-image: url(https://files.d20.io/images/459312275/lcEtnBD-UbUTZ4kbMtKOzA/max.png?1759788809);
}
.content-text[data-expansionid="40252"] #pagecontent span[class^=ico_].ico_success_alt {
  background-image: url(https://files.d20.io/images/459312285/dQFSvG647IfPl-UAxPSoKA/max.png?1759788809);
}
.content-text[data-expansionid="40252"] #pagecontent span[class^=ico_].ico_cinematic {
  background-image: url(https://files.d20.io/images/459312278/GE3Dyl0bJ75p7x3wNUZ-lA/max.png?1759788809);
}
.content-text[data-expansionid="40252"] #pagecontent span[class^=ico_].ico_campaign {
  background-image: url(https://files.d20.io/images/459312276/tJjGSrWl4BozVlG15kMjDA/max.png?1759788809);
}
.content-text[data-expansionid="40252"] #pagecontent span[class^=ico_].ico_cluttered {
  background-image: url(https://files.d20.io/images/459312376/_IfuoV_UzNokRUfW7nOMAw/max.png?1759788848);
}
.content-text[data-expansionid="40252"] #pagecontent span[class^=ico_].ico_open {
  background-image: url(https://files.d20.io/images/459312364/E2Suab0FoM-Zuugxm8NM5A/max.png?1759788848);
}
.content-text[data-expansionid="40252"] #pagecontent span[class^=ico_].ico_cursor {
  background-image: url(https://files.d20.io/images/459312284/nV_DDtSBI9DHX8D0uOHuLw/max.png?1759788809);
}
.content-text[data-expansionid="40252"] #pagecontent span[class^=ico_].ico_important {
  background-image: url(https://files.d20.io/images/459312366/gMjpKLnFLGXO8rgN8r6I0Q/max.png?1759788848);
}
.content-text[data-expansionid="40252"] #pagecontent span[class^=ico_].ico_period::after {
  content: "⬤";
}
.content-text[data-expansionid="40252"] #pagecontent table {
  --__trans: 10%;
  min-width: 50%;
  width: 100%;
  color: var(--tone);
  border: unset;
  border-bottom: 2px solid var(--tone);
  border-collapse: separate;
}
.content-text[data-expansionid="40252"] #pagecontent table * {
  font-weight: 500;
  color: var(--tone);
}
.content-text[data-expansionid="40252"] #pagecontent table caption, .content-text[data-expansionid="40252"] #pagecontent table .caption {
  font-family: var(--fontHeader);
  font-weight: normal;
  color: var(--tone);
  text-align: left;
  margin: 0;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="40252"] #pagecontent table thead tr th, .content-text[data-expansionid="40252"] #pagecontent table thead tr td, .content-text[data-expansionid="40252"] #pagecontent table thead tr h1, .content-text[data-expansionid="40252"] #pagecontent table thead tr h2, .content-text[data-expansionid="40252"] #pagecontent table thead tr h3, .content-text[data-expansionid="40252"] #pagecontent table thead tr h4, .content-text[data-expansionid="40252"] #pagecontent table thead tr h5 {
  font-family: var(--fontSystem);
  font-weight: bold;
}
.content-text[data-expansionid="40252"] #pagecontent table thead tr th {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.5em;
}
.content-text[data-expansionid="40252"] #pagecontent table.alternating tbody tr:nth-child(even) {
  background: color-mix(in lch, var(--tone) var(--__trans), transparent);
}
.content-text[data-expansionid="40252"] #pagecontent table tr.shaded > td {
  background: color-mix(in lch, var(--tone) var(--__trans), transparent);
}
.content-text[data-expansionid="40252"] #pagecontent table td, .content-text[data-expansionid="40252"] #pagecontent table th {
  padding: 0 !important;
  text-indent: 5px;
  vertical-align: middle;
}
.content-text[data-expansionid="40252"] #pagecontent table tr td, .content-text[data-expansionid="40252"] #pagecontent table tr th {
  border: 1px solid color-mix(in lch, var(--tone) 50%, transparent);
  border-width: 0 0 2px 0;
}
.content-text[data-expansionid="40252"] #pagecontent table tr td:first-of-type, .content-text[data-expansionid="40252"] #pagecontent table tr th:first-of-type {
  white-space: nowrap;
}
.content-text[data-expansionid="40252"] #pagecontent table tbody tr.black {
  background: black;
}
.content-text[data-expansionid="40252"] #pagecontent table tbody tr.black td, .content-text[data-expansionid="40252"] #pagecontent table tbody tr.black th {
  font-family: var(--fontSystemSC);
  color: white;
}
.content-text[data-expansionid="40252"] #pagecontent table tbody tr.tone {
  background: var(--tone);
}
.content-text[data-expansionid="40252"] #pagecontent table tbody tr.tone td, .content-text[data-expansionid="40252"] #pagecontent table tbody tr.tone th {
  font-family: var(--fontSystemSC);
  color: white;
}
.content-text[data-expansionid="40252"] #pagecontent table tr:last-of-type > td {
  border-bottom: unset;
}
.content-text[data-expansionid="40252"] #pagecontent table .Header-Center {
  text-align: center;
}
.content-text[data-expansionid="40252"] #pagecontent table tbody td {
  border-image-source: var(--internalBorder);
}
.content-text[data-expansionid="40252"] #pagecontent table[class*=center] td {
  text-align: left;
}
.content-text[data-expansionid="40252"] #pagecontent table[class*=center][class*="1"] :is(td:nth-of-type(1), th:nth-of-type(1)) {
  text-align: center;
}
.content-text[data-expansionid="40252"] #pagecontent table[class*=center][class*="2"] :is(td:nth-of-type(2), th:nth-of-type(2)) {
  text-align: center;
}
.content-text[data-expansionid="40252"] #pagecontent table[class*=center][class*="3"] :is(td:nth-of-type(3), th:nth-of-type(3)) {
  text-align: center;
}
.content-text[data-expansionid="40252"] #pagecontent table[class*=center][class*="4"] :is(td:nth-of-type(4), th:nth-of-type(4)) {
  text-align: center;
}
.content-text[data-expansionid="40252"] #pagecontent table[class*=center][class*="5"] :is(td:nth-of-type(5), th:nth-of-type(5)) {
  text-align: center;
}
.content-text[data-expansionid="40252"] #pagecontent table[class*=center][class*="6"] :is(td:nth-of-type(6), th:nth-of-type(6)) {
  text-align: center;
}
.content-text[data-expansionid="40252"] #pagecontent table[class*=center][class*="7"] :is(td:nth-of-type(7), th:nth-of-type(7)) {
  text-align: center;
}
.content-text[data-expansionid="40252"] #pagecontent table[class*=center][class*="8"] :is(td:nth-of-type(8), th:nth-of-type(8)) {
  text-align: center;
}
.content-text[data-expansionid="40252"] #pagecontent table[class*=center][class*="9"] :is(td:nth-of-type(9), th:nth-of-type(9)) {
  text-align: center;
}
.content-text[data-expansionid="40252"] #pagecontent table[class=center] td {
  text-align: center;
}
.content-text[data-expansionid="40252"] #pagecontent table .vertical td, .content-text[data-expansionid="40252"] #pagecontent table .vertical th {
  text-align: center;
  vertical-align: middle;
  text-orientation: sideways;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  rotate: 180deg;
  padding: 5px 0;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
.content-text[data-expansionid="40252"] #pagecontent table table {
  border: unset;
  margin: 0 !important;
}
.content-text[data-expansionid="40252"] #pagecontent table.stats {
  font-family: var(--fontSystem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
}
.content-text[data-expansionid="40252"] #pagecontent table.stats tr {
  background: unset !important;
}
.content-text[data-expansionid="40252"] #pagecontent table.stats tr td {
  padding: 0 5px !important;
  background: color-mix(in srgb, var(--mid-tone) 30%, transparent);
}
.content-text[data-expansionid="40252"] #pagecontent table.stats tr td:not(:last-child):nth-child(2n) {
  text-align: center;
  border-right: 5px solid var(--backColor);
}
.content-text[data-expansionid="40252"] #pagecontent table.stats caption {
  background: var(--tone);
  font-family: var(--fontSystem);
  text-decoration: underline;
  color: var(--dm-fontColor);
  padding: 0 5px;
}
.content-text[data-expansionid="40252"] #pagecontent div.hr {
  position: relative;
  border-bottom: 1px solid var(--tone);
  margin: 1em 0;
}
.content-text[data-expansionid="40252"] #pagecontent div.hr::before, .content-text[data-expansionid="40252"] #pagecontent div.hr::after {
  content: "◯";
  position: absolute;
  bottom: -0.75em;
  color: var(--tone);
}
.content-text[data-expansionid="40252"] #pagecontent div.hr::before {
  left: -1em;
}
.content-text[data-expansionid="40252"] #pagecontent div.hr::after {
  content: "⟋";
  right: -0.35em;
}
.content-text[data-expansionid="40252"] #pagecontent aside {
  padding: 1em;
  border: 2px solid var(--tone);
  border-top-width: 0.4em;
  border-radius: 0 0 1em 1em;
  background: color-mix(in lch, var(--tone) 10%, transparent);
  color: var(--tone);
}
.content-text[data-expansionid="40252"] #pagecontent aside * {
  color: var(--tone);
}
.content-text[data-expansionid="40252"] #pagecontent aside :is(h1, h2, h3, h4) span {
  margin: 0 0 0 -0.9em;
  color: var(--dm-fontColor);
  font-size: 1em;
  font-weight: normal;
  background: var(--tone);
  height: 1.5em;
  place-content: center;
  padding: 0 2em 0 1em;
  clip-path: polygon(0 0, 100% 0, calc(100% - 1.5em) 100%, 0 100%);
}
.content-text[data-expansionid="40252"] #pagecontent aside:has(> .header) {
  border-top-width: unset;
}
.content-text[data-expansionid="40252"] #pagecontent aside:has(> .header:empty) {
  background: var(--backColor);
}
.content-text[data-expansionid="40252"] #pagecontent aside div.header {
  width: calc(100% + 2em);
  margin-top: -1em;
  margin-left: -1em;
  margin-bottom: 0.5em;
  padding: 0.5em 1em 0em 1em;
  background: var(--backColor);
  border-bottom: 7px double var(--tone);
}
.content-text[data-expansionid="40252"] #pagecontent aside div.header > h3 {
  margin-top: -0.5em;
}
.content-text[data-expansionid="40252"] #pagecontent aside div.header > h3:has(span) {
  height: 1.5em;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -ms-grid-columns: auto 0.25em 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  place-content: center;
  gap: 0.25em;
}
.content-text[data-expansionid="40252"] #pagecontent aside div.header:empty {
  --grid_size: 0.5em;
  border-bottom: 2px solid var(--tone);
  height: 1em;
  background: linear-gradient(to right, var(--tone) 1px, transparent 1px), linear-gradient(to bottom, var(--tone) 1px, transparent 1px);
  background-size: var(--grid_size) var(--grid_size);
  background-attachment: fixed;
}
.content-text[data-expansionid="40252"] #pagecontent aside:has(> h3) {
  position: relative;
  background: var(--tone);
  clip-path: var(--clip_corner);
  font-family: var(--fontSystem);
  border: 1px solid var(--tone);
  border-radius: 0;
  padding: 0.5em 1em 1em 1em;
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="40252"] #pagecontent aside:has(> h3) td {
  padding: 0 5px;
}
.content-text[data-expansionid="40252"] #pagecontent aside:has(> h3) * {
  color: var(--tone);
}
.content-text[data-expansionid="40252"] #pagecontent aside:has(> h3)::before {
  background: var(--backColor);
  outline: 1px solid var(--tone);
  outline-offset: -6px;
  position: absolute;
  content: "";
  inset: 0;
  clip-path: var(--clip_corner_inner);
  padding: 2px;
  z-index: -1;
}
.content-text[data-expansionid="40252"] #pagecontent aside:has(> h3) > h3 {
  container-type: inline-size;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2em;
  width: calc(100% + 2em);
  left: -1em;
  right: 4px;
  top: 1px;
  border: 2px solid var(--tone);
  border-width: 0 0 3px 0;
  font-family: var(--fontSystem);
  color: var(--tone);
  margin: -4px 0 0.25em 0;
  padding: 0;
  padding-left: 1.25em;
}
.content-text[data-expansionid="40252"] #pagecontent aside:has(> h3) > h3::after {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  content: "";
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 2em;
  margin: -0.25em -0.55em -0.25em calc(1em + 6px);
  border: 1px solid var(--tone);
  background: linear-gradient(to right, var(--tone) 1px, transparent 1px), linear-gradient(to bottom, var(--tone) 1px, transparent 1px);
  background-size: var(--grid_size) var(--grid_size);
  background-attachment: fixed;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big {
  position: relative;
  border: unset;
  padding: 1.5em;
  background: unset;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big > h2 {
  text-transform: uppercase;
  font-family: var(--fontHeader2);
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: unset;
  gap: 0.2em;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big > h2 span {
  all: unset;
  padding: 0.1em 0.5em;
  background: var(--tone);
  color: var(--dm-fontColor);
  font-family: var(--fontSystem);
  font-size: 0.6em;
  font-weight: normal;
  -ms-grid-row-align: anchor-center;
  -ms-grid-column-align: anchor-center;
  place-self: anchor-center;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big > h2:has(span) {
  position: relative;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid var(--tone);
  margin-bottom: 0.25em;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big > h2:has(span)::before, .content-text[data-expansionid="40252"] #pagecontent aside.big > h2:has(span)::after {
  content: "";
}
.content-text[data-expansionid="40252"] #pagecontent aside.big > h2:has(span)::before {
  --grid_size: 0.25em;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 0.5;
      -ms-flex: 0.5;
          flex: 0.5;
  background: linear-gradient(to right, color-mix(in srgb, var(--tone) 50%, transparent) 2px, transparent 2px);
  background-size: var(--grid_size) 2px;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big > h2:has(span)::after {
  --grid_size: 0.5em;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 2px solid var(--tone);
  border-width: 2px 2px 0 2px;
  border-radius: 0 1em 0 0;
  background: linear-gradient(to right, var(--tone) 1px, transparent 1px), linear-gradient(to bottom, var(--tone) 1px, transparent 1px), linear-gradient(to right, var(--backColor), var(--backColor));
  background-size: var(--grid_size) var(--grid_size);
  background-attachment: fixed;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big > h2.rumor {
  background: var(--tone);
  height: 1.5em;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big > h2.rumor span {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big > h2.rumor::after {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 150px;
  background: var(--img-wavelength3);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid var(--lm-backColor);
  border-radius: 0;
  margin: 5px;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big::before {
  content: "";
  position: absolute;
  inset: 0px;
  background: var(--tone);
  clip-path: var(--clip_all_corners);
  z-index: -1;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: -webkit-gradient(linear, left top, right top, from(color-mix(in lch, var(--tone) 20%, var(--backColor))), to(color-mix(in lch, var(--tone) 20%, var(--backColor))));
  background: linear-gradient(to right, color-mix(in lch, var(--tone) 20%, var(--backColor)), color-mix(in lch, var(--tone) 20%, var(--backColor)));
  clip-path: var(--clip_all_corners_inner);
  z-index: -1;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big div.big {
  --bevel: 1.2em;
  --clip_all_corners: polygon(
      var(--bevel) 0,
      calc(100% - var(--bevel)) 0,
      100% var(--bevel),
      100% calc(100% - var(--bevel)),
      calc(100% - var(--bevel)) 100%,
      var(--bevel) 100%,
      0 calc(100% - var(--bevel)),
      0 var(--bevel)
  );
  --clip_all_corners_inner: polygon(
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel_padding)) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)),
      calc(100% - var(--bevel_padding)) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      var(--bevel_padding) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      var(--bevel_padding) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust))
  );
  position: relative;
  background: var(--tone);
  clip-path: var(--clip_all_corners);
  border: unset;
  padding: 0.5em 1em 1em 1em;
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big div.big > h3 {
  margin: 0;
  margin-bottom: 0.5em;
  margin-left: 1em;
  display: inline-block;
  border: 2px solid var(--tone);
  border-bottom-width: 0.25em;
  padding: 0.2em 0.75em;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big div.big > h3:first-child {
  margin-top: -0.5em;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big div.big::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--backColor);
  clip-path: var(--clip_all_corners_inner);
  z-index: -1;
}
.content-text[data-expansionid="40252"] #pagecontent aside.big div.big.notepad::before {
  background-position: 0 10px !important;
}
.content-text[data-expansionid="40252"] #pagecontent .corner_br {
  background: var(--tone);
  position: relative;
  clip-path: var(--clip_corner_br);
  border: unset;
  border-radius: unset;
  padding: 1em;
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="40252"] #pagecontent .corner_br::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--backColor);
  clip-path: var(--clip_corner_inner_br);
  z-index: -1;
}
.content-text[data-expansionid="40252"] #pagecontent aside.block {
  all: unset;
  border: 2px solid black;
  -o-border-image: var(--border-line) 80;
     border-image: var(--border-line) 80;
  border-image-width: 4em;
  display: block;
  padding: 1.5em;
  margin: 2em 0;
  background: color-mix(in lch, var(--lm-deep) 15%, transparent 60%);
  -webkit-box-shadow: 0.2em 0.2em 0.2em color-mix(in lch, var(--lm-deep) 50%, transparent 60%);
          box-shadow: 0.2em 0.2em 0.2em color-mix(in lch, var(--lm-deep) 50%, transparent 60%);
}
.content-text[data-expansionid="40252"] #pagecontent aside.block blockquote {
  font-style: normal;
  font-weight: bold;
}
.content-text[data-expansionid="40252"] #pagecontent aside.block blockquote img {
  margin: 1em;
}
.content-text[data-expansionid="40252"] #pagecontent aside.block blockquote p {
  font-family: var(--fontMain);
}
.content-text[data-expansionid="40252"] #pagecontent aside.block blockquote.center {
  text-align: center;
  line-height: 2;
  font-size: 1.2em;
  text-wrap: balance;
}
.content-text[data-expansionid="40252"] #pagecontent aside.block blockquote.center::after {
  text-align: center;
  padding-left: 0;
}
.content-text[data-expansionid="40252"] #pagecontent aside.log {
  position: relative;
  line-height: calc(1em + 5px);
  background: var(--tone);
  clip-path: var(--clip_corner_br);
  border: unset;
  border-radius: unset;
  padding: 1em;
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="40252"] #pagecontent aside.log > * {
  line-height: calc(1em + 5px);
}
.content-text[data-expansionid="40252"] #pagecontent aside.log::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, var(--backColor) calc(1em + 3px), color-mix(in lch, var(--tone) 40%, var(--backColor)) calc(1em + 0px)), linear-gradient(color-mix(in lch, var(--tone) 10%, var(--backColor))) !important;
  background-blend-mode: multiply;
  background-size: 100% calc(1em + 5px) !important;
  clip-path: var(--clip_corner_inner_br);
  pointer-events: none;
  z-index: -1;
}
.content-text[data-expansionid="40252"] #pagecontent aside.log > .header {
  position: relative;
  display: -ms-grid;
  display: grid;
  border: 2px solid var(--tone);
  border-bottom: 5px double var(--tone);
  -ms-grid-columns: auto 1em auto 1em 1fr;
  grid-template-columns: auto auto 1fr;
  -ms-grid-rows: auto 0 auto;
      grid-template-areas: "log time place" "recorder recorder recorder";
  padding: 0;
  gap: 0 1em;
}
.content-text[data-expansionid="40252"] #pagecontent aside.log > .header::before {
  position: absolute;
  width: 100%;
  content: "";
  border-bottom: 2px solid var(--tone);
  top: calc(1.5em - 5px);
}
.content-text[data-expansionid="40252"] #pagecontent aside.log > .header h3 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  display: -ms-grid;
  display: grid;
  place-content: center;
  font-size: 1em;
  padding: 0 0.5em;
  background: var(--tone);
  color: var(--dm-fontColor);
  font-family: var(--fontSystem);
  text-align: center;
  margin: 0;
  grid-area: log;
}
.content-text[data-expansionid="40252"] #pagecontent aside.log > .header .time {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  padding: 0 0.5em;
  padding-right: 1em;
  position: relative;
  grid-area: time;
}
.content-text[data-expansionid="40252"] #pagecontent aside.log > .header .time::after {
  border-right: 1px solid var(--tone);
  content: "";
  position: absolute;
  height: 2em;
  right: 0;
  bottom: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translate(50%, 50%) rotate(45deg);
          transform: translate(50%, 50%) rotate(45deg);
}
.content-text[data-expansionid="40252"] #pagecontent aside.log > .header .place {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: place;
  font-family: var(--fontSystem);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.5em;
}
.content-text[data-expansionid="40252"] #pagecontent aside.log > .header .place::before {
  content: "★";
  padding-right: 0.2em;
}
.content-text[data-expansionid="40252"] #pagecontent aside.log > .header .recorder {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-area: recorder;
  position: relative;
  padding: 0.25em 0.5em;
  text-transform: uppercase;
}
.content-text[data-expansionid="40252"] #pagecontent aside.log > .header .recorder::after {
  display: inline-block;
  content: "";
  border-left: 2px solid var(--tone);
  height: calc(0.5em + 100% - 2px);
  margin-top: calc(-0.25em + 2px);
  margin-right: -0.5em;
  background: var(--img-wavelength1), -webkit-gradient(linear, left top, right top, from(color-mix(in lch, var(--tone) 10%, var(--backColor))), to(color-mix(in lch, var(--tone) 10%, var(--backColor))));
  background: var(--img-wavelength1), linear-gradient(to right, color-mix(in lch, var(--tone) 10%, var(--backColor)), color-mix(in lch, var(--tone) 10%, var(--backColor)));
  background-size: 7em, 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 9em;
}
.content-text[data-expansionid="40252"] #pagecontent aside.log:where(:nth-of-type(odd) .header) .recorder::after {
  background: var(--img-wavelength2), -webkit-gradient(linear, left top, right top, from(color-mix(in lch, var(--tone) 10%, var(--backColor))), to(color-mix(in lch, var(--tone) 10%, var(--backColor))));
  background: var(--img-wavelength2), linear-gradient(to right, color-mix(in lch, var(--tone) 10%, var(--backColor)), color-mix(in lch, var(--tone) 10%, var(--backColor)));
  background-size: 7em, 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.content-text[data-expansionid="40252"] #pagecontent aside.log .recorder.pause::after {
  background: var(--img-wavelength_pause), -webkit-gradient(linear, left top, right top, from(color-mix(in lch, var(--tone) 10%, var(--backColor))), to(color-mix(in lch, var(--tone) 10%, var(--backColor))));
  background: var(--img-wavelength_pause), linear-gradient(to right, color-mix(in lch, var(--tone) 10%, var(--backColor)), color-mix(in lch, var(--tone) 10%, var(--backColor)));
  background-size: 7em, 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.content-text[data-expansionid="40252"] #pagecontent aside.log .recorder.end::after {
  background: var(--img-wavelength_end), -webkit-gradient(linear, left top, right top, from(color-mix(in lch, var(--tone) 10%, var(--backColor))), to(color-mix(in lch, var(--tone) 10%, var(--backColor))));
  background: var(--img-wavelength_end), linear-gradient(to right, color-mix(in lch, var(--tone) 10%, var(--backColor)), color-mix(in lch, var(--tone) 10%, var(--backColor)));
  background-size: 7em, 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.content-text[data-expansionid="40252"] #pagecontent .notepad {
  position: relative;
  line-height: calc(1em + 5px);
}
.content-text[data-expansionid="40252"] #pagecontent .notepad > * {
  line-height: calc(1em + 5px);
}
.content-text[data-expansionid="40252"] #pagecontent .notepad::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, var(--backColor) calc(1em + 3px), color-mix(in lch, var(--tone) 40%, var(--backColor)) calc(1em + 0px)) !important;
  background-size: 100% calc(1em + 5px) !important;
  background-position: 0 -5px !important;
  pointer-events: none;
  z-index: -1;
}
.content-text[data-expansionid="40252"] #pagecontent .notepad:is(div)::before {
  background-position: 0 0 !important;
}
.content-text[data-expansionid="40252"] #pagecontent ol {
  padding-left: 1.75em;
}
.content-text[data-expansionid="40252"] #pagecontent ol li {
  counter-increment: list-item;
  list-style-type: none;
  position: relative;
  padding-left: 0.5em;
}
.content-text[data-expansionid="40252"] #pagecontent ol li::marker {
  content: counter(list-item) ".";
  width: 2ch;
  text-align: center;
}
.content-text[data-expansionid="40252"] #pagecontent ul {
  padding-left: 1em;
  margin-bottom: 1em;
  margin-left: -0.25em;
}
.content-text[data-expansionid="40252"] #pagecontent ul li {
  text-indent: 0.5em;
}
.content-text[data-expansionid="40252"] #pagecontent ul li::marker {
  content: "►";
  font-size: 0.8em;
}
.content-text[data-expansionid="40252"] #pagecontent ul.checklist li {
  padding-left: 0.5em;
}
.content-text[data-expansionid="40252"] #pagecontent ul.checklist li::marker {
  content: "□";
  font-size: 1.5em;
}
.content-text[data-expansionid="40252"] #pagecontent table ul {
  margin: 0;
}
.content-text[data-expansionid="40252"] #pagecontent .fake_li {
  margin-left: -0.25em;
  display: inline-block;
}
.content-text[data-expansionid="40252"] #pagecontent .fake_li::after {
  content: "►";
  font-size: 0.8em;
}
.content-text[data-expansionid="40252"] #pagecontent blockquote {
  position: relative;
  font-family: var(--fontSystem);
  font-weight: bold;
  font-size: 1em;
  padding: 0;
  margin: 0.5em 2em 0.5em 1em;
  border: unset;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.content-text[data-expansionid="40252"] #pagecontent blockquote p {
  font-family: var(--fontSystem);
  font-weight: bold;
}
.content-text[data-expansionid="40252"] #pagecontent blockquote[cite]::before {
  border-bottom: 1px solid var(--fontColor);
  content: "";
  position: absolute;
  width: 100%;
  bottom: calc(1.5em - 2px);
}
.content-text[data-expansionid="40252"] #pagecontent blockquote[cite]::after {
  border-right: 1px solid var(--fontColor);
  padding-right: 1em;
  content: attr(cite);
  font-family: var(--fontSystem);
  font-style: normal;
  font-weight: bold;
  display: inline-block;
  clear: left;
  margin-top: 0.5em;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.content-text[data-expansionid="40252"] #pagecontent .script {
  font-family: var(--fontScript);
  font-style: normal;
  font-size: 1.2em;
  padding: 1em 2em;
}
.content-text[data-expansionid="40252"] #pagecontent .script::after {
  font-size: 1em;
}
.content-text[data-expansionid="40252"] #pagecontent img.code_deco {
  display: inline-block;
  width: 30%;
}
.content-text[data-expansionid="40252"] #pagecontent .edge_image {
  --__inset: 55%;
  position: relative;
  width: 100%;
  aspect-ratio: 1.5/1;
  z-index: -1;
}
.content-text[data-expansionid="40252"] #pagecontent .edge_image::before {
  content: "";
  position: absolute;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
          mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
  background: var(--_attr_bg);
  background-size: cover;
  background-position: -30% 0;
  height: 100%;
  width: calc(100% + 4em - 4px);
  left: calc(-2em + 2px);
}
.content-text[data-expansionid="40252"] #pagecontent .edge_image::after {
  --_angle: 10px;
  position: absolute;
  inset: 0;
  width: calc(115% + 3em);
  left: -15%;
  background: -webkit-gradient(linear, left top, left bottom, from(color-mix(in srgb, var(--backColor) 100%, transparent)), color-stop(25%, color-mix(in srgb, var(--backColor) 80%, transparent)), color-stop(50%, color-mix(in srgb, var(--backColor) 80%, transparent)), to(var(--backColor)));
  background: linear-gradient(to bottom, color-mix(in srgb, var(--backColor) 100%, transparent) 0%, color-mix(in srgb, var(--backColor) 80%, transparent) 25%, color-mix(in srgb, var(--backColor) 80%, transparent) 50%, var(--backColor) 100%);
}
.content-text[data-expansionid="40252"] #pagecontent .edge_image.__left {
  float: right;
  shape-outside: polygon(var(--__inset) 0, 100% 0, 100% 100%, var(--__inset) 100%);
}
.content-text[data-expansionid="40252"] #pagecontent .edge_image.__left::after {
  content: "";
  width: calc(115% + 1em);
  clip-path: polygon(calc(10% - var(--_angle)) 0, 60% 0, 60% 80%, calc(60% - var(--_angle)) calc(80% + var(--_angle)), calc(60% - var(--_angle)) calc(85% + var(--_angle)), calc(60% - var(--_angle)) 100%, 10% 100%, 10% 70%, calc(10% + var(--_angle)) calc(70% - var(--_angle)), calc(10% + var(--_angle)) calc(20% + 2 * var(--_angle)), calc(10% - var(--_angle)) 20%);
}
.content-text[data-expansionid="40252"] #pagecontent .edge_image.__right {
  float: left;
  shape-outside: polygon(0 0, calc(100% - var(--__inset)) 0, calc(100% - var(--__inset)) 100%, 0 100%);
}
.content-text[data-expansionid="40252"] #pagecontent .edge_image.__right::after {
  content: "";
  clip-path: polygon(calc(50% - var(--_angle)) 0, calc(99% - var(--_angle)) 0, calc(99% - var(--_angle)) 30%, 99% calc(30% + var(--_angle)), 99% 100%, 50% 100%, 50% calc(85% - var(--_angle)), 50% 80%, calc(50% - var(--_angle)) calc(80% - var(--_angle)));
}
.content-text[data-expansionid="40252"] #pagecontent .artblock {
  position: relative;
  container-type: inline-size;
  mix-blend-mode: var(--blend);
}
.content-text[data-expansionid="40252"] #pagecontent .artblock > img {
  display: none;
}
@supports (container-type: inline-size) {
  .content-text[data-expansionid="40252"] #pagecontent .artblock > img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
  }
}
.content-text[data-expansionid="40252"] #pagecontent .artblock > div {
  padding: 1em;
}
.content-text[data-expansionid="40252"] #pagecontent span.redacted {
  background: var(--tone);
  color: var(--tone);
}
.content-text[data-expansionid="40252"] #pagecontent span.redacted::-moz-selection {
  background: var(--fontColor);
  color: var(--fontColor);
}
.content-text[data-expansionid="40252"] #pagecontent span.redacted::selection {
  background: var(--fontColor);
  color: var(--fontColor);
}
.content-text[data-expansionid="40252"] #pagecontent .toc {
  -webkit-columns: 300px;
     -moz-columns: 300px;
          columns: 300px;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  padding: 2em;
}
.content-text[data-expansionid="40252"] #pagecontent .toc h1, .content-text[data-expansionid="40252"] #pagecontent .toc h2, .content-text[data-expansionid="40252"] #pagecontent .toc h3 {
  font-family: var(--fontHeader);
  font-weight: bold;
  margin: 0.5em 0;
  text-align: left;
  font-size: 1em;
  color: var(--lm-fontColor);
}
.content-text[data-expansionid="40252"] #pagecontent .toc h1 {
  font-size: 1.25em;
  line-height: normal;
  border-bottom: 2px dotted;
}
.content-text[data-expansionid="40252"] #pagecontent .toc h2 {
  background: none;
}
.content-text[data-expansionid="40252"] #pagecontent .toc h2 a {
  color: inherit;
}
.content-text[data-expansionid="40252"] #pagecontent .toc h3 {
  text-indent: 1em;
  font-weight: normal;
}
.content-text[data-expansionid="40252"] #pagecontent .toc h3 a {
  border: none;
}
.content-text[data-expansionid="40252"] #pagecontent .toc a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-text[data-expansionid="40252"] #pagecontent .toc a:hover {
  color: var(--accent);
  border-bottom: 2px solid;
}
.content-text[data-expansionid="40252"] #pagecontent .toc img {
  position: fixed;
  inset: 0;
  z-index: -1;
}

.content-text[data-expansionid="40255"] #pagecontent {
  color: var(--fontColor);
  position: relative;
  z-index: 1;
  font-family: var(--fontMain);
}
.content-text[data-expansionid="40255"] #pagecontent .center {
  text-align: center;
}
.content-text[data-expansionid="40255"] #pagecontent p {
  font-family: var(--fontMain);
  margin-bottom: unset;
}
.content-text[data-expansionid="40255"] #pagecontent p + ul, .content-text[data-expansionid="40255"] #pagecontent p + ol {
  margin-top: 0;
}
.content-text[data-expansionid="40255"] #pagecontent p + p {
  text-indent: 1em;
}
.content-text[data-expansionid="40255"] #pagecontent p:has(.drop-cap) {
  text-indent: 0;
}
.content-text[data-expansionid="40255"] #pagecontent .drop-cap {
  font-family: var(--fontScript);
  font-size: 5em;
  font-weight: bold;
  --__trans: 0.2;
  color: color-mix(in lch, var(--tone) 100%, transparent);
  float: left;
  margin: -0.2em 0 0 0;
  line-height: 1;
  mix-blend-mode: color-burn;
}
.content-text[data-expansionid="40255"] #pagecontent span.uppercase {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
  font-family: var(--fontHeader);
}
.content-text[data-expansionid="40255"] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-expansionid="40255"] #pagecontent ::-webkit-scrollbar-track {
  background: var(--lm-fontColor);
}
.content-text[data-expansionid="40255"] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--col-purple);
}
.content-text[data-expansionid="40255"] #pagecontent pre {
  margin: 3rem 0;
}
.content-text[data-expansionid="40255"] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-expansionid="40255"] #pagecontent :where(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  mix-blend-mode: var(--blend);
}
.content-text[data-expansionid="40255"] #pagecontent :where(img).spot {
  shape-outside: ellipse(50% 50%);
  float: right;
}
.content-text[data-expansionid="40255"] #pagecontent *:has(img.background) {
  position: relative;
  z-index: 1;
}
.content-text[data-expansionid="40255"] #pagecontent img.background {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
}
.content-text[data-expansionid="40255"] #pagecontent :where(dl) {
  margin: 0;
}
.content-text[data-expansionid="40255"] #pagecontent dl {
  margin-left: 0;
}
.content-text[data-expansionid="40255"] #pagecontent dd {
  display: inline;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.content-text[data-expansionid="40255"] #pagecontent dt {
  display: inline;
  color: var(--tone);
}
.content-text[data-expansionid="40255"] #pagecontent strong, .content-text[data-expansionid="40255"] #pagecontent span.Box_Box-Text-Fake-Small-Caps .smallcaps {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.8em;
  font-family: var(--fontHeader);
}
.content-text[data-expansionid="40255"] #pagecontent h1, .content-text[data-expansionid="40255"] #pagecontent h2, .content-text[data-expansionid="40255"] #pagecontent h3, .content-text[data-expansionid="40255"] #pagecontent h4, .content-text[data-expansionid="40255"] #pagecontent h5 {
  line-height: 1;
  margin: 0.5em 0 0 0;
}
.content-text[data-expansionid="40255"] #pagecontent h1 img, .content-text[data-expansionid="40255"] #pagecontent h2 img, .content-text[data-expansionid="40255"] #pagecontent h3 img, .content-text[data-expansionid="40255"] #pagecontent h4 img, .content-text[data-expansionid="40255"] #pagecontent h5 img {
  display: inline-block;
}
.content-text[data-expansionid="40255"] #pagecontent h1 {
  font-size: 2.5em;
  margin: 0.5em 0 1em 0;
  position: relative;
  font-family: var(--fontHeader);
  font-weight: bold;
  text-transform: uppercase;
  font-weight: normal;
  color: var(--fontColor);
  border-bottom: 0.4em solid var(--fontColor);
  z-index: 0;
}
.content-text[data-expansionid="40255"] #pagecontent h2 {
  position: relative;
  color: var(--fontColor);
  font-family: var(--fontHeader);
  font-size: 2em;
  font-weight: bold;
}
.content-text[data-expansionid="40255"] #pagecontent h3 {
  font-family: var(--fontHeader);
  color: var(--fontColor);
  font-size: 1.2em;
  font-weight: bold;
}
.content-text[data-expansionid="40255"] #pagecontent h4 {
  margin-bottom: 0;
  font-family: var(--fontMain);
  font-size: 1em;
  color: var(--fontColor);
  font-weight: bold;
}
.content-text[data-expansionid="40255"] #pagecontent h5 {
  margin: 0.5em 0;
  font-family: var(--fontMain);
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
}
.content-text[data-expansionid="40255"] #pagecontent :is(h2, h3, h4, h5) span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-expansionid="40255"] #pagecontent .Headers_Character-Ability-Level-Header {
  display: block;
  border-bottom: 2px solid var(--tone);
  font-family: var(--fontHeader);
  font-size: 1em;
  font-weight: normal;
}
.content-text[data-expansionid="40255"] #pagecontent article p {
  text-indent: 0;
}
.content-text[data-expansionid="40255"] #pagecontent article p + p {
  text-indent: 1em;
}
.content-text[data-expansionid="40255"] #pagecontent article p:has(dt) + p {
  text-indent: 0;
}
.content-text[data-expansionid="40255"] #pagecontent .columns {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.content-text[data-expansionid="40255"] #pagecontent .columns table {
  width: 100%;
}
.content-text[data-expansionid="40255"] #pagecontent caption, .content-text[data-expansionid="40255"] #pagecontent .caption {
  font-family: var(--fontHeader);
  font-weight: normal;
  color: var(--tone);
  text-align: left;
  margin: 0;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="40255"] #pagecontent .inline {
  display: inline;
}
.content-text[data-expansionid="40255"] #pagecontent span[class^=ico_] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 0 0.2em;
  display: inline-block;
  width: 2ch;
  aspect-ratio: 1/1;
}
.content-text[data-expansionid="40255"] #pagecontent span[class^=ico_].ico_alien {
  background-image: url(https://files.d20.io/images/459312467/k0BLrD8luhmUEKOtttcnuQ/max.png?1759788891);
}
.content-text[data-expansionid="40255"] #pagecontent span[class^=ico_].ico_alien_alt {
  background-image: url(https://files.d20.io/images/459312283/mEZH_HGNQ9USnfchEtxTXA/max.png?1759788809);
}
.content-text[data-expansionid="40255"] #pagecontent span[class^=ico_].ico_success {
  background-image: url(https://files.d20.io/images/459312275/lcEtnBD-UbUTZ4kbMtKOzA/max.png?1759788809);
}
.content-text[data-expansionid="40255"] #pagecontent span[class^=ico_].ico_success_alt {
  background-image: url(https://files.d20.io/images/459312285/dQFSvG647IfPl-UAxPSoKA/max.png?1759788809);
}
.content-text[data-expansionid="40255"] #pagecontent span[class^=ico_].ico_cinematic {
  background-image: url(https://files.d20.io/images/459312278/GE3Dyl0bJ75p7x3wNUZ-lA/max.png?1759788809);
}
.content-text[data-expansionid="40255"] #pagecontent span[class^=ico_].ico_campaign {
  background-image: url(https://files.d20.io/images/459312276/tJjGSrWl4BozVlG15kMjDA/max.png?1759788809);
}
.content-text[data-expansionid="40255"] #pagecontent span[class^=ico_].ico_cluttered {
  background-image: url(https://files.d20.io/images/459312376/_IfuoV_UzNokRUfW7nOMAw/max.png?1759788848);
}
.content-text[data-expansionid="40255"] #pagecontent span[class^=ico_].ico_open {
  background-image: url(https://files.d20.io/images/459312364/E2Suab0FoM-Zuugxm8NM5A/max.png?1759788848);
}
.content-text[data-expansionid="40255"] #pagecontent span[class^=ico_].ico_cursor {
  background-image: url(https://files.d20.io/images/459312284/nV_DDtSBI9DHX8D0uOHuLw/max.png?1759788809);
}
.content-text[data-expansionid="40255"] #pagecontent span[class^=ico_].ico_important {
  background-image: url(https://files.d20.io/images/459312366/gMjpKLnFLGXO8rgN8r6I0Q/max.png?1759788848);
}
.content-text[data-expansionid="40255"] #pagecontent span[class^=ico_].ico_period::after {
  content: "⬤";
}
.content-text[data-expansionid="40255"] #pagecontent table {
  --__trans: 10%;
  min-width: 50%;
  width: 100%;
  color: var(--tone);
  border: unset;
  border-bottom: 2px solid var(--tone);
  border-collapse: separate;
}
.content-text[data-expansionid="40255"] #pagecontent table * {
  font-weight: 500;
  color: var(--tone);
}
.content-text[data-expansionid="40255"] #pagecontent table caption, .content-text[data-expansionid="40255"] #pagecontent table .caption {
  font-family: var(--fontHeader);
  font-weight: normal;
  color: var(--tone);
  text-align: left;
  margin: 0;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="40255"] #pagecontent table thead tr th, .content-text[data-expansionid="40255"] #pagecontent table thead tr td, .content-text[data-expansionid="40255"] #pagecontent table thead tr h1, .content-text[data-expansionid="40255"] #pagecontent table thead tr h2, .content-text[data-expansionid="40255"] #pagecontent table thead tr h3, .content-text[data-expansionid="40255"] #pagecontent table thead tr h4, .content-text[data-expansionid="40255"] #pagecontent table thead tr h5 {
  font-family: var(--fontSystem);
  font-weight: bold;
}
.content-text[data-expansionid="40255"] #pagecontent table thead tr th {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.5em;
}
.content-text[data-expansionid="40255"] #pagecontent table.alternating tbody tr:nth-child(even) {
  background: color-mix(in lch, var(--tone) var(--__trans), transparent);
}
.content-text[data-expansionid="40255"] #pagecontent table tr.shaded > td {
  background: color-mix(in lch, var(--tone) var(--__trans), transparent);
}
.content-text[data-expansionid="40255"] #pagecontent table td, .content-text[data-expansionid="40255"] #pagecontent table th {
  padding: 0 !important;
  text-indent: 5px;
  vertical-align: middle;
}
.content-text[data-expansionid="40255"] #pagecontent table tr td, .content-text[data-expansionid="40255"] #pagecontent table tr th {
  border: 1px solid color-mix(in lch, var(--tone) 50%, transparent);
  border-width: 0 0 2px 0;
}
.content-text[data-expansionid="40255"] #pagecontent table tr td:first-of-type, .content-text[data-expansionid="40255"] #pagecontent table tr th:first-of-type {
  white-space: nowrap;
}
.content-text[data-expansionid="40255"] #pagecontent table tbody tr.black {
  background: black;
}
.content-text[data-expansionid="40255"] #pagecontent table tbody tr.black td, .content-text[data-expansionid="40255"] #pagecontent table tbody tr.black th {
  font-family: var(--fontSystemSC);
  color: white;
}
.content-text[data-expansionid="40255"] #pagecontent table tbody tr.tone {
  background: var(--tone);
}
.content-text[data-expansionid="40255"] #pagecontent table tbody tr.tone td, .content-text[data-expansionid="40255"] #pagecontent table tbody tr.tone th {
  font-family: var(--fontSystemSC);
  color: white;
}
.content-text[data-expansionid="40255"] #pagecontent table tr:last-of-type > td {
  border-bottom: unset;
}
.content-text[data-expansionid="40255"] #pagecontent table .Header-Center {
  text-align: center;
}
.content-text[data-expansionid="40255"] #pagecontent table tbody td {
  border-image-source: var(--internalBorder);
}
.content-text[data-expansionid="40255"] #pagecontent table[class*=center] td {
  text-align: left;
}
.content-text[data-expansionid="40255"] #pagecontent table[class*=center][class*="1"] :is(td:nth-of-type(1), th:nth-of-type(1)) {
  text-align: center;
}
.content-text[data-expansionid="40255"] #pagecontent table[class*=center][class*="2"] :is(td:nth-of-type(2), th:nth-of-type(2)) {
  text-align: center;
}
.content-text[data-expansionid="40255"] #pagecontent table[class*=center][class*="3"] :is(td:nth-of-type(3), th:nth-of-type(3)) {
  text-align: center;
}
.content-text[data-expansionid="40255"] #pagecontent table[class*=center][class*="4"] :is(td:nth-of-type(4), th:nth-of-type(4)) {
  text-align: center;
}
.content-text[data-expansionid="40255"] #pagecontent table[class*=center][class*="5"] :is(td:nth-of-type(5), th:nth-of-type(5)) {
  text-align: center;
}
.content-text[data-expansionid="40255"] #pagecontent table[class*=center][class*="6"] :is(td:nth-of-type(6), th:nth-of-type(6)) {
  text-align: center;
}
.content-text[data-expansionid="40255"] #pagecontent table[class*=center][class*="7"] :is(td:nth-of-type(7), th:nth-of-type(7)) {
  text-align: center;
}
.content-text[data-expansionid="40255"] #pagecontent table[class*=center][class*="8"] :is(td:nth-of-type(8), th:nth-of-type(8)) {
  text-align: center;
}
.content-text[data-expansionid="40255"] #pagecontent table[class*=center][class*="9"] :is(td:nth-of-type(9), th:nth-of-type(9)) {
  text-align: center;
}
.content-text[data-expansionid="40255"] #pagecontent table[class=center] td {
  text-align: center;
}
.content-text[data-expansionid="40255"] #pagecontent table .vertical td, .content-text[data-expansionid="40255"] #pagecontent table .vertical th {
  text-align: center;
  vertical-align: middle;
  text-orientation: sideways;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  rotate: 180deg;
  padding: 5px 0;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
.content-text[data-expansionid="40255"] #pagecontent table table {
  border: unset;
  margin: 0 !important;
}
.content-text[data-expansionid="40255"] #pagecontent table.stats {
  font-family: var(--fontSystem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
}
.content-text[data-expansionid="40255"] #pagecontent table.stats tr {
  background: unset !important;
}
.content-text[data-expansionid="40255"] #pagecontent table.stats tr td {
  padding: 0 5px !important;
  background: color-mix(in srgb, var(--mid-tone) 30%, transparent);
}
.content-text[data-expansionid="40255"] #pagecontent table.stats tr td:not(:last-child):nth-child(2n) {
  text-align: center;
  border-right: 5px solid var(--backColor);
}
.content-text[data-expansionid="40255"] #pagecontent table.stats caption {
  background: var(--tone);
  font-family: var(--fontSystem);
  text-decoration: underline;
  color: var(--dm-fontColor);
  padding: 0 5px;
}
.content-text[data-expansionid="40255"] #pagecontent div.hr {
  position: relative;
  border-bottom: 1px solid var(--tone);
  margin: 1em 0;
}
.content-text[data-expansionid="40255"] #pagecontent div.hr::before, .content-text[data-expansionid="40255"] #pagecontent div.hr::after {
  content: "◯";
  position: absolute;
  bottom: -0.75em;
  color: var(--tone);
}
.content-text[data-expansionid="40255"] #pagecontent div.hr::before {
  left: -1em;
}
.content-text[data-expansionid="40255"] #pagecontent div.hr::after {
  content: "⟋";
  right: -0.35em;
}
.content-text[data-expansionid="40255"] #pagecontent aside {
  padding: 1em;
  border: 2px solid var(--tone);
  border-top-width: 0.4em;
  border-radius: 0 0 1em 1em;
  background: color-mix(in lch, var(--tone) 10%, transparent);
  color: var(--tone);
}
.content-text[data-expansionid="40255"] #pagecontent aside * {
  color: var(--tone);
}
.content-text[data-expansionid="40255"] #pagecontent aside :is(h1, h2, h3, h4) span {
  margin: 0 0 0 -0.9em;
  color: var(--dm-fontColor);
  font-size: 1em;
  font-weight: normal;
  background: var(--tone);
  height: 1.5em;
  place-content: center;
  padding: 0 2em 0 1em;
  clip-path: polygon(0 0, 100% 0, calc(100% - 1.5em) 100%, 0 100%);
}
.content-text[data-expansionid="40255"] #pagecontent aside:has(> .header) {
  border-top-width: unset;
}
.content-text[data-expansionid="40255"] #pagecontent aside:has(> .header:empty) {
  background: var(--backColor);
}
.content-text[data-expansionid="40255"] #pagecontent aside div.header {
  width: calc(100% + 2em);
  margin-top: -1em;
  margin-left: -1em;
  margin-bottom: 0.5em;
  padding: 0.5em 1em 0em 1em;
  background: var(--backColor);
  border-bottom: 7px double var(--tone);
}
.content-text[data-expansionid="40255"] #pagecontent aside div.header > h3 {
  margin-top: -0.5em;
}
.content-text[data-expansionid="40255"] #pagecontent aside div.header > h3:has(span) {
  height: 1.5em;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -ms-grid-columns: auto 0.25em 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  place-content: center;
  gap: 0.25em;
}
.content-text[data-expansionid="40255"] #pagecontent aside div.header:empty {
  --grid_size: 0.5em;
  border-bottom: 2px solid var(--tone);
  height: 1em;
  background: linear-gradient(to right, var(--tone) 1px, transparent 1px), linear-gradient(to bottom, var(--tone) 1px, transparent 1px);
  background-size: var(--grid_size) var(--grid_size);
  background-attachment: fixed;
}
.content-text[data-expansionid="40255"] #pagecontent aside:has(> h3) {
  position: relative;
  background: var(--tone);
  clip-path: var(--clip_corner);
  font-family: var(--fontSystem);
  border: 1px solid var(--tone);
  border-radius: 0;
  padding: 0.5em 1em 1em 1em;
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="40255"] #pagecontent aside:has(> h3) td {
  padding: 0 5px;
}
.content-text[data-expansionid="40255"] #pagecontent aside:has(> h3) * {
  color: var(--tone);
}
.content-text[data-expansionid="40255"] #pagecontent aside:has(> h3)::before {
  background: var(--backColor);
  outline: 1px solid var(--tone);
  outline-offset: -6px;
  position: absolute;
  content: "";
  inset: 0;
  clip-path: var(--clip_corner_inner);
  padding: 2px;
  z-index: -1;
}
.content-text[data-expansionid="40255"] #pagecontent aside:has(> h3) > h3 {
  container-type: inline-size;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2em;
  width: calc(100% + 2em);
  left: -1em;
  right: 4px;
  top: 1px;
  border: 2px solid var(--tone);
  border-width: 0 0 3px 0;
  font-family: var(--fontSystem);
  color: var(--tone);
  margin: -4px 0 0.25em 0;
  padding: 0;
  padding-left: 1.25em;
}
.content-text[data-expansionid="40255"] #pagecontent aside:has(> h3) > h3::after {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  content: "";
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 2em;
  margin: -0.25em -0.55em -0.25em calc(1em + 6px);
  border: 1px solid var(--tone);
  background: linear-gradient(to right, var(--tone) 1px, transparent 1px), linear-gradient(to bottom, var(--tone) 1px, transparent 1px);
  background-size: var(--grid_size) var(--grid_size);
  background-attachment: fixed;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big {
  position: relative;
  border: unset;
  padding: 1.5em;
  background: unset;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big > h2 {
  text-transform: uppercase;
  font-family: var(--fontHeader2);
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: unset;
  gap: 0.2em;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big > h2 span {
  all: unset;
  padding: 0.1em 0.5em;
  background: var(--tone);
  color: var(--dm-fontColor);
  font-family: var(--fontSystem);
  font-size: 0.6em;
  font-weight: normal;
  -ms-grid-row-align: anchor-center;
  -ms-grid-column-align: anchor-center;
  place-self: anchor-center;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big > h2:has(span) {
  position: relative;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid var(--tone);
  margin-bottom: 0.25em;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big > h2:has(span)::before, .content-text[data-expansionid="40255"] #pagecontent aside.big > h2:has(span)::after {
  content: "";
}
.content-text[data-expansionid="40255"] #pagecontent aside.big > h2:has(span)::before {
  --grid_size: 0.25em;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 0.5;
      -ms-flex: 0.5;
          flex: 0.5;
  background: linear-gradient(to right, color-mix(in srgb, var(--tone) 50%, transparent) 2px, transparent 2px);
  background-size: var(--grid_size) 2px;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big > h2:has(span)::after {
  --grid_size: 0.5em;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 2px solid var(--tone);
  border-width: 2px 2px 0 2px;
  border-radius: 0 1em 0 0;
  background: linear-gradient(to right, var(--tone) 1px, transparent 1px), linear-gradient(to bottom, var(--tone) 1px, transparent 1px), linear-gradient(to right, var(--backColor), var(--backColor));
  background-size: var(--grid_size) var(--grid_size);
  background-attachment: fixed;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big > h2.rumor {
  background: var(--tone);
  height: 1.5em;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big > h2.rumor span {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big > h2.rumor::after {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 150px;
  background: var(--img-wavelength3);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid var(--lm-backColor);
  border-radius: 0;
  margin: 5px;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big::before {
  content: "";
  position: absolute;
  inset: 0px;
  background: var(--tone);
  clip-path: var(--clip_all_corners);
  z-index: -1;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: -webkit-gradient(linear, left top, right top, from(color-mix(in lch, var(--tone) 20%, var(--backColor))), to(color-mix(in lch, var(--tone) 20%, var(--backColor))));
  background: linear-gradient(to right, color-mix(in lch, var(--tone) 20%, var(--backColor)), color-mix(in lch, var(--tone) 20%, var(--backColor)));
  clip-path: var(--clip_all_corners_inner);
  z-index: -1;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big div.big {
  --bevel: 1.2em;
  --clip_all_corners: polygon(
      var(--bevel) 0,
      calc(100% - var(--bevel)) 0,
      100% var(--bevel),
      100% calc(100% - var(--bevel)),
      calc(100% - var(--bevel)) 100%,
      var(--bevel) 100%,
      0 calc(100% - var(--bevel)),
      0 var(--bevel)
  );
  --clip_all_corners_inner: polygon(
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel_padding)) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)),
      calc(100% - var(--bevel_padding)) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      var(--bevel_padding) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      var(--bevel_padding) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust))
  );
  position: relative;
  background: var(--tone);
  clip-path: var(--clip_all_corners);
  border: unset;
  padding: 0.5em 1em 1em 1em;
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big div.big > h3 {
  margin: 0;
  margin-bottom: 0.5em;
  margin-left: 1em;
  display: inline-block;
  border: 2px solid var(--tone);
  border-bottom-width: 0.25em;
  padding: 0.2em 0.75em;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big div.big > h3:first-child {
  margin-top: -0.5em;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big div.big::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--backColor);
  clip-path: var(--clip_all_corners_inner);
  z-index: -1;
}
.content-text[data-expansionid="40255"] #pagecontent aside.big div.big.notepad::before {
  background-position: 0 10px !important;
}
.content-text[data-expansionid="40255"] #pagecontent .corner_br {
  background: var(--tone);
  position: relative;
  clip-path: var(--clip_corner_br);
  border: unset;
  border-radius: unset;
  padding: 1em;
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="40255"] #pagecontent .corner_br::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--backColor);
  clip-path: var(--clip_corner_inner_br);
  z-index: -1;
}
.content-text[data-expansionid="40255"] #pagecontent aside.block {
  all: unset;
  border: 2px solid black;
  -o-border-image: var(--border-line) 80;
     border-image: var(--border-line) 80;
  border-image-width: 4em;
  display: block;
  padding: 1.5em;
  margin: 2em 0;
  background: color-mix(in lch, var(--lm-deep) 15%, transparent 60%);
  -webkit-box-shadow: 0.2em 0.2em 0.2em color-mix(in lch, var(--lm-deep) 50%, transparent 60%);
          box-shadow: 0.2em 0.2em 0.2em color-mix(in lch, var(--lm-deep) 50%, transparent 60%);
}
.content-text[data-expansionid="40255"] #pagecontent aside.block blockquote {
  font-style: normal;
  font-weight: bold;
}
.content-text[data-expansionid="40255"] #pagecontent aside.block blockquote img {
  margin: 1em;
}
.content-text[data-expansionid="40255"] #pagecontent aside.block blockquote p {
  font-family: var(--fontMain);
}
.content-text[data-expansionid="40255"] #pagecontent aside.block blockquote.center {
  text-align: center;
  line-height: 2;
  font-size: 1.2em;
  text-wrap: balance;
}
.content-text[data-expansionid="40255"] #pagecontent aside.block blockquote.center::after {
  text-align: center;
  padding-left: 0;
}
.content-text[data-expansionid="40255"] #pagecontent aside.log {
  position: relative;
  line-height: calc(1em + 5px);
  background: var(--tone);
  clip-path: var(--clip_corner_br);
  border: unset;
  border-radius: unset;
  padding: 1em;
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="40255"] #pagecontent aside.log > * {
  line-height: calc(1em + 5px);
}
.content-text[data-expansionid="40255"] #pagecontent aside.log::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, var(--backColor) calc(1em + 3px), color-mix(in lch, var(--tone) 40%, var(--backColor)) calc(1em + 0px)), linear-gradient(color-mix(in lch, var(--tone) 10%, var(--backColor))) !important;
  background-blend-mode: multiply;
  background-size: 100% calc(1em + 5px) !important;
  clip-path: var(--clip_corner_inner_br);
  pointer-events: none;
  z-index: -1;
}
.content-text[data-expansionid="40255"] #pagecontent aside.log > .header {
  position: relative;
  display: -ms-grid;
  display: grid;
  border: 2px solid var(--tone);
  border-bottom: 5px double var(--tone);
  -ms-grid-columns: auto 1em auto 1em 1fr;
  grid-template-columns: auto auto 1fr;
  -ms-grid-rows: auto 0 auto;
      grid-template-areas: "log time place" "recorder recorder recorder";
  padding: 0;
  gap: 0 1em;
}
.content-text[data-expansionid="40255"] #pagecontent aside.log > .header::before {
  position: absolute;
  width: 100%;
  content: "";
  border-bottom: 2px solid var(--tone);
  top: calc(1.5em - 5px);
}
.content-text[data-expansionid="40255"] #pagecontent aside.log > .header h3 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  display: -ms-grid;
  display: grid;
  place-content: center;
  font-size: 1em;
  padding: 0 0.5em;
  background: var(--tone);
  color: var(--dm-fontColor);
  font-family: var(--fontSystem);
  text-align: center;
  margin: 0;
  grid-area: log;
}
.content-text[data-expansionid="40255"] #pagecontent aside.log > .header .time {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  padding: 0 0.5em;
  padding-right: 1em;
  position: relative;
  grid-area: time;
}
.content-text[data-expansionid="40255"] #pagecontent aside.log > .header .time::after {
  border-right: 1px solid var(--tone);
  content: "";
  position: absolute;
  height: 2em;
  right: 0;
  bottom: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translate(50%, 50%) rotate(45deg);
          transform: translate(50%, 50%) rotate(45deg);
}
.content-text[data-expansionid="40255"] #pagecontent aside.log > .header .place {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: place;
  font-family: var(--fontSystem);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.5em;
}
.content-text[data-expansionid="40255"] #pagecontent aside.log > .header .place::before {
  content: "★";
  padding-right: 0.2em;
}
.content-text[data-expansionid="40255"] #pagecontent aside.log > .header .recorder {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-area: recorder;
  position: relative;
  padding: 0.25em 0.5em;
  text-transform: uppercase;
}
.content-text[data-expansionid="40255"] #pagecontent aside.log > .header .recorder::after {
  display: inline-block;
  content: "";
  border-left: 2px solid var(--tone);
  height: calc(0.5em + 100% - 2px);
  margin-top: calc(-0.25em + 2px);
  margin-right: -0.5em;
  background: var(--img-wavelength1), -webkit-gradient(linear, left top, right top, from(color-mix(in lch, var(--tone) 10%, var(--backColor))), to(color-mix(in lch, var(--tone) 10%, var(--backColor))));
  background: var(--img-wavelength1), linear-gradient(to right, color-mix(in lch, var(--tone) 10%, var(--backColor)), color-mix(in lch, var(--tone) 10%, var(--backColor)));
  background-size: 7em, 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 9em;
}
.content-text[data-expansionid="40255"] #pagecontent aside.log:where(:nth-of-type(odd) .header) .recorder::after {
  background: var(--img-wavelength2), -webkit-gradient(linear, left top, right top, from(color-mix(in lch, var(--tone) 10%, var(--backColor))), to(color-mix(in lch, var(--tone) 10%, var(--backColor))));
  background: var(--img-wavelength2), linear-gradient(to right, color-mix(in lch, var(--tone) 10%, var(--backColor)), color-mix(in lch, var(--tone) 10%, var(--backColor)));
  background-size: 7em, 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.content-text[data-expansionid="40255"] #pagecontent aside.log .recorder.pause::after {
  background: var(--img-wavelength_pause), -webkit-gradient(linear, left top, right top, from(color-mix(in lch, var(--tone) 10%, var(--backColor))), to(color-mix(in lch, var(--tone) 10%, var(--backColor))));
  background: var(--img-wavelength_pause), linear-gradient(to right, color-mix(in lch, var(--tone) 10%, var(--backColor)), color-mix(in lch, var(--tone) 10%, var(--backColor)));
  background-size: 7em, 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.content-text[data-expansionid="40255"] #pagecontent aside.log .recorder.end::after {
  background: var(--img-wavelength_end), -webkit-gradient(linear, left top, right top, from(color-mix(in lch, var(--tone) 10%, var(--backColor))), to(color-mix(in lch, var(--tone) 10%, var(--backColor))));
  background: var(--img-wavelength_end), linear-gradient(to right, color-mix(in lch, var(--tone) 10%, var(--backColor)), color-mix(in lch, var(--tone) 10%, var(--backColor)));
  background-size: 7em, 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.content-text[data-expansionid="40255"] #pagecontent .notepad {
  position: relative;
  line-height: calc(1em + 5px);
}
.content-text[data-expansionid="40255"] #pagecontent .notepad > * {
  line-height: calc(1em + 5px);
}
.content-text[data-expansionid="40255"] #pagecontent .notepad::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, var(--backColor) calc(1em + 3px), color-mix(in lch, var(--tone) 40%, var(--backColor)) calc(1em + 0px)) !important;
  background-size: 100% calc(1em + 5px) !important;
  background-position: 0 -5px !important;
  pointer-events: none;
  z-index: -1;
}
.content-text[data-expansionid="40255"] #pagecontent .notepad:is(div)::before {
  background-position: 0 0 !important;
}
.content-text[data-expansionid="40255"] #pagecontent ol {
  padding-left: 1.75em;
}
.content-text[data-expansionid="40255"] #pagecontent ol li {
  counter-increment: list-item;
  list-style-type: none;
  position: relative;
  padding-left: 0.5em;
}
.content-text[data-expansionid="40255"] #pagecontent ol li::marker {
  content: counter(list-item) ".";
  width: 2ch;
  text-align: center;
}
.content-text[data-expansionid="40255"] #pagecontent ul {
  padding-left: 1em;
  margin-bottom: 1em;
  margin-left: -0.25em;
}
.content-text[data-expansionid="40255"] #pagecontent ul li {
  text-indent: 0.5em;
}
.content-text[data-expansionid="40255"] #pagecontent ul li::marker {
  content: "►";
  font-size: 0.8em;
}
.content-text[data-expansionid="40255"] #pagecontent ul.checklist li {
  padding-left: 0.5em;
}
.content-text[data-expansionid="40255"] #pagecontent ul.checklist li::marker {
  content: "□";
  font-size: 1.5em;
}
.content-text[data-expansionid="40255"] #pagecontent table ul {
  margin: 0;
}
.content-text[data-expansionid="40255"] #pagecontent .fake_li {
  margin-left: -0.25em;
  display: inline-block;
}
.content-text[data-expansionid="40255"] #pagecontent .fake_li::after {
  content: "►";
  font-size: 0.8em;
}
.content-text[data-expansionid="40255"] #pagecontent blockquote {
  position: relative;
  font-family: var(--fontSystem);
  font-weight: bold;
  font-size: 1em;
  padding: 0;
  margin: 0.5em 2em 0.5em 1em;
  border: unset;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.content-text[data-expansionid="40255"] #pagecontent blockquote p {
  font-family: var(--fontSystem);
  font-weight: bold;
}
.content-text[data-expansionid="40255"] #pagecontent blockquote[cite]::before {
  border-bottom: 1px solid var(--fontColor);
  content: "";
  position: absolute;
  width: 100%;
  bottom: calc(1.5em - 2px);
}
.content-text[data-expansionid="40255"] #pagecontent blockquote[cite]::after {
  border-right: 1px solid var(--fontColor);
  padding-right: 1em;
  content: attr(cite);
  font-family: var(--fontSystem);
  font-style: normal;
  font-weight: bold;
  display: inline-block;
  clear: left;
  margin-top: 0.5em;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.content-text[data-expansionid="40255"] #pagecontent .script {
  font-family: var(--fontScript);
  font-style: normal;
  font-size: 1.2em;
  padding: 1em 2em;
}
.content-text[data-expansionid="40255"] #pagecontent .script::after {
  font-size: 1em;
}
.content-text[data-expansionid="40255"] #pagecontent img.code_deco {
  display: inline-block;
  width: 30%;
}
.content-text[data-expansionid="40255"] #pagecontent .edge_image {
  --__inset: 55%;
  position: relative;
  width: 100%;
  aspect-ratio: 1.5/1;
  z-index: -1;
}
.content-text[data-expansionid="40255"] #pagecontent .edge_image::before {
  content: "";
  position: absolute;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
          mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
  background: var(--_attr_bg);
  background-size: cover;
  background-position: -30% 0;
  height: 100%;
  width: calc(100% + 4em - 4px);
  left: calc(-2em + 2px);
}
.content-text[data-expansionid="40255"] #pagecontent .edge_image::after {
  --_angle: 10px;
  position: absolute;
  inset: 0;
  width: calc(115% + 3em);
  left: -15%;
  background: -webkit-gradient(linear, left top, left bottom, from(color-mix(in srgb, var(--backColor) 100%, transparent)), color-stop(25%, color-mix(in srgb, var(--backColor) 80%, transparent)), color-stop(50%, color-mix(in srgb, var(--backColor) 80%, transparent)), to(var(--backColor)));
  background: linear-gradient(to bottom, color-mix(in srgb, var(--backColor) 100%, transparent) 0%, color-mix(in srgb, var(--backColor) 80%, transparent) 25%, color-mix(in srgb, var(--backColor) 80%, transparent) 50%, var(--backColor) 100%);
}
.content-text[data-expansionid="40255"] #pagecontent .edge_image.__left {
  float: right;
  shape-outside: polygon(var(--__inset) 0, 100% 0, 100% 100%, var(--__inset) 100%);
}
.content-text[data-expansionid="40255"] #pagecontent .edge_image.__left::after {
  content: "";
  width: calc(115% + 1em);
  clip-path: polygon(calc(10% - var(--_angle)) 0, 60% 0, 60% 80%, calc(60% - var(--_angle)) calc(80% + var(--_angle)), calc(60% - var(--_angle)) calc(85% + var(--_angle)), calc(60% - var(--_angle)) 100%, 10% 100%, 10% 70%, calc(10% + var(--_angle)) calc(70% - var(--_angle)), calc(10% + var(--_angle)) calc(20% + 2 * var(--_angle)), calc(10% - var(--_angle)) 20%);
}
.content-text[data-expansionid="40255"] #pagecontent .edge_image.__right {
  float: left;
  shape-outside: polygon(0 0, calc(100% - var(--__inset)) 0, calc(100% - var(--__inset)) 100%, 0 100%);
}
.content-text[data-expansionid="40255"] #pagecontent .edge_image.__right::after {
  content: "";
  clip-path: polygon(calc(50% - var(--_angle)) 0, calc(99% - var(--_angle)) 0, calc(99% - var(--_angle)) 30%, 99% calc(30% + var(--_angle)), 99% 100%, 50% 100%, 50% calc(85% - var(--_angle)), 50% 80%, calc(50% - var(--_angle)) calc(80% - var(--_angle)));
}
.content-text[data-expansionid="40255"] #pagecontent .artblock {
  position: relative;
  container-type: inline-size;
  mix-blend-mode: var(--blend);
}
.content-text[data-expansionid="40255"] #pagecontent .artblock > img {
  display: none;
}
@supports (container-type: inline-size) {
  .content-text[data-expansionid="40255"] #pagecontent .artblock > img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
  }
}
.content-text[data-expansionid="40255"] #pagecontent .artblock > div {
  padding: 1em;
}
.content-text[data-expansionid="40255"] #pagecontent span.redacted {
  background: var(--tone);
  color: var(--tone);
}
.content-text[data-expansionid="40255"] #pagecontent span.redacted::-moz-selection {
  background: var(--fontColor);
  color: var(--fontColor);
}
.content-text[data-expansionid="40255"] #pagecontent span.redacted::selection {
  background: var(--fontColor);
  color: var(--fontColor);
}
.content-text[data-expansionid="40255"] #pagecontent .toc {
  -webkit-columns: 300px;
     -moz-columns: 300px;
          columns: 300px;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  padding: 2em;
}
.content-text[data-expansionid="40255"] #pagecontent .toc h1, .content-text[data-expansionid="40255"] #pagecontent .toc h2, .content-text[data-expansionid="40255"] #pagecontent .toc h3 {
  font-family: var(--fontHeader);
  font-weight: bold;
  margin: 0.5em 0;
  text-align: left;
  font-size: 1em;
  color: var(--lm-fontColor);
}
.content-text[data-expansionid="40255"] #pagecontent .toc h1 {
  font-size: 1.25em;
  line-height: normal;
  border-bottom: 2px dotted;
}
.content-text[data-expansionid="40255"] #pagecontent .toc h2 {
  background: none;
}
.content-text[data-expansionid="40255"] #pagecontent .toc h2 a {
  color: inherit;
}
.content-text[data-expansionid="40255"] #pagecontent .toc h3 {
  text-indent: 1em;
  font-weight: normal;
}
.content-text[data-expansionid="40255"] #pagecontent .toc h3 a {
  border: none;
}
.content-text[data-expansionid="40255"] #pagecontent .toc a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-text[data-expansionid="40255"] #pagecontent .toc a:hover {
  color: var(--accent);
  border-bottom: 2px solid;
}
.content-text[data-expansionid="40255"] #pagecontent .toc img {
  position: fixed;
  inset: 0;
  z-index: -1;
}

html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer {
  --lm-fontColor: #121212;
  --dm-fontColor: #ffffff;
  --lm-backColor: #ffffff;
  --tone: #0d8c8c;
  --dm-backColor: var(--color-surface1);
  --backColor: var(--lm-backColor);
  --fontColor: var(--lm-fontColor);
  --altColor: var(--dm-fontColor);
  --__trans: 1;
  --bevel: 2em;
  --bevel_padding: 2px;
  --bevel_adjust: calc(var(--bevel_padding) / 2);
  --img-wavelength1: url(https://files.d20.io/images/459337927/abWbXjC1zk6DHYSHKr0oog/med.png?1759802951);
  --img-wavelength2: url(https://files.d20.io/images/459337926/z4rB8jw2amex9hBaOiV1iw/med.png?1759802951);
  --img-wavelength3: url(https://files.d20.io/images/460196104/vscmDRyAMOmWEiJ_-x4w2A/med.png?1760390875);
  --img-wavelength_pause: url(https://files.d20.io/images/459337929/7kzb_RhLm1dnVKBubI0eqg/med.png?1759802951);
  --img-wavelength_end: url(https://files.d20.io/images/459337928/B4lxZTSXEewIrSJ7-X1WpA/med.png?1759802951);
  --lm-deep: hsla(217, 59%, 31%, var(--__trans));
  --clip_corner: polygon(
      0 0,
      calc(100% - var(--bevel, 14px)) 0,
      100% var(--bevel, 14px),
      100% 100%,
      0 100%
  );
  --clip_corner_inner: polygon(
      var(--bevel_padding, 2px) var(--bevel_padding, 2px),
      calc(100% - var(--bevel, 14px) - var(--bevel_padding, 2px) + var(--bevel_adjust)) var(--bevel_padding, 2px),
      calc(100% - var(--bevel_padding, 2px)) calc(var(--bevel, 14px) + var(--bevel_padding, 2px) - var(--bevel_adjust)),
      calc(100% - var(--bevel_padding, 2px)) calc(100% - var(--bevel_padding, 2px)),
      var(--bevel_padding, 2px) calc(100% - var(--bevel_padding, 2px))
  );
  --clip_corner_br: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--bevel, 14px)),
      calc(100% - var(--bevel, 14px)) 100%,
      0 100%
  );
  --clip_corner_inner_br: polygon(
      var(--bevel_padding, 2px) var(--bevel_padding, 2px),
      calc(100% - var(--bevel_padding, 2px)) var(--bevel_padding, 2px),
      calc(100% - var(--bevel_padding, 2px)) calc(100% - var(--bevel, 14px) - var(--bevel_padding, 2px) + var(--bevel_adjust)),
      calc(100% - var(--bevel, 14px) - var(--bevel_padding, 2px) + var(--bevel_adjust)) calc(100% - var(--bevel_padding, 2px)),
      var(--bevel_padding, 2px) calc(100% - var(--bevel_padding, 2px))
  );
  --clip_all_corners: polygon(
      var(--bevel) 0,
      calc(100% - var(--bevel)) 0,
      100% var(--bevel),
      100% calc(100% - var(--bevel)),
      calc(100% - var(--bevel)) 100%,
      var(--bevel) 100%,
      0 calc(100% - var(--bevel)),
      0 var(--bevel)
  );
  --clip_all_corners_inner: polygon(
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel_padding)) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)),
      calc(100% - var(--bevel_padding)) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      var(--bevel_padding) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      var(--bevel_padding) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust))
  );
  --grid_size: 0.75em;
  --grid: linear-gradient(to right,
          var(--tone) 1px,
          transparent 1px),
          linear-gradient(to bottom,
          var(--tone) 1px,
          transparent 1px);
  --blend: normal;
  --fontMain: "Istok Web", sans-serif;
  --fontHeader: "Chivo", sans-serif;
  --fontHeader2: "Istok Web", sans-serif;
  --fontScript: "Michroma", sans-serif;
  --fontSystem: "Smooch Sans", sans-serif;
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer h1.page-title {
  display: none;
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .col-md-8 {
  font-size: 16px;
  color: var(--fontColor);
  padding: 0em;
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .col-md-8 p {
  color: var(--fontColor);
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .row:has(.backdrop) {
  background: unset;
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .col-md-4.toccol {
  display: none;
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .col-md-8:has(.content-text[data-expansionid="40142"]) {
  width: clamp(750px, 80%, 1140px);
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .col-md-8:has(.content-text[data-expansionid="40252"]) {
  width: clamp(750px, 80%, 1140px);
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .col-md-8:has(.content-text[data-expansionid="40255"]) {
  width: clamp(750px, 80%, 1140px);
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40142"]) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40142"]) #pagecontent {
  z-index: 1;
  position: relative;
  clip-path: var(--clip_all_corners);
  background: var(--fontColor);
  padding: 1em 2em;
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40142"]) #pagecontent::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--backColor);
  clip-path: var(--clip_all_corners_inner);
  z-index: -1;
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40252"]) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40252"]) #pagecontent {
  z-index: 1;
  position: relative;
  clip-path: var(--clip_all_corners);
  background: var(--fontColor);
  padding: 1em 2em;
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40252"]) #pagecontent::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--backColor);
  clip-path: var(--clip_all_corners_inner);
  z-index: -1;
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40255"]) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40255"]) #pagecontent {
  z-index: 1;
  position: relative;
  clip-path: var(--clip_all_corners);
  background: var(--fontColor);
  padding: 1em 2em;
}
html:has(.content-text[data-expansionid="40142"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40255"]) #pagecontent::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--backColor);
  clip-path: var(--clip_all_corners_inner);
  z-index: -1;
}

html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer {
  --lm-fontColor: #121212;
  --dm-fontColor: #ffffff;
  --lm-backColor: #ffffff;
  --tone: #0d8c8c;
  --dm-backColor: var(--color-surface1);
  --backColor: var(--lm-backColor);
  --fontColor: var(--lm-fontColor);
  --altColor: var(--dm-fontColor);
  --__trans: 1;
  --bevel: 2em;
  --bevel_padding: 2px;
  --bevel_adjust: calc(var(--bevel_padding) / 2);
  --img-wavelength1: url(https://files.d20.io/images/459337927/abWbXjC1zk6DHYSHKr0oog/med.png?1759802951);
  --img-wavelength2: url(https://files.d20.io/images/459337926/z4rB8jw2amex9hBaOiV1iw/med.png?1759802951);
  --img-wavelength3: url(https://files.d20.io/images/460196104/vscmDRyAMOmWEiJ_-x4w2A/med.png?1760390875);
  --img-wavelength_pause: url(https://files.d20.io/images/459337929/7kzb_RhLm1dnVKBubI0eqg/med.png?1759802951);
  --img-wavelength_end: url(https://files.d20.io/images/459337928/B4lxZTSXEewIrSJ7-X1WpA/med.png?1759802951);
  --lm-deep: hsla(217, 59%, 31%, var(--__trans));
  --clip_corner: polygon(
      0 0,
      calc(100% - var(--bevel, 14px)) 0,
      100% var(--bevel, 14px),
      100% 100%,
      0 100%
  );
  --clip_corner_inner: polygon(
      var(--bevel_padding, 2px) var(--bevel_padding, 2px),
      calc(100% - var(--bevel, 14px) - var(--bevel_padding, 2px) + var(--bevel_adjust)) var(--bevel_padding, 2px),
      calc(100% - var(--bevel_padding, 2px)) calc(var(--bevel, 14px) + var(--bevel_padding, 2px) - var(--bevel_adjust)),
      calc(100% - var(--bevel_padding, 2px)) calc(100% - var(--bevel_padding, 2px)),
      var(--bevel_padding, 2px) calc(100% - var(--bevel_padding, 2px))
  );
  --clip_corner_br: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--bevel, 14px)),
      calc(100% - var(--bevel, 14px)) 100%,
      0 100%
  );
  --clip_corner_inner_br: polygon(
      var(--bevel_padding, 2px) var(--bevel_padding, 2px),
      calc(100% - var(--bevel_padding, 2px)) var(--bevel_padding, 2px),
      calc(100% - var(--bevel_padding, 2px)) calc(100% - var(--bevel, 14px) - var(--bevel_padding, 2px) + var(--bevel_adjust)),
      calc(100% - var(--bevel, 14px) - var(--bevel_padding, 2px) + var(--bevel_adjust)) calc(100% - var(--bevel_padding, 2px)),
      var(--bevel_padding, 2px) calc(100% - var(--bevel_padding, 2px))
  );
  --clip_all_corners: polygon(
      var(--bevel) 0,
      calc(100% - var(--bevel)) 0,
      100% var(--bevel),
      100% calc(100% - var(--bevel)),
      calc(100% - var(--bevel)) 100%,
      var(--bevel) 100%,
      0 calc(100% - var(--bevel)),
      0 var(--bevel)
  );
  --clip_all_corners_inner: polygon(
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel_padding)) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)),
      calc(100% - var(--bevel_padding)) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      var(--bevel_padding) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      var(--bevel_padding) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust))
  );
  --grid_size: 0.75em;
  --grid: linear-gradient(to right,
          var(--tone) 1px,
          transparent 1px),
          linear-gradient(to bottom,
          var(--tone) 1px,
          transparent 1px);
  --blend: normal;
  --fontMain: "Istok Web", sans-serif;
  --fontHeader: "Chivo", sans-serif;
  --fontHeader2: "Istok Web", sans-serif;
  --fontScript: "Michroma", sans-serif;
  --fontSystem: "Smooch Sans", sans-serif;
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer h1.page-title {
  display: none;
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .col-md-8 {
  font-size: 16px;
  color: var(--fontColor);
  padding: 0em;
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .col-md-8 p {
  color: var(--fontColor);
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .row:has(.backdrop) {
  background: unset;
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .col-md-4.toccol {
  display: none;
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .col-md-8:has(.content-text[data-expansionid="40142"]) {
  width: clamp(750px, 80%, 1140px);
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .col-md-8:has(.content-text[data-expansionid="40252"]) {
  width: clamp(750px, 80%, 1140px);
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .col-md-8:has(.content-text[data-expansionid="40255"]) {
  width: clamp(750px, 80%, 1140px);
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40142"]) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40142"]) #pagecontent {
  z-index: 1;
  position: relative;
  clip-path: var(--clip_all_corners);
  background: var(--fontColor);
  padding: 1em 2em;
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40142"]) #pagecontent::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--backColor);
  clip-path: var(--clip_all_corners_inner);
  z-index: -1;
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40252"]) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40252"]) #pagecontent {
  z-index: 1;
  position: relative;
  clip-path: var(--clip_all_corners);
  background: var(--fontColor);
  padding: 1em 2em;
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40252"]) #pagecontent::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--backColor);
  clip-path: var(--clip_all_corners_inner);
  z-index: -1;
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40255"]) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40255"]) #pagecontent {
  z-index: 1;
  position: relative;
  clip-path: var(--clip_all_corners);
  background: var(--fontColor);
  padding: 1em 2em;
}
html:has(.content-text[data-expansionid="40252"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40255"]) #pagecontent::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--backColor);
  clip-path: var(--clip_all_corners_inner);
  z-index: -1;
}

html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer {
  --lm-fontColor: #121212;
  --dm-fontColor: #ffffff;
  --lm-backColor: #ffffff;
  --tone: #0d8c8c;
  --dm-backColor: var(--color-surface1);
  --backColor: var(--lm-backColor);
  --fontColor: var(--lm-fontColor);
  --altColor: var(--dm-fontColor);
  --__trans: 1;
  --bevel: 2em;
  --bevel_padding: 2px;
  --bevel_adjust: calc(var(--bevel_padding) / 2);
  --img-wavelength1: url(https://files.d20.io/images/459337927/abWbXjC1zk6DHYSHKr0oog/med.png?1759802951);
  --img-wavelength2: url(https://files.d20.io/images/459337926/z4rB8jw2amex9hBaOiV1iw/med.png?1759802951);
  --img-wavelength3: url(https://files.d20.io/images/460196104/vscmDRyAMOmWEiJ_-x4w2A/med.png?1760390875);
  --img-wavelength_pause: url(https://files.d20.io/images/459337929/7kzb_RhLm1dnVKBubI0eqg/med.png?1759802951);
  --img-wavelength_end: url(https://files.d20.io/images/459337928/B4lxZTSXEewIrSJ7-X1WpA/med.png?1759802951);
  --lm-deep: hsla(217, 59%, 31%, var(--__trans));
  --clip_corner: polygon(
      0 0,
      calc(100% - var(--bevel, 14px)) 0,
      100% var(--bevel, 14px),
      100% 100%,
      0 100%
  );
  --clip_corner_inner: polygon(
      var(--bevel_padding, 2px) var(--bevel_padding, 2px),
      calc(100% - var(--bevel, 14px) - var(--bevel_padding, 2px) + var(--bevel_adjust)) var(--bevel_padding, 2px),
      calc(100% - var(--bevel_padding, 2px)) calc(var(--bevel, 14px) + var(--bevel_padding, 2px) - var(--bevel_adjust)),
      calc(100% - var(--bevel_padding, 2px)) calc(100% - var(--bevel_padding, 2px)),
      var(--bevel_padding, 2px) calc(100% - var(--bevel_padding, 2px))
  );
  --clip_corner_br: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--bevel, 14px)),
      calc(100% - var(--bevel, 14px)) 100%,
      0 100%
  );
  --clip_corner_inner_br: polygon(
      var(--bevel_padding, 2px) var(--bevel_padding, 2px),
      calc(100% - var(--bevel_padding, 2px)) var(--bevel_padding, 2px),
      calc(100% - var(--bevel_padding, 2px)) calc(100% - var(--bevel, 14px) - var(--bevel_padding, 2px) + var(--bevel_adjust)),
      calc(100% - var(--bevel, 14px) - var(--bevel_padding, 2px) + var(--bevel_adjust)) calc(100% - var(--bevel_padding, 2px)),
      var(--bevel_padding, 2px) calc(100% - var(--bevel_padding, 2px))
  );
  --clip_all_corners: polygon(
      var(--bevel) 0,
      calc(100% - var(--bevel)) 0,
      100% var(--bevel),
      100% calc(100% - var(--bevel)),
      calc(100% - var(--bevel)) 100%,
      var(--bevel) 100%,
      0 calc(100% - var(--bevel)),
      0 var(--bevel)
  );
  --clip_all_corners_inner: polygon(
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel_padding)) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)),
      calc(100% - var(--bevel_padding)) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      var(--bevel_padding) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      var(--bevel_padding) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust))
  );
  --grid_size: 0.75em;
  --grid: linear-gradient(to right,
          var(--tone) 1px,
          transparent 1px),
          linear-gradient(to bottom,
          var(--tone) 1px,
          transparent 1px);
  --blend: normal;
  --fontMain: "Istok Web", sans-serif;
  --fontHeader: "Chivo", sans-serif;
  --fontHeader2: "Istok Web", sans-serif;
  --fontScript: "Michroma", sans-serif;
  --fontSystem: "Smooch Sans", sans-serif;
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer h1.page-title {
  display: none;
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .col-md-8 {
  font-size: 16px;
  color: var(--fontColor);
  padding: 0em;
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .col-md-8 p {
  color: var(--fontColor);
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .row:has(.backdrop) {
  background: unset;
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .col-md-4.toccol {
  display: none;
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .col-md-8:has(.content-text[data-expansionid="40142"]) {
  width: clamp(750px, 80%, 1140px);
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .col-md-8:has(.content-text[data-expansionid="40252"]) {
  width: clamp(750px, 80%, 1140px);
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .col-md-8:has(.content-text[data-expansionid="40255"]) {
  width: clamp(750px, 80%, 1140px);
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40142"]) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40142"]) #pagecontent {
  z-index: 1;
  position: relative;
  clip-path: var(--clip_all_corners);
  background: var(--fontColor);
  padding: 1em 2em;
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40142"]) #pagecontent::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--backColor);
  clip-path: var(--clip_all_corners_inner);
  z-index: -1;
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40252"]) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40252"]) #pagecontent {
  z-index: 1;
  position: relative;
  clip-path: var(--clip_all_corners);
  background: var(--fontColor);
  padding: 1em 2em;
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40252"]) #pagecontent::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--backColor);
  clip-path: var(--clip_all_corners_inner);
  z-index: -1;
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40255"]) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40255"]) #pagecontent {
  z-index: 1;
  position: relative;
  clip-path: var(--clip_all_corners);
  background: var(--fontColor);
  padding: 1em 2em;
}
html:has(.content-text[data-expansionid="40255"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40255"]) #pagecontent::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--backColor);
  clip-path: var(--clip_all_corners_inner);
  z-index: -1;
}

html[data-theme=light]:has([data-expansionid="40142"]) .primarycontentcontainer {
  --blend: normal;
  --tone: #0d8c8c;
  --backColor: var(--lm-backColor);
  --fontColor: var(--lm-fontColor);
  --altColor: var(--dm-fontColor);
}
html[data-theme=light]:has([data-expansionid="40142"]) .primarycontentcontainer img.code_deco {
  -webkit-filter: none;
          filter: none;
}
html[data-theme=light]:has([data-expansionid="40142"]) .primarycontentcontainer .content-text #pagecontent {
  color: var(--lm-fontColor);
}
html[data-theme=light]:has([data-expansionid="40142"]) .primarycontentcontainer .content-text #pagecontent p {
  color: var(--lm-fontColor);
}

html[data-theme=light]:has([data-expansionid="40252"]) .primarycontentcontainer {
  --blend: normal;
  --tone: #0d8c8c;
  --backColor: var(--lm-backColor);
  --fontColor: var(--lm-fontColor);
  --altColor: var(--dm-fontColor);
}
html[data-theme=light]:has([data-expansionid="40252"]) .primarycontentcontainer img.code_deco {
  -webkit-filter: none;
          filter: none;
}
html[data-theme=light]:has([data-expansionid="40252"]) .primarycontentcontainer .content-text #pagecontent {
  color: var(--lm-fontColor);
}
html[data-theme=light]:has([data-expansionid="40252"]) .primarycontentcontainer .content-text #pagecontent p {
  color: var(--lm-fontColor);
}

html[data-theme=light]:has([data-expansionid="40255"]) .primarycontentcontainer {
  --blend: normal;
  --tone: #0d8c8c;
  --backColor: var(--lm-backColor);
  --fontColor: var(--lm-fontColor);
  --altColor: var(--dm-fontColor);
}
html[data-theme=light]:has([data-expansionid="40255"]) .primarycontentcontainer img.code_deco {
  -webkit-filter: none;
          filter: none;
}
html[data-theme=light]:has([data-expansionid="40255"]) .primarycontentcontainer .content-text #pagecontent {
  color: var(--lm-fontColor);
}
html[data-theme=light]:has([data-expansionid="40255"]) .primarycontentcontainer .content-text #pagecontent p {
  color: var(--lm-fontColor);
}

/* Grim Hollow */

.content-text[data-expansionid="40358"] #pagecontent {
  color: var(--fontColor);
  position: relative;
  font-family: var(--fontMain);
}
.content-text[data-expansionid="40358"] #pagecontent h1.page-title {
  display: none;
}
.content-text[data-expansionid="40358"] #pagecontent dl {
  margin-left: 0;
}
.content-text[data-expansionid="40358"] #pagecontent dd {
  display: inline;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.content-text[data-expansionid="40358"] #pagecontent dt {
  display: inline;
}
.content-text[data-expansionid="40358"] #pagecontent strong, .content-text[data-expansionid="40358"] #pagecontent span.Box_Box-Text-Fake-Small-Caps .smallcaps {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.8em;
  font-family: var(--fontHeader);
}
.content-text[data-expansionid="40358"] #pagecontent pre {
  margin: 3rem 0;
}
.content-text[data-expansionid="40358"] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-expansionid="40358"] #pagecontent .center {
  text-align: center;
}
.content-text[data-expansionid="40358"] #pagecontent p {
  font-family: var(--fontMain);
  margin-bottom: unset;
}
.content-text[data-expansionid="40358"] #pagecontent p + ul, .content-text[data-expansionid="40358"] #pagecontent p + ol {
  margin-top: 0;
}
.content-text[data-expansionid="40358"] #pagecontent p + p {
  text-indent: 1em;
}
.content-text[data-expansionid="40358"] #pagecontent p:has(.drop-cap) {
  text-indent: 0;
}
.content-text[data-expansionid="40358"] #pagecontent .drop-cap {
  font-family: var(--fontScript);
  font-size: 5em;
  font-weight: bold;
  --__trans: 0.2;
  color: color-mix(in lch, var(--tone) 100%, transparent);
  float: left;
  margin: -0.2em 0 0 0;
  line-height: 1;
  mix-blend-mode: color-burn;
}
.content-text[data-expansionid="40358"] #pagecontent span.uppercase {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
  font-family: var(--fontHeader);
}
.content-text[data-expansionid="40358"] #pagecontent .columns {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.content-text[data-expansionid="40358"] #pagecontent .columns table {
  width: 100%;
}
.content-text[data-expansionid="40358"] #pagecontent .inline {
  display: inline;
}
.content-text[data-expansionid="40358"] #pagecontent ol {
  padding-left: 1.75em;
}
.content-text[data-expansionid="40358"] #pagecontent ol li {
  counter-increment: list-item;
  list-style-type: none;
  position: relative;
  padding-left: 0.5em;
}
.content-text[data-expansionid="40358"] #pagecontent ol li::marker {
  content: counter(list-item) ".";
  width: 2ch;
  text-align: center;
}
.content-text[data-expansionid="40358"] #pagecontent ul {
  padding-left: 1em;
  margin-bottom: 1em;
  margin-left: -0.25em;
}
.content-text[data-expansionid="40358"] #pagecontent ul li {
  text-indent: 0.5em;
}
.content-text[data-expansionid="40358"] #pagecontent ul li::marker {
  content: "•";
  font-size: 0.8em;
  opacity: 0.5;
  color: color-mix(in lch, var(--fontColor) 50%, transparent);
}
.content-text[data-expansionid="40358"] #pagecontent ul.checklist li {
  padding-left: 0.5em;
}
.content-text[data-expansionid="40358"] #pagecontent ul.checklist li::marker {
  content: "□";
  font-size: 1.5em;
}
.content-text[data-expansionid="40358"] #pagecontent table ul {
  margin: 0;
}
.content-text[data-expansionid="40358"] #pagecontent .fake_li {
  margin-left: -0.25em;
  display: inline-block;
}
.content-text[data-expansionid="40358"] #pagecontent .fake_li::after {
  content: "►";
  font-size: 0.8em;
}
.content-text[data-expansionid="40358"] #pagecontent blockquote {
  position: relative;
  font-size: 1em;
  font-family: var(--fontSystem);
  text-align: center;
  padding: 0;
  margin: 0.5em 2em 0.5em 1em;
  border: 2px solid var(--orange);
  border-width: 0 1px;
  background: color-mix(in lch, var(--altColor) 20%, transparent);
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.content-text[data-expansionid="40358"] #pagecontent blockquote p {
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="40358"] #pagecontent blockquote[cite]::after {
  content: "—  " attr(cite);
  font-style: italic;
  display: inline-block;
  clear: left;
  margin-top: 0.5em;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 0.8em;
}
.content-text[data-expansionid="40358"] #pagecontent span.redacted {
  background: var(--tone);
  color: var(--tone);
}
.content-text[data-expansionid="40358"] #pagecontent span.redacted::-moz-selection {
  background: var(--fontColor);
  color: var(--fontColor);
}
.content-text[data-expansionid="40358"] #pagecontent span.redacted::selection {
  background: var(--fontColor);
  color: var(--fontColor);
}
.content-text[data-expansionid="40358"] #pagecontent :is(h2, h3, h4, h5) span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-expansionid="40358"] #pagecontent table {
  --__trans: 20%;
  min-width: 50%;
  width: 100%;
  border: unset;
  border-collapse: separate;
}
.content-text[data-expansionid="40358"] #pagecontent table caption, .content-text[data-expansionid="40358"] #pagecontent table .caption {
  font-family: var(--fontSystem);
  font-weight: normal;
  text-align: center;
  margin: 0;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
  -webkit-mask-image: var(--gh-scratch);
          mask-image: var(--gh-scratch);
  -webkit-mask-size: 400px 400px;
          mask-size: 400px 400px;
  color: var(--dm-fontColor);
}
.content-text[data-expansionid="40358"] #pagecontent table thead tr th, .content-text[data-expansionid="40358"] #pagecontent table thead tr td, .content-text[data-expansionid="40358"] #pagecontent table thead tr h1, .content-text[data-expansionid="40358"] #pagecontent table thead tr h2, .content-text[data-expansionid="40358"] #pagecontent table thead tr h3, .content-text[data-expansionid="40358"] #pagecontent table thead tr h4, .content-text[data-expansionid="40358"] #pagecontent table thead tr h5 {
  font-family: var(--fontSystem);
  font-weight: bold;
}
.content-text[data-expansionid="40358"] #pagecontent table thead tr th {
  color: var(--dm-fontColor);
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1em;
}
.content-text[data-expansionid="40358"] #pagecontent table tbody {
  background: var(--backColor);
}
.content-text[data-expansionid="40358"] #pagecontent table tbody td {
  color: var(--fontColor);
}
.content-text[data-expansionid="40358"] #pagecontent table.alternating tbody tr:nth-child(even) {
  background: color-mix(in lch, var(--tone) var(--__trans), transparent);
}
.content-text[data-expansionid="40358"] #pagecontent table tr.shaded > td {
  background: color-mix(in lch, var(--tone) var(--__trans), transparent);
}
.content-text[data-expansionid="40358"] #pagecontent table td, .content-text[data-expansionid="40358"] #pagecontent table th {
  padding: 0 !important;
  text-indent: 5px;
  vertical-align: middle;
}
.content-text[data-expansionid="40358"] #pagecontent table tr td, .content-text[data-expansionid="40358"] #pagecontent table tr th {
  border: 1px solid color-mix(in lch, var(--dm-orange) 100%, transparent);
  border-width: 0 2px 1px 0;
  border-bottom-color: color-mix(in lch, var(--tone) 50%, transparent);
}
.content-text[data-expansionid="40358"] #pagecontent table tr td:last-of-type, .content-text[data-expansionid="40358"] #pagecontent table tr th:last-of-type {
  border-right: unset;
}
.content-text[data-expansionid="40358"] #pagecontent table tr td:first-of-type, .content-text[data-expansionid="40358"] #pagecontent table tr th:first-of-type {
  white-space: nowrap;
}
.content-text[data-expansionid="40358"] #pagecontent table tbody tr.black {
  background: var(--fontColor);
}
.content-text[data-expansionid="40358"] #pagecontent table tbody tr.black td, .content-text[data-expansionid="40358"] #pagecontent table tbody tr.black th {
  font-family: var(--fontSystemSC);
  color: var(--dm-fontColor);
}
.content-text[data-expansionid="40358"] #pagecontent table tbody tr.tone {
  background: var(--tone);
}
.content-text[data-expansionid="40358"] #pagecontent table tbody tr.tone td, .content-text[data-expansionid="40358"] #pagecontent table tbody tr.tone th {
  font-family: var(--fontSystemSC);
  color: var(--dm-fontColor);
}
.content-text[data-expansionid="40358"] #pagecontent table tr:last-of-type > td {
  border-bottom: unset;
}
.content-text[data-expansionid="40358"] #pagecontent table .Header-Center {
  text-align: center;
}
.content-text[data-expansionid="40358"] #pagecontent table[class*=center] td {
  text-align: left;
}
.content-text[data-expansionid="40358"] #pagecontent table[class*=center][class*="1"] :is(td:nth-of-type(1), th:nth-of-type(1)) {
  text-align: center;
}
.content-text[data-expansionid="40358"] #pagecontent table[class*=center][class*="2"] :is(td:nth-of-type(2), th:nth-of-type(2)) {
  text-align: center;
}
.content-text[data-expansionid="40358"] #pagecontent table[class*=center][class*="3"] :is(td:nth-of-type(3), th:nth-of-type(3)) {
  text-align: center;
}
.content-text[data-expansionid="40358"] #pagecontent table[class*=center][class*="4"] :is(td:nth-of-type(4), th:nth-of-type(4)) {
  text-align: center;
}
.content-text[data-expansionid="40358"] #pagecontent table[class*=center][class*="5"] :is(td:nth-of-type(5), th:nth-of-type(5)) {
  text-align: center;
}
.content-text[data-expansionid="40358"] #pagecontent table[class*=center][class*="6"] :is(td:nth-of-type(6), th:nth-of-type(6)) {
  text-align: center;
}
.content-text[data-expansionid="40358"] #pagecontent table[class*=center][class*="7"] :is(td:nth-of-type(7), th:nth-of-type(7)) {
  text-align: center;
}
.content-text[data-expansionid="40358"] #pagecontent table[class*=center][class*="8"] :is(td:nth-of-type(8), th:nth-of-type(8)) {
  text-align: center;
}
.content-text[data-expansionid="40358"] #pagecontent table[class*=center][class*="9"] :is(td:nth-of-type(9), th:nth-of-type(9)) {
  text-align: center;
}
.content-text[data-expansionid="40358"] #pagecontent table[class=center] td {
  text-align: center;
}
.content-text[data-expansionid="40358"] #pagecontent table .vertical td, .content-text[data-expansionid="40358"] #pagecontent table .vertical th {
  text-align: center;
  vertical-align: middle;
  text-orientation: sideways;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  rotate: 180deg;
  padding: 5px 0;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
.content-text[data-expansionid="40358"] #pagecontent table table {
  border: unset;
  margin: 0 !important;
}
.content-text[data-expansionid="40358"] #pagecontent table.stats {
  font-family: var(--fontSystem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
}
.content-text[data-expansionid="40358"] #pagecontent table.stats tr {
  background: unset !important;
}
.content-text[data-expansionid="40358"] #pagecontent table.stats tr td {
  padding: 0 5px !important;
  background: color-mix(in srgb, var(--mid-tone) 30%, transparent);
}
.content-text[data-expansionid="40358"] #pagecontent table.stats tr td:not(:last-child):nth-child(2n) {
  text-align: center;
  border-right: 5px solid var(--backColor);
}
.content-text[data-expansionid="40358"] #pagecontent table.stats caption {
  background: var(--tone);
  font-family: var(--fontSystem);
  text-decoration: underline;
  color: var(--dm-fontColor);
  padding: 0 5px;
}
.content-text[data-expansionid="40358"] #pagecontent :where(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  mix-blend-mode: var(--blend);
}
.content-text[data-expansionid="40358"] #pagecontent :where(img).spot {
  shape-outside: ellipse(50% 50%);
  max-width: 40%;
  float: right;
}
.content-text[data-expansionid="40358"] #pagecontent :where(img).__left {
  float: left;
}
.content-text[data-expansionid="40358"] #pagecontent *:has(img.background) {
  position: relative;
  z-index: 1;
}
.content-text[data-expansionid="40358"] #pagecontent img.background {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
}
.content-text[data-expansionid="40358"] #pagecontent div.image-flow {
  --__inset: 55%;
  --__offset: 15%;
  position: relative;
  display: -ms-grid;
  display: grid;
  place-items: center;
  float: right;
  max-width: 70%;
  mix-blend-mode: var(--blend);
  shape-outside: ellipse(40% 50% at calc(50% + var(--__offset)));
  translate: var(--__offset);
}
.content-text[data-expansionid="40358"] #pagecontent div.image-flow.__left {
  float: left;
  --__offset: -15%;
}
.content-text[data-expansionid="40358"] #pagecontent div.image-flow img {
  mix-blend-mode: normal;
}
.content-text[data-expansionid="40358"] #pagecontent div.image-flow .splash {
  background: var(--_attr_bg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  mix-blend-mode: var(--blend);
  height: 200%;
  width: 200%;
  position: absolute;
  translate: var(--__offset);
  opacity: 0.5;
  z-index: -1;
}
.content-text[data-expansionid="40358"] #pagecontent .edge_image {
  --__inset: 55%;
  position: relative;
  width: 100%;
  aspect-ratio: 1.5/1;
  z-index: -1;
}
.content-text[data-expansionid="40358"] #pagecontent .edge_image::before {
  content: "";
  position: absolute;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
          mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
  background: var(--_attr_bg);
  background-size: cover;
  background-position: -30% 0;
  height: 100%;
  width: calc(100% + 4em - 4px);
  left: calc(-2em + 2px);
}
.content-text[data-expansionid="40358"] #pagecontent .edge_image::after {
  --_angle: 10px;
  position: absolute;
  inset: 0;
  width: calc(115% + 3em);
  left: -15%;
  background: -webkit-gradient(linear, left top, left bottom, from(color-mix(in srgb, var(--backColor) 100%, transparent)), color-stop(25%, color-mix(in srgb, var(--backColor) 80%, transparent)), color-stop(50%, color-mix(in srgb, var(--backColor) 80%, transparent)), to(var(--backColor)));
  background: linear-gradient(to bottom, color-mix(in srgb, var(--backColor) 100%, transparent) 0%, color-mix(in srgb, var(--backColor) 80%, transparent) 25%, color-mix(in srgb, var(--backColor) 80%, transparent) 50%, var(--backColor) 100%);
}
.content-text[data-expansionid="40358"] #pagecontent .edge_image.__left {
  float: right;
  shape-outside: polygon(var(--__inset) 0, 100% 0, 100% 100%, var(--__inset) 100%);
}
.content-text[data-expansionid="40358"] #pagecontent .edge_image.__left::after {
  content: "";
  width: calc(115% + 1em);
  clip-path: polygon(calc(10% - var(--_angle)) 0, 60% 0, 60% 80%, calc(60% - var(--_angle)) calc(80% + var(--_angle)), calc(60% - var(--_angle)) calc(85% + var(--_angle)), calc(60% - var(--_angle)) 100%, 10% 100%, 10% 70%, calc(10% + var(--_angle)) calc(70% - var(--_angle)), calc(10% + var(--_angle)) calc(20% + 2 * var(--_angle)), calc(10% - var(--_angle)) 20%);
}
.content-text[data-expansionid="40358"] #pagecontent .edge_image.__right {
  float: left;
  shape-outside: polygon(0 0, calc(100% - var(--__inset)) 0, calc(100% - var(--__inset)) 100%, 0 100%);
}
.content-text[data-expansionid="40358"] #pagecontent .edge_image.__right::after {
  content: "";
  clip-path: polygon(calc(50% - var(--_angle)) 0, calc(99% - var(--_angle)) 0, calc(99% - var(--_angle)) 30%, 99% calc(30% + var(--_angle)), 99% 100%, 50% 100%, 50% calc(85% - var(--_angle)), 50% 80%, calc(50% - var(--_angle)) calc(80% - var(--_angle)));
}
.content-text[data-expansionid="40358"] #pagecontent img.bleed {
  position: relative;
  --_padding: 1em;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
  height: clamp(200px, 60vh, 500px);
  width: calc(100cqw + 2 * var(--_padding));
  margin-left: calc(-1 * (100cqw - 100%) / 2 - var(--_padding));
  max-width: unset;
  mix-blend-mode: initial;
  z-index: 1;
}
.content-text[data-expansionid="40358"] #pagecontent aside {
  position: relative;
  padding: 2em;
  background: unset;
  border: 2px solid var(--orange);
  -o-border-image: var(--gh-aside-black);
     border-image: var(--gh-aside-black);
  border-image-slice: 30;
  border-image-width: 25px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  z-index: 1;
  --blue: var(--dm-blue);
  --orange: var(--dm-orange);
  color: var(--dm-fontColor);
  font-family: var(--fontSystem);
  font-size: 0.8em;
}
.content-text[data-expansionid="40358"] #pagecontent aside h2 {
  font-size: 1.5em;
  font-family: var(--fontSystem);
  font-weight: normal;
  text-align: center;
  color: var(--dm-fontColor);
  -webkit-mask-image: var(--gh-scratch);
          mask-image: var(--gh-scratch);
  -webkit-mask-size: 400px 400px;
          mask-size: 400px 400px;
}
.content-text[data-expansionid="40358"] #pagecontent aside p {
  color: var(--dm-fontColor);
}
.content-text[data-expansionid="40358"] #pagecontent aside::before {
  position: absolute;
  content: "";
  inset: 15px;
  background: var(--gh-marble);
  background-size: 1169px 904px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
  border: 3px solid transparent;
  border-width: 3px 0;
  -o-border-image: linear-gradient(140deg, #ca9d3c, #fff7e7, #ca9d3c, #fff7e7) 1;
     border-image: linear-gradient(140deg, #ca9d3c, #fff7e7, #ca9d3c, #fff7e7) 1;
}
.content-text[data-expansionid="40358"] #pagecontent aside.paper {
  all: unset;
  --bg-size: clamp(475px, 1000px, 100vw);
  display: block;
  position: relative;
  font-size: 0.8em;
  padding: 3em 2em 2em 2em;
  -webkit-filter: drop-shadow(0.2em 0.2em 0.1em color-mix(in lch, var(--tone) 50%, transparent));
          filter: drop-shadow(0.2em 0.2em 0.1em color-mix(in lch, var(--tone) 50%, transparent));
}
.content-text[data-expansionid="40358"] #pagecontent aside.paper, .content-text[data-expansionid="40358"] #pagecontent aside.paper p {
  color: var(--lm-fontColor);
  font-family: var(--fontSystem);
}
.content-text[data-expansionid="40358"] #pagecontent aside.paper blockquote {
  background: unset;
  border: unset;
}
.content-text[data-expansionid="40358"] #pagecontent aside.paper::before {
  all: unset;
  position: absolute;
  inset: 0;
  content: "";
  z-index: -1;
  clip-path: var(--clip_parchment);
  background: var(--gh-parchment);
  background-size: var(--bg-size) auto;
  background-position: center;
}
.content-text[data-expansionid="40358"] #pagecontent aside.bright {
  all: unset;
  display: block;
  position: relative;
  margin: 1em 0;
  padding: 1em;
  background: color-mix(in lch, var(--orange) 20%, var(--color-background));
  border: 3px solid var(--orange);
  border-radius: 1.5em;
  font-size: 0.8em;
  z-index: 1;
}
.content-text[data-expansionid="40358"] #pagecontent aside.bright p {
  color: var(--fontColor);
  font-family: var(--fontSystem);
}
.content-text[data-expansionid="40358"] #pagecontent aside.bright::before {
  all: unset;
  position: absolute;
  content: "";
  left: 2em;
  right: 2em;
  height: calc(100% + 8px);
  border: 4px solid transparent;
  -o-border-image: var(--gh-hr) 4 10 round;
     border-image: var(--gh-hr) 4 10 round;
  border-image-width: 8px;
  z-index: -1;
  border-radius: 2em;
}
.content-text[data-expansionid="40358"] #pagecontent aside.bright::before {
  top: -8px;
}
.content-text[data-expansionid="40358"] #pagecontent aside.bright blockquote {
  background: unset;
  border: unset;
}
.content-text[data-expansionid="40358"] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-expansionid="40358"] #pagecontent ::-webkit-scrollbar-track {
  background: var(--lm-fontColor);
}
.content-text[data-expansionid="40358"] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--col-purple);
}
.content-text[data-expansionid="40358"] #pagecontent :where(dl) {
  margin: 0;
}
.content-text[data-expansionid="40358"] #pagecontent h1, .content-text[data-expansionid="40358"] #pagecontent h2, .content-text[data-expansionid="40358"] #pagecontent h3, .content-text[data-expansionid="40358"] #pagecontent h4, .content-text[data-expansionid="40358"] #pagecontent h5 {
  line-height: 1;
  margin: 0.5em 0 0 0;
}
.content-text[data-expansionid="40358"] #pagecontent h1 img, .content-text[data-expansionid="40358"] #pagecontent h2 img, .content-text[data-expansionid="40358"] #pagecontent h3 img, .content-text[data-expansionid="40358"] #pagecontent h4 img, .content-text[data-expansionid="40358"] #pagecontent h5 img {
  display: inline-block;
}
.content-text[data-expansionid="40358"] #pagecontent h1 {
  text-align: center;
  font-size: 3em;
  position: relative;
  font-family: var(--fontHeader);
  font-weight: bold;
  font-weight: normal;
  color: var(--fontColor);
  z-index: 0;
  margin: 0 0 0.3em 0;
}
.content-text[data-expansionid="40358"] #pagecontent h1.chapter {
  font-size: 4em;
}
.content-text[data-expansionid="40358"] #pagecontent h1.chapter span {
  display: block;
  position: relative;
  margin-bottom: -0.4em;
  font-family: var(--fontScript);
  font-size: 0.5em;
}
.content-text[data-expansionid="40358"] #pagecontent h2 {
  font-family: var(--fontSystem);
  position: relative;
  color: var(--orange);
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0 0.5em 0;
}
.content-text[data-expansionid="40358"] #pagecontent h3 {
  font-family: var(--fontSystem);
  color: var(--orange);
  font-size: 1.2em;
  font-weight: bold;
  margin: 0.2em 0;
  padding-bottom: 0.3em;
  border-bottom: 2px solid color-mix(in lch, var(--orange) 50%, transparent);
}
.content-text[data-expansionid="40358"] #pagecontent h4 {
  margin: 0 0 0.2em 0;
  font-family: var(--fontMain);
  font-size: 1.3em;
  font-weight: bold;
  color: var(--blue);
}
.content-text[data-expansionid="40358"] #pagecontent h5 {
  margin: 0.25em 0;
  font-family: var(--fontMain);
  font-size: 1.2em;
  text-align: left;
  color: var(--orange);
}
.content-text[data-expansionid="40358"] #pagecontent hr {
  width: clamp(24em, 50%, 400px);
  height: 4px;
  border: 4px solid transparent;
  -o-border-image: var(--gh-hr) 4 10 round;
     border-image: var(--gh-hr) 4 10 round;
  border-image-width: 4px 34px;
  opacity: 0.5;
}
.content-text[data-expansionid="40358"] #pagecontent .Headers_Character-Ability-Level-Header {
  display: block;
  border-bottom: 2px solid var(--tone);
  font-family: var(--fontHeader);
  font-size: 1em;
  font-weight: normal;
}
.content-text[data-expansionid="40358"] #pagecontent article p {
  text-indent: 0;
}
.content-text[data-expansionid="40358"] #pagecontent article p + p {
  text-indent: 1em;
}
.content-text[data-expansionid="40358"] #pagecontent article p:has(dt) + p {
  text-indent: 0;
}
.content-text[data-expansionid="40358"] #pagecontent caption, .content-text[data-expansionid="40358"] #pagecontent .caption {
  font-family: var(--fontHeader);
  font-weight: normal;
  color: var(--tone);
  text-align: left;
  margin: 0;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="40358"] #pagecontent span.dropcap {
  position: relative;
  float: left;
  font-size: 3.5em;
  line-height: 0.8;
  font-family: var(--fontHeader);
}
.content-text[data-expansionid="40358"] #pagecontent span[class^=ico_] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 0 0.2em;
  display: inline-block;
  width: 2ch;
  aspect-ratio: 1/1;
}
.content-text[data-expansionid="40358"] #pagecontent span[class^=ico_].ico_alien {
  background-image: url(https://files.d20.io/images/459312467/k0BLrD8luhmUEKOtttcnuQ/max.png?1759788891);
}
.content-text[data-expansionid="40358"] #pagecontent .script {
  font-family: var(--fontScript);
  font-style: normal;
  font-size: 1.2em;
  padding: 1em 2em;
}
.content-text[data-expansionid="40358"] #pagecontent .script::after {
  font-size: 1em;
}
.content-text[data-expansionid="40358"] #pagecontent .toc {
  -webkit-columns: 300px;
     -moz-columns: 300px;
          columns: 300px;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  padding: 2em;
}
.content-text[data-expansionid="40358"] #pagecontent .toc h1, .content-text[data-expansionid="40358"] #pagecontent .toc h2, .content-text[data-expansionid="40358"] #pagecontent .toc h3 {
  font-family: var(--fontHeader);
  font-weight: bold;
  margin: 0.5em 0;
  text-align: left;
  font-size: 1em;
  color: var(--lm-fontColor);
}
.content-text[data-expansionid="40358"] #pagecontent .toc h1 {
  font-size: 1.25em;
  line-height: normal;
  border-bottom: 2px dotted;
}
.content-text[data-expansionid="40358"] #pagecontent .toc h2 {
  background: none;
}
.content-text[data-expansionid="40358"] #pagecontent .toc h2 a {
  color: inherit;
}
.content-text[data-expansionid="40358"] #pagecontent .toc h3 {
  text-indent: 1em;
  font-weight: normal;
}
.content-text[data-expansionid="40358"] #pagecontent .toc h3 a {
  border: none;
}
.content-text[data-expansionid="40358"] #pagecontent .toc a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-text[data-expansionid="40358"] #pagecontent .toc a:hover {
  color: var(--accent);
  border-bottom: 2px solid;
}
.content-text[data-expansionid="40358"] #pagecontent .toc img {
  position: fixed;
  inset: 0;
  z-index: -1;
}

.content-text[data-expansionid="40359"] #pagecontent {
  color: var(--fontColor);
  position: relative;
  font-family: var(--fontMain);
}
.content-text[data-expansionid="40359"] #pagecontent h1.page-title {
  display: none;
}
.content-text[data-expansionid="40359"] #pagecontent dl {
  margin-left: 0;
}
.content-text[data-expansionid="40359"] #pagecontent dd {
  display: inline;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.content-text[data-expansionid="40359"] #pagecontent dt {
  display: inline;
}
.content-text[data-expansionid="40359"] #pagecontent strong, .content-text[data-expansionid="40359"] #pagecontent span.Box_Box-Text-Fake-Small-Caps .smallcaps {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.8em;
  font-family: var(--fontHeader);
}
.content-text[data-expansionid="40359"] #pagecontent pre {
  margin: 3rem 0;
}
.content-text[data-expansionid="40359"] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-expansionid="40359"] #pagecontent .center {
  text-align: center;
}
.content-text[data-expansionid="40359"] #pagecontent p {
  font-family: var(--fontMain);
  margin-bottom: unset;
}
.content-text[data-expansionid="40359"] #pagecontent p + ul, .content-text[data-expansionid="40359"] #pagecontent p + ol {
  margin-top: 0;
}
.content-text[data-expansionid="40359"] #pagecontent p + p {
  text-indent: 1em;
}
.content-text[data-expansionid="40359"] #pagecontent p:has(.drop-cap) {
  text-indent: 0;
}
.content-text[data-expansionid="40359"] #pagecontent .drop-cap {
  font-family: var(--fontScript);
  font-size: 5em;
  font-weight: bold;
  --__trans: 0.2;
  color: color-mix(in lch, var(--tone) 100%, transparent);
  float: left;
  margin: -0.2em 0 0 0;
  line-height: 1;
  mix-blend-mode: color-burn;
}
.content-text[data-expansionid="40359"] #pagecontent span.uppercase {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
  font-family: var(--fontHeader);
}
.content-text[data-expansionid="40359"] #pagecontent .columns {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.content-text[data-expansionid="40359"] #pagecontent .columns table {
  width: 100%;
}
.content-text[data-expansionid="40359"] #pagecontent .inline {
  display: inline;
}
.content-text[data-expansionid="40359"] #pagecontent ol {
  padding-left: 1.75em;
}
.content-text[data-expansionid="40359"] #pagecontent ol li {
  counter-increment: list-item;
  list-style-type: none;
  position: relative;
  padding-left: 0.5em;
}
.content-text[data-expansionid="40359"] #pagecontent ol li::marker {
  content: counter(list-item) ".";
  width: 2ch;
  text-align: center;
}
.content-text[data-expansionid="40359"] #pagecontent ul {
  padding-left: 1em;
  margin-bottom: 1em;
  margin-left: -0.25em;
}
.content-text[data-expansionid="40359"] #pagecontent ul li {
  text-indent: 0.5em;
}
.content-text[data-expansionid="40359"] #pagecontent ul li::marker {
  content: "•";
  font-size: 0.8em;
  opacity: 0.5;
  color: color-mix(in lch, var(--fontColor) 50%, transparent);
}
.content-text[data-expansionid="40359"] #pagecontent ul.checklist li {
  padding-left: 0.5em;
}
.content-text[data-expansionid="40359"] #pagecontent ul.checklist li::marker {
  content: "□";
  font-size: 1.5em;
}
.content-text[data-expansionid="40359"] #pagecontent table ul {
  margin: 0;
}
.content-text[data-expansionid="40359"] #pagecontent .fake_li {
  margin-left: -0.25em;
  display: inline-block;
}
.content-text[data-expansionid="40359"] #pagecontent .fake_li::after {
  content: "►";
  font-size: 0.8em;
}
.content-text[data-expansionid="40359"] #pagecontent blockquote {
  position: relative;
  font-size: 1em;
  font-family: var(--fontSystem);
  text-align: center;
  padding: 0;
  margin: 0.5em 2em 0.5em 1em;
  border: 2px solid var(--orange);
  border-width: 0 1px;
  background: color-mix(in lch, var(--altColor) 20%, transparent);
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.content-text[data-expansionid="40359"] #pagecontent blockquote p {
  margin-bottom: 0.5em;
}
.content-text[data-expansionid="40359"] #pagecontent blockquote[cite]::after {
  content: "—  " attr(cite);
  font-style: italic;
  display: inline-block;
  clear: left;
  margin-top: 0.5em;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 0.8em;
}
.content-text[data-expansionid="40359"] #pagecontent span.redacted {
  background: var(--tone);
  color: var(--tone);
}
.content-text[data-expansionid="40359"] #pagecontent span.redacted::-moz-selection {
  background: var(--fontColor);
  color: var(--fontColor);
}
.content-text[data-expansionid="40359"] #pagecontent span.redacted::selection {
  background: var(--fontColor);
  color: var(--fontColor);
}
.content-text[data-expansionid="40359"] #pagecontent :is(h2, h3, h4, h5) span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-expansionid="40359"] #pagecontent table {
  --__trans: 20%;
  min-width: 50%;
  width: 100%;
  border: unset;
  border-collapse: separate;
}
.content-text[data-expansionid="40359"] #pagecontent table caption, .content-text[data-expansionid="40359"] #pagecontent table .caption {
  font-family: var(--fontSystem);
  font-weight: normal;
  text-align: center;
  margin: 0;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
  -webkit-mask-image: var(--gh-scratch);
          mask-image: var(--gh-scratch);
  -webkit-mask-size: 400px 400px;
          mask-size: 400px 400px;
  color: var(--dm-fontColor);
}
.content-text[data-expansionid="40359"] #pagecontent table thead tr th, .content-text[data-expansionid="40359"] #pagecontent table thead tr td, .content-text[data-expansionid="40359"] #pagecontent table thead tr h1, .content-text[data-expansionid="40359"] #pagecontent table thead tr h2, .content-text[data-expansionid="40359"] #pagecontent table thead tr h3, .content-text[data-expansionid="40359"] #pagecontent table thead tr h4, .content-text[data-expansionid="40359"] #pagecontent table thead tr h5 {
  font-family: var(--fontSystem);
  font-weight: bold;
}
.content-text[data-expansionid="40359"] #pagecontent table thead tr th {
  color: var(--dm-fontColor);
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1em;
}
.content-text[data-expansionid="40359"] #pagecontent table tbody {
  background: var(--backColor);
}
.content-text[data-expansionid="40359"] #pagecontent table tbody td {
  color: var(--fontColor);
}
.content-text[data-expansionid="40359"] #pagecontent table.alternating tbody tr:nth-child(even) {
  background: color-mix(in lch, var(--tone) var(--__trans), transparent);
}
.content-text[data-expansionid="40359"] #pagecontent table tr.shaded > td {
  background: color-mix(in lch, var(--tone) var(--__trans), transparent);
}
.content-text[data-expansionid="40359"] #pagecontent table td, .content-text[data-expansionid="40359"] #pagecontent table th {
  padding: 0 !important;
  text-indent: 5px;
  vertical-align: middle;
}
.content-text[data-expansionid="40359"] #pagecontent table tr td, .content-text[data-expansionid="40359"] #pagecontent table tr th {
  border: 1px solid color-mix(in lch, var(--dm-orange) 100%, transparent);
  border-width: 0 2px 1px 0;
  border-bottom-color: color-mix(in lch, var(--tone) 50%, transparent);
}
.content-text[data-expansionid="40359"] #pagecontent table tr td:last-of-type, .content-text[data-expansionid="40359"] #pagecontent table tr th:last-of-type {
  border-right: unset;
}
.content-text[data-expansionid="40359"] #pagecontent table tr td:first-of-type, .content-text[data-expansionid="40359"] #pagecontent table tr th:first-of-type {
  white-space: nowrap;
}
.content-text[data-expansionid="40359"] #pagecontent table tbody tr.black {
  background: var(--fontColor);
}
.content-text[data-expansionid="40359"] #pagecontent table tbody tr.black td, .content-text[data-expansionid="40359"] #pagecontent table tbody tr.black th {
  font-family: var(--fontSystemSC);
  color: var(--dm-fontColor);
}
.content-text[data-expansionid="40359"] #pagecontent table tbody tr.tone {
  background: var(--tone);
}
.content-text[data-expansionid="40359"] #pagecontent table tbody tr.tone td, .content-text[data-expansionid="40359"] #pagecontent table tbody tr.tone th {
  font-family: var(--fontSystemSC);
  color: var(--dm-fontColor);
}
.content-text[data-expansionid="40359"] #pagecontent table tr:last-of-type > td {
  border-bottom: unset;
}
.content-text[data-expansionid="40359"] #pagecontent table .Header-Center {
  text-align: center;
}
.content-text[data-expansionid="40359"] #pagecontent table[class*=center] td {
  text-align: left;
}
.content-text[data-expansionid="40359"] #pagecontent table[class*=center][class*="1"] :is(td:nth-of-type(1), th:nth-of-type(1)) {
  text-align: center;
}
.content-text[data-expansionid="40359"] #pagecontent table[class*=center][class*="2"] :is(td:nth-of-type(2), th:nth-of-type(2)) {
  text-align: center;
}
.content-text[data-expansionid="40359"] #pagecontent table[class*=center][class*="3"] :is(td:nth-of-type(3), th:nth-of-type(3)) {
  text-align: center;
}
.content-text[data-expansionid="40359"] #pagecontent table[class*=center][class*="4"] :is(td:nth-of-type(4), th:nth-of-type(4)) {
  text-align: center;
}
.content-text[data-expansionid="40359"] #pagecontent table[class*=center][class*="5"] :is(td:nth-of-type(5), th:nth-of-type(5)) {
  text-align: center;
}
.content-text[data-expansionid="40359"] #pagecontent table[class*=center][class*="6"] :is(td:nth-of-type(6), th:nth-of-type(6)) {
  text-align: center;
}
.content-text[data-expansionid="40359"] #pagecontent table[class*=center][class*="7"] :is(td:nth-of-type(7), th:nth-of-type(7)) {
  text-align: center;
}
.content-text[data-expansionid="40359"] #pagecontent table[class*=center][class*="8"] :is(td:nth-of-type(8), th:nth-of-type(8)) {
  text-align: center;
}
.content-text[data-expansionid="40359"] #pagecontent table[class*=center][class*="9"] :is(td:nth-of-type(9), th:nth-of-type(9)) {
  text-align: center;
}
.content-text[data-expansionid="40359"] #pagecontent table[class=center] td {
  text-align: center;
}
.content-text[data-expansionid="40359"] #pagecontent table .vertical td, .content-text[data-expansionid="40359"] #pagecontent table .vertical th {
  text-align: center;
  vertical-align: middle;
  text-orientation: sideways;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  rotate: 180deg;
  padding: 5px 0;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
.content-text[data-expansionid="40359"] #pagecontent table table {
  border: unset;
  margin: 0 !important;
}
.content-text[data-expansionid="40359"] #pagecontent table.stats {
  font-family: var(--fontSystem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
}
.content-text[data-expansionid="40359"] #pagecontent table.stats tr {
  background: unset !important;
}
.content-text[data-expansionid="40359"] #pagecontent table.stats tr td {
  padding: 0 5px !important;
  background: color-mix(in srgb, var(--mid-tone) 30%, transparent);
}
.content-text[data-expansionid="40359"] #pagecontent table.stats tr td:not(:last-child):nth-child(2n) {
  text-align: center;
  border-right: 5px solid var(--backColor);
}
.content-text[data-expansionid="40359"] #pagecontent table.stats caption {
  background: var(--tone);
  font-family: var(--fontSystem);
  text-decoration: underline;
  color: var(--dm-fontColor);
  padding: 0 5px;
}
.content-text[data-expansionid="40359"] #pagecontent :where(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  mix-blend-mode: var(--blend);
}
.content-text[data-expansionid="40359"] #pagecontent :where(img).spot {
  shape-outside: ellipse(50% 50%);
  max-width: 40%;
  float: right;
}
.content-text[data-expansionid="40359"] #pagecontent :where(img).__left {
  float: left;
}
.content-text[data-expansionid="40359"] #pagecontent *:has(img.background) {
  position: relative;
  z-index: 1;
}
.content-text[data-expansionid="40359"] #pagecontent img.background {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
}
.content-text[data-expansionid="40359"] #pagecontent div.image-flow {
  --__inset: 55%;
  --__offset: 15%;
  position: relative;
  display: -ms-grid;
  display: grid;
  place-items: center;
  float: right;
  max-width: 70%;
  mix-blend-mode: var(--blend);
  shape-outside: ellipse(40% 50% at calc(50% + var(--__offset)));
  translate: var(--__offset);
}
.content-text[data-expansionid="40359"] #pagecontent div.image-flow.__left {
  float: left;
  --__offset: -15%;
}
.content-text[data-expansionid="40359"] #pagecontent div.image-flow img {
  mix-blend-mode: normal;
}
.content-text[data-expansionid="40359"] #pagecontent div.image-flow .splash {
  background: var(--_attr_bg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  mix-blend-mode: var(--blend);
  height: 200%;
  width: 200%;
  position: absolute;
  translate: var(--__offset);
  opacity: 0.5;
  z-index: -1;
}
.content-text[data-expansionid="40359"] #pagecontent .edge_image {
  --__inset: 55%;
  position: relative;
  width: 100%;
  aspect-ratio: 1.5/1;
  z-index: -1;
}
.content-text[data-expansionid="40359"] #pagecontent .edge_image::before {
  content: "";
  position: absolute;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
          mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0));
  background: var(--_attr_bg);
  background-size: cover;
  background-position: -30% 0;
  height: 100%;
  width: calc(100% + 4em - 4px);
  left: calc(-2em + 2px);
}
.content-text[data-expansionid="40359"] #pagecontent .edge_image::after {
  --_angle: 10px;
  position: absolute;
  inset: 0;
  width: calc(115% + 3em);
  left: -15%;
  background: -webkit-gradient(linear, left top, left bottom, from(color-mix(in srgb, var(--backColor) 100%, transparent)), color-stop(25%, color-mix(in srgb, var(--backColor) 80%, transparent)), color-stop(50%, color-mix(in srgb, var(--backColor) 80%, transparent)), to(var(--backColor)));
  background: linear-gradient(to bottom, color-mix(in srgb, var(--backColor) 100%, transparent) 0%, color-mix(in srgb, var(--backColor) 80%, transparent) 25%, color-mix(in srgb, var(--backColor) 80%, transparent) 50%, var(--backColor) 100%);
}
.content-text[data-expansionid="40359"] #pagecontent .edge_image.__left {
  float: right;
  shape-outside: polygon(var(--__inset) 0, 100% 0, 100% 100%, var(--__inset) 100%);
}
.content-text[data-expansionid="40359"] #pagecontent .edge_image.__left::after {
  content: "";
  width: calc(115% + 1em);
  clip-path: polygon(calc(10% - var(--_angle)) 0, 60% 0, 60% 80%, calc(60% - var(--_angle)) calc(80% + var(--_angle)), calc(60% - var(--_angle)) calc(85% + var(--_angle)), calc(60% - var(--_angle)) 100%, 10% 100%, 10% 70%, calc(10% + var(--_angle)) calc(70% - var(--_angle)), calc(10% + var(--_angle)) calc(20% + 2 * var(--_angle)), calc(10% - var(--_angle)) 20%);
}
.content-text[data-expansionid="40359"] #pagecontent .edge_image.__right {
  float: left;
  shape-outside: polygon(0 0, calc(100% - var(--__inset)) 0, calc(100% - var(--__inset)) 100%, 0 100%);
}
.content-text[data-expansionid="40359"] #pagecontent .edge_image.__right::after {
  content: "";
  clip-path: polygon(calc(50% - var(--_angle)) 0, calc(99% - var(--_angle)) 0, calc(99% - var(--_angle)) 30%, 99% calc(30% + var(--_angle)), 99% 100%, 50% 100%, 50% calc(85% - var(--_angle)), 50% 80%, calc(50% - var(--_angle)) calc(80% - var(--_angle)));
}
.content-text[data-expansionid="40359"] #pagecontent img.bleed {
  position: relative;
  --_padding: 1em;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
  height: clamp(200px, 60vh, 500px);
  width: calc(100cqw + 2 * var(--_padding));
  margin-left: calc(-1 * (100cqw - 100%) / 2 - var(--_padding));
  max-width: unset;
  mix-blend-mode: initial;
  z-index: 1;
}
.content-text[data-expansionid="40359"] #pagecontent aside {
  position: relative;
  padding: 2em;
  background: unset;
  border: 2px solid var(--orange);
  -o-border-image: var(--gh-aside-black);
     border-image: var(--gh-aside-black);
  border-image-slice: 30;
  border-image-width: 25px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  z-index: 1;
  --blue: var(--dm-blue);
  --orange: var(--dm-orange);
  color: var(--dm-fontColor);
  font-family: var(--fontSystem);
  font-size: 0.8em;
}
.content-text[data-expansionid="40359"] #pagecontent aside h2 {
  font-size: 1.5em;
  font-family: var(--fontSystem);
  font-weight: normal;
  text-align: center;
  color: var(--dm-fontColor);
  -webkit-mask-image: var(--gh-scratch);
          mask-image: var(--gh-scratch);
  -webkit-mask-size: 400px 400px;
          mask-size: 400px 400px;
}
.content-text[data-expansionid="40359"] #pagecontent aside p {
  color: var(--dm-fontColor);
}
.content-text[data-expansionid="40359"] #pagecontent aside::before {
  position: absolute;
  content: "";
  inset: 15px;
  background: var(--gh-marble);
  background-size: 1169px 904px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
  border: 3px solid transparent;
  border-width: 3px 0;
  -o-border-image: linear-gradient(140deg, #ca9d3c, #fff7e7, #ca9d3c, #fff7e7) 1;
     border-image: linear-gradient(140deg, #ca9d3c, #fff7e7, #ca9d3c, #fff7e7) 1;
}
.content-text[data-expansionid="40359"] #pagecontent aside.paper {
  all: unset;
  --bg-size: clamp(475px, 1000px, 100vw);
  display: block;
  position: relative;
  font-size: 0.8em;
  padding: 3em 2em 2em 2em;
  -webkit-filter: drop-shadow(0.2em 0.2em 0.1em color-mix(in lch, var(--tone) 50%, transparent));
          filter: drop-shadow(0.2em 0.2em 0.1em color-mix(in lch, var(--tone) 50%, transparent));
}
.content-text[data-expansionid="40359"] #pagecontent aside.paper, .content-text[data-expansionid="40359"] #pagecontent aside.paper p {
  color: var(--lm-fontColor);
  font-family: var(--fontSystem);
}
.content-text[data-expansionid="40359"] #pagecontent aside.paper blockquote {
  background: unset;
  border: unset;
}
.content-text[data-expansionid="40359"] #pagecontent aside.paper::before {
  all: unset;
  position: absolute;
  inset: 0;
  content: "";
  z-index: -1;
  clip-path: var(--clip_parchment);
  background: var(--gh-parchment);
  background-size: var(--bg-size) auto;
  background-position: center;
}
.content-text[data-expansionid="40359"] #pagecontent aside.bright {
  all: unset;
  display: block;
  position: relative;
  margin: 1em 0;
  padding: 1em;
  background: color-mix(in lch, var(--orange) 20%, var(--color-background));
  border: 3px solid var(--orange);
  border-radius: 1.5em;
  font-size: 0.8em;
  z-index: 1;
}
.content-text[data-expansionid="40359"] #pagecontent aside.bright p {
  color: var(--fontColor);
  font-family: var(--fontSystem);
}
.content-text[data-expansionid="40359"] #pagecontent aside.bright::before {
  all: unset;
  position: absolute;
  content: "";
  left: 2em;
  right: 2em;
  height: calc(100% + 8px);
  border: 4px solid transparent;
  -o-border-image: var(--gh-hr) 4 10 round;
     border-image: var(--gh-hr) 4 10 round;
  border-image-width: 8px;
  z-index: -1;
  border-radius: 2em;
}
.content-text[data-expansionid="40359"] #pagecontent aside.bright::before {
  top: -8px;
}
.content-text[data-expansionid="40359"] #pagecontent aside.bright blockquote {
  background: unset;
  border: unset;
}
.content-text[data-expansionid="40359"] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-expansionid="40359"] #pagecontent ::-webkit-scrollbar-track {
  background: var(--lm-fontColor);
}
.content-text[data-expansionid="40359"] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--col-purple);
}
.content-text[data-expansionid="40359"] #pagecontent :where(dl) {
  margin: 0;
}
.content-text[data-expansionid="40359"] #pagecontent h1, .content-text[data-expansionid="40359"] #pagecontent h2, .content-text[data-expansionid="40359"] #pagecontent h3, .content-text[data-expansionid="40359"] #pagecontent h4, .content-text[data-expansionid="40359"] #pagecontent h5 {
  line-height: 1;
  margin: 0.5em 0 0 0;
}
.content-text[data-expansionid="40359"] #pagecontent h1 img, .content-text[data-expansionid="40359"] #pagecontent h2 img, .content-text[data-expansionid="40359"] #pagecontent h3 img, .content-text[data-expansionid="40359"] #pagecontent h4 img, .content-text[data-expansionid="40359"] #pagecontent h5 img {
  display: inline-block;
}
.content-text[data-expansionid="40359"] #pagecontent h1 {
  text-align: center;
  font-size: 3em;
  position: relative;
  font-family: var(--fontHeader);
  font-weight: bold;
  font-weight: normal;
  color: var(--fontColor);
  z-index: 0;
  margin: 0 0 0.3em 0;
}
.content-text[data-expansionid="40359"] #pagecontent h1.chapter {
  font-size: 4em;
}
.content-text[data-expansionid="40359"] #pagecontent h1.chapter span {
  display: block;
  position: relative;
  margin-bottom: -0.4em;
  font-family: var(--fontScript);
  font-size: 0.5em;
}
.content-text[data-expansionid="40359"] #pagecontent h2 {
  font-family: var(--fontSystem);
  position: relative;
  color: var(--orange);
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0 0.5em 0;
}
.content-text[data-expansionid="40359"] #pagecontent h3 {
  font-family: var(--fontSystem);
  color: var(--orange);
  font-size: 1.2em;
  font-weight: bold;
  margin: 0.2em 0;
  padding-bottom: 0.3em;
  border-bottom: 2px solid color-mix(in lch, var(--orange) 50%, transparent);
}
.content-text[data-expansionid="40359"] #pagecontent h4 {
  margin: 0 0 0.2em 0;
  font-family: var(--fontMain);
  font-size: 1.3em;
  font-weight: bold;
  color: var(--blue);
}
.content-text[data-expansionid="40359"] #pagecontent h5 {
  margin: 0.25em 0;
  font-family: var(--fontMain);
  font-size: 1.2em;
  text-align: left;
  color: var(--orange);
}
.content-text[data-expansionid="40359"] #pagecontent hr {
  width: clamp(24em, 50%, 400px);
  height: 4px;
  border: 4px solid transparent;
  -o-border-image: var(--gh-hr) 4 10 round;
     border-image: var(--gh-hr) 4 10 round;
  border-image-width: 4px 34px;
  opacity: 0.5;
}
.content-text[data-expansionid="40359"] #pagecontent .Headers_Character-Ability-Level-Header {
  display: block;
  border-bottom: 2px solid var(--tone);
  font-family: var(--fontHeader);
  font-size: 1em;
  font-weight: normal;
}
.content-text[data-expansionid="40359"] #pagecontent article p {
  text-indent: 0;
}
.content-text[data-expansionid="40359"] #pagecontent article p + p {
  text-indent: 1em;
}
.content-text[data-expansionid="40359"] #pagecontent article p:has(dt) + p {
  text-indent: 0;
}
.content-text[data-expansionid="40359"] #pagecontent caption, .content-text[data-expansionid="40359"] #pagecontent .caption {
  font-family: var(--fontHeader);
  font-weight: normal;
  color: var(--tone);
  text-align: left;
  margin: 0;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-expansionid="40359"] #pagecontent span.dropcap {
  position: relative;
  float: left;
  font-size: 3.5em;
  line-height: 0.8;
  font-family: var(--fontHeader);
}
.content-text[data-expansionid="40359"] #pagecontent span[class^=ico_] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 0 0.2em;
  display: inline-block;
  width: 2ch;
  aspect-ratio: 1/1;
}
.content-text[data-expansionid="40359"] #pagecontent span[class^=ico_].ico_alien {
  background-image: url(https://files.d20.io/images/459312467/k0BLrD8luhmUEKOtttcnuQ/max.png?1759788891);
}
.content-text[data-expansionid="40359"] #pagecontent .script {
  font-family: var(--fontScript);
  font-style: normal;
  font-size: 1.2em;
  padding: 1em 2em;
}
.content-text[data-expansionid="40359"] #pagecontent .script::after {
  font-size: 1em;
}
.content-text[data-expansionid="40359"] #pagecontent .toc {
  -webkit-columns: 300px;
     -moz-columns: 300px;
          columns: 300px;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  padding: 2em;
}
.content-text[data-expansionid="40359"] #pagecontent .toc h1, .content-text[data-expansionid="40359"] #pagecontent .toc h2, .content-text[data-expansionid="40359"] #pagecontent .toc h3 {
  font-family: var(--fontHeader);
  font-weight: bold;
  margin: 0.5em 0;
  text-align: left;
  font-size: 1em;
  color: var(--lm-fontColor);
}
.content-text[data-expansionid="40359"] #pagecontent .toc h1 {
  font-size: 1.25em;
  line-height: normal;
  border-bottom: 2px dotted;
}
.content-text[data-expansionid="40359"] #pagecontent .toc h2 {
  background: none;
}
.content-text[data-expansionid="40359"] #pagecontent .toc h2 a {
  color: inherit;
}
.content-text[data-expansionid="40359"] #pagecontent .toc h3 {
  text-indent: 1em;
  font-weight: normal;
}
.content-text[data-expansionid="40359"] #pagecontent .toc h3 a {
  border: none;
}
.content-text[data-expansionid="40359"] #pagecontent .toc a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-text[data-expansionid="40359"] #pagecontent .toc a:hover {
  color: var(--accent);
  border-bottom: 2px solid;
}
.content-text[data-expansionid="40359"] #pagecontent .toc img {
  position: fixed;
  inset: 0;
  z-index: -1;
}

html:has(.content-text[data-expansionid="40358"]) .primarycontentcontainer {
  --bevel: 2em;
  --bevel_padding: 2px;
  --bevel_adjust: calc(var(--bevel_padding) / 2);
  --clip_corner: polygon(
      0 0,
      calc(100% - var(--bevel, 14px)) 0,
      100% var(--bevel, 14px),
      100% 100%,
      0 100%
  );
  --clip_corner_inner: polygon(
      var(--bevel_padding, 2px) var(--bevel_padding, 2px),
      calc(100% - var(--bevel, 14px) - var(--bevel_padding, 2px) + var(--bevel_adjust)) var(--bevel_padding, 2px),
      calc(100% - var(--bevel_padding, 2px)) calc(var(--bevel, 14px) + var(--bevel_padding, 2px) - var(--bevel_adjust)),
      calc(100% - var(--bevel_padding, 2px)) calc(100% - var(--bevel_padding, 2px)),
      var(--bevel_padding, 2px) calc(100% - var(--bevel_padding, 2px))
  );
  --clip_corner_br: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--bevel, 14px)),
      calc(100% - var(--bevel, 14px)) 100%,
      0 100%
  );
  --clip_corner_inner_br: polygon(
      var(--bevel_padding, 2px) var(--bevel_padding, 2px),
      calc(100% - var(--bevel_padding, 2px)) var(--bevel_padding, 2px),
      calc(100% - var(--bevel_padding, 2px)) calc(100% - var(--bevel, 14px) - var(--bevel_padding, 2px) + var(--bevel_adjust)),
      calc(100% - var(--bevel, 14px) - var(--bevel_padding, 2px) + var(--bevel_adjust)) calc(100% - var(--bevel_padding, 2px)),
      var(--bevel_padding, 2px) calc(100% - var(--bevel_padding, 2px))
  );
  --clip_all_corners: polygon(
      var(--bevel) 0,
      calc(100% - var(--bevel)) 0,
      100% var(--bevel),
      100% calc(100% - var(--bevel)),
      calc(100% - var(--bevel)) 100%,
      var(--bevel) 100%,
      0 calc(100% - var(--bevel)),
      0 var(--bevel)
  );
  --clip_all_corners_inner: polygon(
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel_padding)) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)),
      calc(100% - var(--bevel_padding)) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      var(--bevel_padding) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      var(--bevel_padding) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust))
  );
  --clip_parchment: polygon(
      0.000% 16px,
      0.702% 17px,
      1.579% 19px,
      2.456% 19px,
      3.333% 21px,
      4.035% 22px,
      4.912% 22px,
      5.789% 25px,
      6.667% 27px,
      7.544% 24px,
      8.246% 25px,
      9.123% 30px,
      10.000% 28px,
      10.877% 25px,
      11.754% 22px,
      12.456% 20px,
      13.333% 14px,
      14.211% 14px,
      15.088% 17px,
      15.965% 16px,
      16.667% 17px,
      17.544% 18px,
      18.421% 17px,
      19.298% 17px,
      20.000% 16px,
      20.877% 20px,
      21.754% 21px,
      22.632% 27px,
      23.509% 27px,
      24.211% 29px,
      25.088% 28px,
      25.965% 31px,
      26.842% 26px,
      27.719% 20px,
      28.421% 13px,
      29.298% 11px,
      30.175% 12px,
      31.053% 14px,
      31.930% 12px,
      32.632% 13px,
      33.509% 12px,
      34.386% 15px,
      35.263% 17px,
      35.965% 15px,
      36.842% 17px,
      37.719% 16px,
      38.596% 18px,
      39.474% 16px,
      40.175% 18px,
      41.053% 19px,
      41.930% 15px,
      42.807% 15px,
      43.684% 14px,
      44.386% 14px,
      45.263% 14px,
      46.140% 13px,
      47.018% 11px,
      47.895% 11px,
      48.596% 16px,
      49.474% 15px,
      50.351% 22px,
      51.228% 23px,
      51.930% 23px,
      52.807% 20px,
      53.684% 22px,
      54.561% 18px,
      55.439% 18px,
      56.140% 17px,
      57.018% 15px,
      57.895% 15px,
      58.772% 19px,
      59.649% 19px,
      60.351% 17px,
      61.228% 19px,
      62.105% 18px,
      62.982% 15px,
      63.860% 11px,
      64.561% 10px,
      65.439% 14px,
      66.316% 11px,
      67.193% 14px,
      67.895% 13px,
      68.772% 15px,
      69.649% 15px,
      70.526% 15px,
      71.404% 13px,
      72.105% 13px,
      72.982% 9px,
      73.860% 9px,
      74.737% 11px,
      75.614% 12px,
      76.316% 13px,
      77.193% 13px,
      78.070% 13px,
      78.947% 8px,
      79.825% 7px,
      80.526% 3px,
      81.404% 3px,
      82.281% 1px,
      83.158% 1px,
      83.860% 0px,
      84.737% 0px,
      85.614% 4px,
      86.491% 8px,
      87.368% 4px,
      88.070% 6px,
      88.947% 11px,
      89.825% 12px,
      90.702% 13px,
      91.579% 15px,
      92.281% 18px,
      93.158% 19px,
      94.035% 20px,
      94.912% 19px,
      95.789% 19px,
      96.491% 17px,
      97.368% 15px,
      98.246% 16px,
      99.123% 15px,
      100.000% 19px,
      100.000% calc(100% - 35px),
      99.123% calc(100% - 32px),
      98.246% calc(100% - 32px),
      97.368% calc(100% - 32px),
      96.491% calc(100% - 31px),
      95.789% calc(100% - 27px),
      94.912% calc(100% - 18px),
      94.035% calc(100% - 18px),
      93.158% calc(100% - 16px),
      92.281% calc(100% - 13px),
      91.579% calc(100% - 12px),
      90.702% calc(100% - 11px),
      89.825% calc(100% - 12px),
      88.947% calc(100% - 10px),
      88.070% calc(100% - 10px),
      87.368% calc(100% - 12px),
      86.491% calc(100% - 13px),
      85.614% calc(100% - 17px),
      84.737% calc(100% - 15px),
      83.860% calc(100% - 16px),
      83.158% calc(100% - 16px),
      82.281% calc(100% - 15px),
      81.404% calc(100% - 13px),
      80.526% calc(100% - 15px),
      79.825% calc(100% - 13px),
      78.947% calc(100% - 15px),
      78.070% calc(100% - 15px),
      77.193% calc(100% - 14px),
      76.316% calc(100% - 15px),
      75.614% calc(100% - 12px),
      74.737% calc(100% - 14px),
      73.860% calc(100% - 16px),
      72.982% calc(100% - 19px),
      72.105% calc(100% - 17px),
      71.404% calc(100% - 14px),
      70.526% calc(100% - 12px),
      69.649% calc(100% - 10px),
      68.772% calc(100% - 6px),
      67.895% calc(100% - 2px),
      67.193% calc(100% - 1px),
      66.316% calc(100% - 1px),
      65.439% calc(100% - 2px),
      64.561% calc(100% - 5px),
      63.860% calc(100% - 6px),
      62.982% calc(100% - 3px),
      62.105% calc(100% - 6px),
      61.228% calc(100% - 5px),
      60.351% calc(100% - 7px),
      59.649% calc(100% - 9px),
      58.772% calc(100% - 9px),
      57.895% calc(100% - 13px),
      57.018% calc(100% - 8px),
      56.140% calc(100% - 6px),
      55.439% calc(100% - 6px),
      54.561% calc(100% - 6px),
      53.684% calc(100% - 5px),
      52.807% calc(100% - 4px),
      51.930% calc(100% - 2px),
      51.228% calc(100% - 2px),
      50.351% calc(100% - 2px),
      49.474% calc(100% - 6px),
      48.596% calc(100% - 4px),
      47.895% calc(100% - 5px),
      47.018% calc(100% - 6px),
      46.140% calc(100% - 5px),
      45.263% calc(100% - 8px),
      44.386% calc(100% - 10px),
      43.684% calc(100% - 11px),
      42.807% calc(100% - 8px),
      41.930% calc(100% - 6px),
      41.053% calc(100% - 9px),
      40.175% calc(100% - 9px),
      39.474% calc(100% - 8px),
      38.596% calc(100% - 14px),
      37.719% calc(100% - 17px),
      36.842% calc(100% - 15px),
      35.965% calc(100% - 15px),
      35.263% calc(100% - 13px),
      34.386% calc(100% - 11px),
      33.509% calc(100% - 11px),
      32.632% calc(100% - 12px),
      31.930% calc(100% - 14px),
      31.053% calc(100% - 18px),
      30.175% calc(100% - 18px),
      29.298% calc(100% - 15px),
      28.421% calc(100% - 15px),
      27.719% calc(100% - 12px),
      26.842% calc(100% - 14px),
      25.965% calc(100% - 15px),
      25.088% calc(100% - 9px),
      24.211% calc(100% - 4px),
      23.509% calc(100% - 2px),
      22.632% calc(100% - 5px),
      21.754% calc(100% - 4px),
      20.877% calc(100% - 6px),
      20.000% calc(100% - 6px),
      19.298% calc(100% - 11px),
      18.421% calc(100% - 13px),
      17.544% calc(100% - 13px),
      16.667% calc(100% - 10px),
      15.965% calc(100% - 9px),
      15.088% calc(100% - 8px),
      14.211% calc(100% - 9px),
      13.333% calc(100% - 8px),
      12.456% calc(100% - 10px),
      11.754% calc(100% - 11px),
      10.877% calc(100% - 16px),
      10.000% calc(100% - 16px),
      9.123% calc(100% - 16px),
      8.246% calc(100% - 17px),
      7.544% calc(100% - 15px),
      6.667% calc(100% - 17px),
      5.789% calc(100% - 16px),
      4.912% calc(100% - 14px),
      4.035% calc(100% - 13px),
      3.333% calc(100% - 11px),
      2.456% calc(100% - 9px),
      1.579% calc(100% - 5px),
      0.702% calc(100% - 4px),
      0.000% calc(100% - 4px)
  );
  --lm-fontColor: #121212;
  --dm-fontColor: #ffffff;
  --lm-backColor: #f3f0ea;
  --tone: #867744;
  --orange: #833104;
  --blue: #002d43;
  --dm-orange: #a55d00;
  --dm-blue: #0170a7;
  --dm-backColor: var(--color-surface1);
  --backColor: var(--lm-backColor);
  --fontColor: var(--lm-fontColor);
  --altColor: var(--dm-fontColor);
  --__trans: 1;
  --gh-hr: url(https://files.d20.io/images/463153790/_OUFaClN-3Fk07DzVlQaMg/original.png);
  --gh-aside-black: url(https://files.d20.io/images/463110032/WLMU47Gwa-9NbPDOh3XRcQ/original.png);
  --gh-parchment: url(https://files.d20.io/images/463106535/sZYJiwQyjQwIaOZeVuXU6w/original.jpg);
  --gh-marble: url(https://files.d20.io/images/463108326/ZxSl22kIIutHBF6PzYMA6g/original.jpg);
  --gh-scratch: url(https://files.d20.io/images/463112514/NDdQlCKSHj8vvPYEJtyfLQ/original.png);
  --gh-page: url(https://files.d20.io/images/463114820/5OtEMC8qsES_V6O1tPK_eA/original.jpg);
  --lm-deep: hsla(217, 59%, 31%, var(--__trans));
  --grid_size: 0.75em;
  --grid: linear-gradient(to right,
          var(--tone) 1px,
          transparent 1px),
          linear-gradient(to bottom,
          var(--tone) 1px,
          transparent 1px);
  --blend: multiply;
  --fontMain: "Radley", serif;
  --fontHeader: "Manufacturing Consent", system-ui;
  --fontScript: "Carattere", cursive;
  --fontSystem: "Merriweather", serif;
  --fontSystemSC: "Vollkorn SC", serif;
}
html:has(.content-text[data-expansionid="40358"]) .primarycontentcontainer .col-md-8 {
  font-size: 16px;
  color: var(--fontColor);
  padding: 0em;
}
html:has(.content-text[data-expansionid="40358"]) .primarycontentcontainer .col-md-8 p {
  color: var(--fontColor);
}
html:has(.content-text[data-expansionid="40358"]) .primarycontentcontainer .row:has(.backdrop) {
  background: unset;
}
html:has(.content-text[data-expansionid="40358"]) .primarycontentcontainer .col-md-4.toccol {
  display: none;
}
html:has(.content-text[data-expansionid="40358"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40358"]) {
  background: var(--gh-page), -webkit-gradient(linear, left top, right top, from(var(--color-background)), to(var(--color-background)));
  background: var(--gh-page), linear-gradient(to right, var(--color-background), var(--color-background));
  background-blend-mode: multiply, normal;
  background-size: contain;
  overflow: hidden;
  -webkit-box-shadow: 0 0 20px color-mix(in lch, var(--orange) 50%, transparent);
          box-shadow: 0 0 20px color-mix(in lch, var(--orange) 50%, transparent);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
html:has(.content-text[data-expansionid="40358"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40358"]) #pagecontent {
  padding: 0 4em;
}
html:has(.content-text[data-expansionid="40358"]) .primarycontentcontainer .col-md-8:has(.content-text[data-expansionid="40358"]) {
  width: clamp(750px, 80%, 1170px);
}

html:has(.content-text[data-expansionid="40359"]) .primarycontentcontainer {
  --bevel: 2em;
  --bevel_padding: 2px;
  --bevel_adjust: calc(var(--bevel_padding) / 2);
  --clip_corner: polygon(
      0 0,
      calc(100% - var(--bevel, 14px)) 0,
      100% var(--bevel, 14px),
      100% 100%,
      0 100%
  );
  --clip_corner_inner: polygon(
      var(--bevel_padding, 2px) var(--bevel_padding, 2px),
      calc(100% - var(--bevel, 14px) - var(--bevel_padding, 2px) + var(--bevel_adjust)) var(--bevel_padding, 2px),
      calc(100% - var(--bevel_padding, 2px)) calc(var(--bevel, 14px) + var(--bevel_padding, 2px) - var(--bevel_adjust)),
      calc(100% - var(--bevel_padding, 2px)) calc(100% - var(--bevel_padding, 2px)),
      var(--bevel_padding, 2px) calc(100% - var(--bevel_padding, 2px))
  );
  --clip_corner_br: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--bevel, 14px)),
      calc(100% - var(--bevel, 14px)) 100%,
      0 100%
  );
  --clip_corner_inner_br: polygon(
      var(--bevel_padding, 2px) var(--bevel_padding, 2px),
      calc(100% - var(--bevel_padding, 2px)) var(--bevel_padding, 2px),
      calc(100% - var(--bevel_padding, 2px)) calc(100% - var(--bevel, 14px) - var(--bevel_padding, 2px) + var(--bevel_adjust)),
      calc(100% - var(--bevel, 14px) - var(--bevel_padding, 2px) + var(--bevel_adjust)) calc(100% - var(--bevel_padding, 2px)),
      var(--bevel_padding, 2px) calc(100% - var(--bevel_padding, 2px))
  );
  --clip_all_corners: polygon(
      var(--bevel) 0,
      calc(100% - var(--bevel)) 0,
      100% var(--bevel),
      100% calc(100% - var(--bevel)),
      calc(100% - var(--bevel)) 100%,
      var(--bevel) 100%,
      0 calc(100% - var(--bevel)),
      0 var(--bevel)
  );
  --clip_all_corners_inner: polygon(
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) var(--bevel_padding),
      calc(100% - var(--bevel_padding)) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)),
      calc(100% - var(--bevel_padding)) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust)) calc(100% - var(--bevel_padding)),
      var(--bevel_padding) calc(100% - var(--bevel) - var(--bevel_padding) + var(--bevel_adjust)),
      var(--bevel_padding) calc(var(--bevel) + var(--bevel_padding) - var(--bevel_adjust))
  );
  --clip_parchment: polygon(
      0.000% 16px,
      0.702% 17px,
      1.579% 19px,
      2.456% 19px,
      3.333% 21px,
      4.035% 22px,
      4.912% 22px,
      5.789% 25px,
      6.667% 27px,
      7.544% 24px,
      8.246% 25px,
      9.123% 30px,
      10.000% 28px,
      10.877% 25px,
      11.754% 22px,
      12.456% 20px,
      13.333% 14px,
      14.211% 14px,
      15.088% 17px,
      15.965% 16px,
      16.667% 17px,
      17.544% 18px,
      18.421% 17px,
      19.298% 17px,
      20.000% 16px,
      20.877% 20px,
      21.754% 21px,
      22.632% 27px,
      23.509% 27px,
      24.211% 29px,
      25.088% 28px,
      25.965% 31px,
      26.842% 26px,
      27.719% 20px,
      28.421% 13px,
      29.298% 11px,
      30.175% 12px,
      31.053% 14px,
      31.930% 12px,
      32.632% 13px,
      33.509% 12px,
      34.386% 15px,
      35.263% 17px,
      35.965% 15px,
      36.842% 17px,
      37.719% 16px,
      38.596% 18px,
      39.474% 16px,
      40.175% 18px,
      41.053% 19px,
      41.930% 15px,
      42.807% 15px,
      43.684% 14px,
      44.386% 14px,
      45.263% 14px,
      46.140% 13px,
      47.018% 11px,
      47.895% 11px,
      48.596% 16px,
      49.474% 15px,
      50.351% 22px,
      51.228% 23px,
      51.930% 23px,
      52.807% 20px,
      53.684% 22px,
      54.561% 18px,
      55.439% 18px,
      56.140% 17px,
      57.018% 15px,
      57.895% 15px,
      58.772% 19px,
      59.649% 19px,
      60.351% 17px,
      61.228% 19px,
      62.105% 18px,
      62.982% 15px,
      63.860% 11px,
      64.561% 10px,
      65.439% 14px,
      66.316% 11px,
      67.193% 14px,
      67.895% 13px,
      68.772% 15px,
      69.649% 15px,
      70.526% 15px,
      71.404% 13px,
      72.105% 13px,
      72.982% 9px,
      73.860% 9px,
      74.737% 11px,
      75.614% 12px,
      76.316% 13px,
      77.193% 13px,
      78.070% 13px,
      78.947% 8px,
      79.825% 7px,
      80.526% 3px,
      81.404% 3px,
      82.281% 1px,
      83.158% 1px,
      83.860% 0px,
      84.737% 0px,
      85.614% 4px,
      86.491% 8px,
      87.368% 4px,
      88.070% 6px,
      88.947% 11px,
      89.825% 12px,
      90.702% 13px,
      91.579% 15px,
      92.281% 18px,
      93.158% 19px,
      94.035% 20px,
      94.912% 19px,
      95.789% 19px,
      96.491% 17px,
      97.368% 15px,
      98.246% 16px,
      99.123% 15px,
      100.000% 19px,
      100.000% calc(100% - 35px),
      99.123% calc(100% - 32px),
      98.246% calc(100% - 32px),
      97.368% calc(100% - 32px),
      96.491% calc(100% - 31px),
      95.789% calc(100% - 27px),
      94.912% calc(100% - 18px),
      94.035% calc(100% - 18px),
      93.158% calc(100% - 16px),
      92.281% calc(100% - 13px),
      91.579% calc(100% - 12px),
      90.702% calc(100% - 11px),
      89.825% calc(100% - 12px),
      88.947% calc(100% - 10px),
      88.070% calc(100% - 10px),
      87.368% calc(100% - 12px),
      86.491% calc(100% - 13px),
      85.614% calc(100% - 17px),
      84.737% calc(100% - 15px),
      83.860% calc(100% - 16px),
      83.158% calc(100% - 16px),
      82.281% calc(100% - 15px),
      81.404% calc(100% - 13px),
      80.526% calc(100% - 15px),
      79.825% calc(100% - 13px),
      78.947% calc(100% - 15px),
      78.070% calc(100% - 15px),
      77.193% calc(100% - 14px),
      76.316% calc(100% - 15px),
      75.614% calc(100% - 12px),
      74.737% calc(100% - 14px),
      73.860% calc(100% - 16px),
      72.982% calc(100% - 19px),
      72.105% calc(100% - 17px),
      71.404% calc(100% - 14px),
      70.526% calc(100% - 12px),
      69.649% calc(100% - 10px),
      68.772% calc(100% - 6px),
      67.895% calc(100% - 2px),
      67.193% calc(100% - 1px),
      66.316% calc(100% - 1px),
      65.439% calc(100% - 2px),
      64.561% calc(100% - 5px),
      63.860% calc(100% - 6px),
      62.982% calc(100% - 3px),
      62.105% calc(100% - 6px),
      61.228% calc(100% - 5px),
      60.351% calc(100% - 7px),
      59.649% calc(100% - 9px),
      58.772% calc(100% - 9px),
      57.895% calc(100% - 13px),
      57.018% calc(100% - 8px),
      56.140% calc(100% - 6px),
      55.439% calc(100% - 6px),
      54.561% calc(100% - 6px),
      53.684% calc(100% - 5px),
      52.807% calc(100% - 4px),
      51.930% calc(100% - 2px),
      51.228% calc(100% - 2px),
      50.351% calc(100% - 2px),
      49.474% calc(100% - 6px),
      48.596% calc(100% - 4px),
      47.895% calc(100% - 5px),
      47.018% calc(100% - 6px),
      46.140% calc(100% - 5px),
      45.263% calc(100% - 8px),
      44.386% calc(100% - 10px),
      43.684% calc(100% - 11px),
      42.807% calc(100% - 8px),
      41.930% calc(100% - 6px),
      41.053% calc(100% - 9px),
      40.175% calc(100% - 9px),
      39.474% calc(100% - 8px),
      38.596% calc(100% - 14px),
      37.719% calc(100% - 17px),
      36.842% calc(100% - 15px),
      35.965% calc(100% - 15px),
      35.263% calc(100% - 13px),
      34.386% calc(100% - 11px),
      33.509% calc(100% - 11px),
      32.632% calc(100% - 12px),
      31.930% calc(100% - 14px),
      31.053% calc(100% - 18px),
      30.175% calc(100% - 18px),
      29.298% calc(100% - 15px),
      28.421% calc(100% - 15px),
      27.719% calc(100% - 12px),
      26.842% calc(100% - 14px),
      25.965% calc(100% - 15px),
      25.088% calc(100% - 9px),
      24.211% calc(100% - 4px),
      23.509% calc(100% - 2px),
      22.632% calc(100% - 5px),
      21.754% calc(100% - 4px),
      20.877% calc(100% - 6px),
      20.000% calc(100% - 6px),
      19.298% calc(100% - 11px),
      18.421% calc(100% - 13px),
      17.544% calc(100% - 13px),
      16.667% calc(100% - 10px),
      15.965% calc(100% - 9px),
      15.088% calc(100% - 8px),
      14.211% calc(100% - 9px),
      13.333% calc(100% - 8px),
      12.456% calc(100% - 10px),
      11.754% calc(100% - 11px),
      10.877% calc(100% - 16px),
      10.000% calc(100% - 16px),
      9.123% calc(100% - 16px),
      8.246% calc(100% - 17px),
      7.544% calc(100% - 15px),
      6.667% calc(100% - 17px),
      5.789% calc(100% - 16px),
      4.912% calc(100% - 14px),
      4.035% calc(100% - 13px),
      3.333% calc(100% - 11px),
      2.456% calc(100% - 9px),
      1.579% calc(100% - 5px),
      0.702% calc(100% - 4px),
      0.000% calc(100% - 4px)
  );
  --lm-fontColor: #121212;
  --dm-fontColor: #ffffff;
  --lm-backColor: #f3f0ea;
  --tone: #867744;
  --orange: #833104;
  --blue: #002d43;
  --dm-orange: #a55d00;
  --dm-blue: #0170a7;
  --dm-backColor: var(--color-surface1);
  --backColor: var(--lm-backColor);
  --fontColor: var(--lm-fontColor);
  --altColor: var(--dm-fontColor);
  --__trans: 1;
  --gh-hr: url(https://files.d20.io/images/463153790/_OUFaClN-3Fk07DzVlQaMg/original.png);
  --gh-aside-black: url(https://files.d20.io/images/463110032/WLMU47Gwa-9NbPDOh3XRcQ/original.png);
  --gh-parchment: url(https://files.d20.io/images/463106535/sZYJiwQyjQwIaOZeVuXU6w/original.jpg);
  --gh-marble: url(https://files.d20.io/images/463108326/ZxSl22kIIutHBF6PzYMA6g/original.jpg);
  --gh-scratch: url(https://files.d20.io/images/463112514/NDdQlCKSHj8vvPYEJtyfLQ/original.png);
  --gh-page: url(https://files.d20.io/images/463114820/5OtEMC8qsES_V6O1tPK_eA/original.jpg);
  --lm-deep: hsla(217, 59%, 31%, var(--__trans));
  --grid_size: 0.75em;
  --grid: linear-gradient(to right,
          var(--tone) 1px,
          transparent 1px),
          linear-gradient(to bottom,
          var(--tone) 1px,
          transparent 1px);
  --blend: multiply;
  --fontMain: "Radley", serif;
  --fontHeader: "Manufacturing Consent", system-ui;
  --fontScript: "Carattere", cursive;
  --fontSystem: "Merriweather", serif;
  --fontSystemSC: "Vollkorn SC", serif;
}
html:has(.content-text[data-expansionid="40359"]) .primarycontentcontainer .col-md-8 {
  font-size: 16px;
  color: var(--fontColor);
  padding: 0em;
}
html:has(.content-text[data-expansionid="40359"]) .primarycontentcontainer .col-md-8 p {
  color: var(--fontColor);
}
html:has(.content-text[data-expansionid="40359"]) .primarycontentcontainer .row:has(.backdrop) {
  background: unset;
}
html:has(.content-text[data-expansionid="40359"]) .primarycontentcontainer .col-md-4.toccol {
  display: none;
}
html:has(.content-text[data-expansionid="40359"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40359"]) {
  background: var(--gh-page), -webkit-gradient(linear, left top, right top, from(var(--color-background)), to(var(--color-background)));
  background: var(--gh-page), linear-gradient(to right, var(--color-background), var(--color-background));
  background-blend-mode: multiply, normal;
  background-size: contain;
  overflow: hidden;
  -webkit-box-shadow: 0 0 20px color-mix(in lch, var(--orange) 50%, transparent);
          box-shadow: 0 0 20px color-mix(in lch, var(--orange) 50%, transparent);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
html:has(.content-text[data-expansionid="40359"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40359"]) #pagecontent {
  padding: 0 4em;
}
html:has(.content-text[data-expansionid="40359"]) .primarycontentcontainer .col-md-8:has(.content-text[data-expansionid="40359"]) {
  width: clamp(750px, 80%, 1170px);
}

html[data-theme=dark]:has([data-expansionid="40358"]) .primarycontentcontainer {
  --blend: lighten;
  --orange: var(--dm-orange);
  --blue: var(--dm-blue);
  --backColor: var(--dm-backColor);
  --fontColor: var(--dm-fontColor);
  --altColor: var(--lm-fontColor);
}
html[data-theme=dark]:has([data-expansionid="40358"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40358"]) {
  container-type: inline-size;
  container-name: row;
  background: var(--gh-page), -webkit-gradient(linear, left top, right top, from(var(--color-background)), to(var(--color-background)));
  background: var(--gh-page), linear-gradient(to right, var(--color-background), var(--color-background));
  background-blend-mode: overlay, normal;
}
html[data-theme=dark]:has([data-expansionid="40358"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40358"]) #pagecontent div.image-flow {
  mix-blend-mode: normal;
}
html[data-theme=dark]:has([data-expansionid="40358"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40358"]) #pagecontent div.image-flow .splash {
  display: none;
}
html[data-theme=dark]:has([data-expansionid="40358"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40358"]) img.code_deco {
  -webkit-filter: invert(1);
          filter: invert(1);
}

html[data-theme=dark]:has([data-expansionid="40359"]) .primarycontentcontainer {
  --blend: lighten;
  --orange: var(--dm-orange);
  --blue: var(--dm-blue);
  --backColor: var(--dm-backColor);
  --fontColor: var(--dm-fontColor);
  --altColor: var(--lm-fontColor);
}
html[data-theme=dark]:has([data-expansionid="40359"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40359"]) {
  container-type: inline-size;
  container-name: row;
  background: var(--gh-page), -webkit-gradient(linear, left top, right top, from(var(--color-background)), to(var(--color-background)));
  background: var(--gh-page), linear-gradient(to right, var(--color-background), var(--color-background));
  background-blend-mode: overlay, normal;
}
html[data-theme=dark]:has([data-expansionid="40359"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40359"]) #pagecontent div.image-flow {
  mix-blend-mode: normal;
}
html[data-theme=dark]:has([data-expansionid="40359"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40359"]) #pagecontent div.image-flow .splash {
  display: none;
}
html[data-theme=dark]:has([data-expansionid="40359"]) .primarycontentcontainer .row:has(.content-text[data-expansionid="40359"]) img.code_deco {
  -webkit-filter: invert(1);
          filter: invert(1);
}