:root{
    --readaloud-color: #676767;
    --fr-blue: #1C2557;
    --fr-purple: #6D416E;
    --fr-brown: #6D502D;
    
    
    --base-font: 18px;
    --font-scale: 1.2;
    
    --font-size-1: var(--base-font);
    
    --font-size-2: calc(var(--base-font) * var(--font-scale));
    
    --font-size-3: calc(var(--font-size-2) * var(--font-scale));
    
    --font-size-4: calc(var(--font-size-3) * var(--font-scale));
    
    --font-size-5: calc(var(--font-size-4) * var(--font-scale));
    
    --font-size-6: calc(var(--font-size-5) * var(--font-scale));
    
    --font-size-7: calc(var(--font-size-6) * var(--font-scale));
    
    --font-size-8: calc(var(--font-size-7) * var(--font-scale));
    
    --chapter-border-placement: clamp(-33px, -3vw, 0px);
}

@font-face {
    font-family: "Frankent";
    src: url("https://content.demiplane.com/fonts/FRANKENT.TTF");
}

@font-face {
    font-family: "Sabon LT Std";
    src: url("https://content.demiplane.com/fonts/SabonLTStd-Roman.otf") format("opentype");
}

@font-face {
    font-family: "Sabon LT Std";
    font-weight: bold;
    src: url("https://content.demiplane.com/fonts/Sabon+LT+Std+Bold.otf") format("opentype");
}

@font-face {
    font-family: "Good OT";
    src: url("https://content.demiplane.com/fonts/GoodOT.otf") format("opentype");
}

@font-face {
    font-family: "Good OT";
    font-weight: bold;
    src: url("https://content.demiplane.com/fonts/GoodOT-Bold.otf") format("opentype");
}

@font-face {
    font-family: "Nunito";
    src: url("https://content.demiplane.com/fonts/Nunito-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Nunito";
    src: url("https://content.demiplane.com/fonts/Nunito-Bold.ttf") format("truetype");
    font-weight: bold;
}


.book-styled-block {
    padding: 32px;
    border-image-slice: 143 124 143 143;
    border-image-width: 64px 64px 64px 64px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-style: solid;
    border-image-source: url("https://content.demiplane.com/compendium/pathfinder-2e/fists-of-the-ruby-phoenix-adventure-path/css/fr-sidebar-border.png");
    background-image: url('https://content.demiplane.com/compendium/pathfinder-2e/fists-of-the-ruby-phoenix-adventure-path/css/fr-parchment.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.book-styled-block > h5 {
    color: white;
    font-family: Good OT;
    font-weight: bold;
    font-size: var(--font-size-2);
}

.book-styled-block > p {
    color: white;
    font-family: Good OT;
}

.book-styled-block > p strong{
    color: white;
    font-family: Good OT;
}


.split-header {
    font-size: var(--font-size-2);
}


.main-holder > .split-header {
    font-size: var(--font-size-2);
    font-weight: normal;
    color: #5d0000;
    font-family: gin, serif;
    border-bottom:0px;
}

.main-holder > h1 {
    font-family: Frankent;
    font-size: var(--font-size-8);
    text-shadow: 8px 2px 8px black;
    color: white;
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    background-image: url('https://content.demiplane.com/compendium/pathfinder-2e/fists-of-the-ruby-phoenix-adventure-path/css/rf-chapter-header-background.png');
    background-repeat: no-repeat;
    background-size: cover;
    /*aspect-ratio: 548/81;*/
    margin-top: -16px;
    margin-bottom: var(--font-size-6);
    padding: 32px 8px 32px 8px;
}

.main-holder > h1 span {
    font-size: var(--font-size-6);
}

.main-holder > h1::before {
    position: absolute;
    top: var(--chapter-border-placement);
    left: 0;
    content: "";
    width: 100%;
    z-index: 100;
    background-image: url('https://content.demiplane.com/compendium/pathfinder-2e/fists-of-the-ruby-phoenix-adventure-path/css/rf-chapter-header-border.png');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1000;
    aspect-ratio: 800/33;
        transform: scaleY(-1);
}

.main-holder > h1::after {
    position: absolute;
    bottom: var(--chapter-border-placement);
    left: 0;
    content: "";
    width: 100%;
    z-index: 100;
    background-image: url('https://content.demiplane.com/compendium/pathfinder-2e/fists-of-the-ruby-phoenix-adventure-path/css/rf-chapter-header-border.png');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1000;
    aspect-ratio: 800/33;
}

.main-holder h2 {
    font-family: Frankent;
    font-variant: small-caps;
    font-size: var(--font-size-4);
    text-transform: none;
    color: var(--fr-blue);
}

.main-holder > h3 {
    font-family: Good OT;
    font-weight: bold;
    font-size: var(--font-size-2);
    color: var(--fr-purple);
}

.main-holder > h4 {
    font-family: Good OT;
    font-weight: bold;
    font-size: var(--font-size-2);
    text-transform: none;
    color: var(--fr-brown);
}

.main-holder > .split-header {
    font-size: var(--font-size-2);
}

.main-holder > .split-header span{
    color: var(--fr-purple);
    font-family: Good OT;
    font-weight: bold;
    font-size: var(--font-size-2);
}

.ap-author-and-text {
    font-family: Times New Roman;
    margin-top: 4px;
}

.ap-author-and-text--top {
    margin-bottom: 4px;
}

.section-toc {
    position: relative;
    margin-top: -18px;
    padding: 64px 64px 48px 48px;
    background-image: url('https://content.demiplane.com/compendium/pathfinder-2e/fists-of-the-ruby-phoenix-adventure-path/css/fr-parchment.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.section-toc::before {
    position: absolute;
    top: var(--chapter-border-placement);;
    left: 0;
    content: "";
    width: 100%;
    z-index: 100;
    background-image: url('https://content.demiplane.com/compendium/pathfinder-2e/fists-of-the-ruby-phoenix-adventure-path/css/rf-chapter-header-border.png');
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 800/33;
    transform: scaleY(-1);
    z-index: 1001;
}

.section-toc::after {
    position: absolute;
    bottom: var(--chapter-border-placement);
    left: 0;
    content: "";
    width: 100%;
    z-index: 100;
    background-image: url('https://content.demiplane.com/compendium/pathfinder-2e/fists-of-the-ruby-phoenix-adventure-path/css/rf-chapter-header-border.png');
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 800/33;
    z-index: 1001;
}

.section-toc > h1 {
    font-family: Frankent;
    font-size: var(--font-size-8);
    text-shadow: 8px 2px 8px black;
    color: white;
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    margin-top: -16px;
}

.section-toc > .author {
    color: white;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 64px;
    font-family: Good OT;
    font-weight: bold;
}

.section-toc > .chapter {
    font-family: Frankent;
    font-variant: small-caps;
    font-size: var(--font-size-3);
    text-shadow: 1px 0px 1px black;
    color: white;
}

.readaloud-block p {
    font-family: Good OT;
    font-size: var(--font-size-1);
    color: var(--fr-brown);
}

.sidebar > h5 {
    color: var(--fr-purple);
    font-size: var(--font-size-2);
    font-family: Good OT;
    font-weight: bold;
}

.sidebar p {
    font-family: Good OT;
}

p {
    font-family: Nunito;
    font-size: var(--font-size-1);
}

p strong {
    /*font-family: Times New Roman;*/
}

.allow-overflow {
    overflow: visible;
}


.image-so {
    shape-margin: 8px;
    margin: 16px;
    padding: 0px;
    position: relative;
}

.book-image-center {
    margin-left: auto;
    margin-right: auto;
}

.image-with-subtitle-center {
    margin-left: auto;
    margin-right: auto;
}

.image-so > p {
    position: relative;
    width: fit-content;
    height: 29px;
    font-size: 14px;
    font-family: Frankent;
    color: white;
    line-height: 24px;
    padding: 4px 8px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    z-index: 1001;
    background-image: url('https://content.demiplane.com/compendium/pathfinder-2e/fists-of-the-ruby-phoenix-adventure-path/css/fr_subtitle_background.png');
    border-image-source: url("https://content.demiplane.com/compendium/pathfinder-2e/fists-of-the-ruby-phoenix-adventure-path/css/fr-sidebar-border.png");
        border-image-slice: 75 100 65 100;
    border-image-width: 20px 20px 20px 20px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-style: solid;
}



.image-sifu {
    width: 275px;
    shape-outside: polygon(3.4% 65.27%, 16.63% 51.1%, 26.73% 39.6%, 28.04% 30.99%, 24.61% 17.31%, 42.47% 3.35%, 98.55% 3.69%, 99.21% 85.88%, 63.31% 86.25%, 15.43% 79.94%);
}

.image-sifu p {
    bottom: 64px;
}

.image-ingdani {
    max-width: 280px;
    shape-outside: polygon(6.61% 63.57%, 6.05% 51.1%, 7.18% 43.21%, 14.58% 31.2%, 17.24% 16.46%, 30.61% 5.69%, 98.55% 6.03%, 99.21% 83.76%, 28.69% 84.34%, 9.02% 79.94%);
}

.image-ingdani p {
    bottom: 64px;
}

.image-ahmitar {
    max-width: 280px;
    shape-outside: polygon(33.85% 56.13%, 36.82% 49.07%, 22.88% 46.91%, 6.25% 31.8%, 13.39% 13.04%, 27.41% 5.79%, 99.19% 6.74%, 97.29% 84.05%, 39.91% 84.02%, 22.16% 63.70%);
}

.image-ahmitar p {
    bottom: 64px;
}

.image-sand-monk {
    max-width: 340px;
    shape-outside: polygon(15.5% 61.21%, 35.18% 41.74%, 8.18% 20%, 5.73% 10.15%, 38.59% 10.25%, 42.47% 3.35%, 98.55% 3.69%, 98.94% 94.89%, 4.17% 95.26%, 6.56% 85.77%);
}

.image-sand-monk p {
    bottom: 64px;
}

.image-feather {
    max-width: 220px;
    shape-outside: polygon(50.82% 61.41%, 33.99% 50.04%, 25.64% 35.62%, 13.67% 19.04%, 6.45% 10.65%, 5.96% 3.35%, 98.55% 3.69%, 97.36% 83.62%, 83.14% 83.39%, 72.04% 67.18%);
}

.image-feather p {
    margin: 0;
    bottom: 64px;
    left: 144px;
}

.image-transport {
    max-width: 390px;
    shape-outside: polygon(34.46% 35.89%, 46.08% 25.85%, 43.25% 21%, 48.14% 15.78%, 47.59% 8.26%, 59.53% 3.52%, 98.55% 3.69%, 96.57% 85.62%, 24.79% 85.32%, 24.32% 59.18%, 11.52% 55.21%, 16.73% 43.62%, 3.94% 43.62%, 12.96% 35.95%);
}

.image-transport p {
    bottom: 64px;
}

.image-shrine {
    max-width: 460px;
    shape-outside: polygon(11.23% 53.22%, 14.65% 36.06%, 22.2% 35.99%, 27.48% 22.98%, 41.43% 11.09%, 49.18% 4.19%, 98.55% 3.69%, 96.3% 82.06%, 9.45% 82.01%, 3.72% 63.25%);
}

.image-shrine p {
    bottom: 64px;
}

.image-enforcer {
    max-width: 325px;
    shape-outside: polygon(13.82% 84.32%, 14.45% 80.38%, 11.26% 17.52%, 6.01% 8.91%, 9.74% 3.92%, 40.79% 3.21%, 98.55% 3.69%, 97.26% 87.74%, 58.23% 88.11%, 22.25% 86.6%);
}

.image-enforcer p {
    bottom: 64px;
}

.image-kaiju-shell {
    max-width: 385px;
    shape-outside: polygon(4.23% 51.5%, 13.6% 47.47%, 12.5% 28.22%, 20.36% 17.62%, 59.45% 17.22%, 65.01% 4.6%, 98.55% 3.69%, 97.74% 79.95%, 22.87% 80.07%, 4.4% 63.1%);
}

.image-kaiju-shell p {
    bottom: 64px;
}

.image-pomtaris {
    max-width: 325px;
    shape-outside: polygon(6.26% 57.17%, 15.85% 32.74%, 27.79% 21.95%, 27.58% 12.11%, 35.23% 8.98%, 41.07% 3.12%, 98.55% 3.69%, 97.26% 90.28%, 8.65% 89.96%, 19.73% 82.54%);
}

.image-pomtaris p {
    bottom: 64px;
}

.image-brartork {
    max-width: 350px;
    shape-outside: polygon(27.80% 40.04%, 2.98% 28.7%, 13.15% 15.09%, 30.34% 7.13%, 43.31% 6.85%, 46.92% 3.54%, 98.55% 3.69%, 98.42% 85.44%, 5.74% 84.68%, 11.8% 59.31%);
}

.image-brartork p {
    bottom: 64px;
}

.image-pale-sun-archer {
    max-width: 365px;
    shape-outside: polygon(15.5% 42.69%, 31.4% 24.45%, 28.33% 19.18%, 36.96% 20.85%, 67.56% 9.29%, 74.21% 3.49%, 98.55% 3.69%, 99.44% 88.58%, 30.62% 89.09%, 29.86% 74.95%, 10.72% 72.9%, 5.68% 62.33%, 12.1% 56.54%);
}

.image-pale-sun-archer p {
    bottom: 64px;
}

.image-hao-jin {
    max-width: 350px;
    shape-outside: polygon(4.5% 61.42%, 18.94% 64.26%, 30.43% 56.84%, 23.54% 48.88%, 22.37% 13.24%, 26.5% 3.74%, 98.55% 3.69%, 98.42% 85.44%, 41.08% 85.48%, 10.49% 69.49%);
}

.image-hao-jin p {
    bottom: 64px;
}

.image-nai-yan-fei {
    max-width: 350px;
    shape-outside: polygon(14.97% 61.01%, 5.34% 28.7%, 5.82% 21.42%, 20.14% 19.42%, 28.13% 10.46%, 46.92% 3.54%, 98.55% 3.69%, 98.16% 86.16%, 18.56% 83.6%, 9.96% 73.76%);
}

.image-nai-yan-fei p {
    bottom: 64px;
}

.image-miang-malii {
    max-width: 265px;
    shape-outside: polygon(25.41% 53.5%, 27.89% 33.02%, 18.61% 26.20%, 21.15% 14.42%, 30.15% 15.24%, 46.92% 3.54%, 98.55% 3.69%, 89.4% 81.39%, 39.43% 80.87%, 6.26% 60.8%);
}

.image-miang-malii p {
    bottom: 64px;
}

.image-amara-li {
    max-width: 300px;
    shape-outside: polygon(5.64% 54.74%, 25.52% 50.33%, 23.59% 37.68%, 33.4% 21.21%, 26.02% 8.32%, 42.71% 2.11%, 98.55% 3.69%, 95.75% 85.80%, 67.65% 85.74%, 29.53% 76.45%);
}

.image-amara-li p {
    bottom: 64px;
}

.image-razu {
    max-width: 410px;
    shape-outside: polygon(23.57% 74.54%, 25.93% 53.93%, 31.39% 32.94%, 19.69% 13.94%, 2.79% 8.26%, 15.24% 3.36%, 98.55% 3.69%, 98.16% 85.61%, 50.01% 85.61%, 35.53% 81.62%);
}

.image-razu p {
    bottom: 64px;
}

.image-aldanar-unmar {
    max-width: 290px;
    shape-outside: polygon(3.17% 62.39%, 14.97% 56.55%, 17.31% 49.97%, 42.81% 36.92%, 41.48% 15.52%, 54.37% 4%, 98.55% 3.69%, 98.16% 81.79%, 51.17% 81.99%, 14.93% 72.15%);
}

.image-aldanar-unmar p {
    bottom: 64px;
}

.image-syndaras-coin {
    max-width: 305px;
    shape-outside: polygon(15.56% 68.04%, 7.12% 55.72%, 5.23% 41.69%, 10.35% 25.37%, 24.57% 11.27%, 46.92% 3.54%, 98.55% 3.69%, 99.64% 79.13%, 46.45% 79.55%, 28.65% 76.19%);
}

.image-syndaras-coin p {
    bottom: 64px;
}

.image-drake-courser {
    max-width: 435px;
    shape-outside: polygon(71.07% 1.87%, 85.64% 10.25%, 89.76% 31.36%, 94.44% 40.39%, 92.37% 57.3%, 85.68% 65.57%, 69% 74.77%, 68.61% 86.34%, 1.86% 85.77%, 3.32% 0.69%);
}

.image-drake-courser p {
    bottom: 64px;
}

.image-rival {
    max-width: 445px;
    shape-outside: polygon(3.44% 62.09%, 37.83% 32.22%, 34.33% 20.88%, 51.8% 8.19%, 59.16% 7.21%, 70.82% 2.59%, 98.76% 2.88%, 98.16% 86.16%, 32.61% 89.15%, 23.58% 84.17%, 4.09% 83.9%, 39.11% 74.84%, 39.52% 62.93%);
}

.image-rival p {
    bottom: 64px;
}

.image-iagaara {
    max-width: 470px;
    shape-outside: polygon(10.99% 48.1%, 1.36% 34.5%, 6.42% 18.8%, 7.99% 13.25%, 13.99% 8.78%, 29.99% 2.42%, 98.55% 3.69%, 96.77% 84.66%, 38.28% 84.16%, 36.46% 57.12%);
}

.image-iagaara p {
    bottom: 64px;
}

.image-tagada {
    max-width: 325px;
    shape-outside: polygon(5.73% 73.82%, 5.9% 49.84%, 19.55% 43.78%, 11.18% 35.28%, 14.96% 16.36%, 31.51% 3.95%, 98.55% 3.69%, 97.04% 84.13%, 48.53% 84.41%, 20.88% 81.69%);
}

.image-tagada p {
    bottom: 64px;
}

.image-kyubia {
    max-width: 295px;
    shape-outside: polygon(4.19% 89.81%, 10.19% 73.39%, 36.06% 44.86%, 21.27% 38.73%, 6.71% 28.67%, 4.9% 3.95%, 98.55% 3.69%, 95.82% 94.5%, 59.84% 94.99%, 45.04% 89.9%);
}

.image-kyubia p {
    bottom: 64px;
}

.image-shadow-yai {
    max-width: 355px;
    shape-outside: polygon(25.29% 81.11%, 42.6% 48.64%, 22.91% 32.01%, 18.21% 19.08%, 7.02% 16.58%, 5.21% 3.01%, 98.55% 3.69%, 95.82% 95.07%, 8.16% 92.91%, 8.35% 81.78%);
}

.image-shadow-yai p {
    bottom: 64px;
}

.image-yoh {
    max-width: 305px;
    shape-outside: polygon(23.21% 52.44%, 9.66% 32.88%, 2.73% 32.01%, 9.6% 23.9%, 9.39% 16.14%, 27.46% 3.66%, 98.55% 3.69%, 96.41% 83.69%, 34.57% 83.94%, 5.98% 65.36%);
}

.image-yoh p {
    bottom: 64px;
}

.image-hummingbird {
    max-width: 350px;
    shape-outside: polygon(11.67% 68.79%, 4.37% 67.42%, 19.25% 46.92%, 37.32% 15.84%, 42.37% 12.47%, 50.24% 3.23%, 98.55% 3.69%, 89.01% 82.76%, 25.7% 81.68%, 23.28% 74.88%);
}

.image-hummingbird p {
    bottom: 64px;
}

.image-jian {
    max-width: 430px;
    shape-outside: polygon(25.81% 48.24%, 28.65% 39.4%, 23.17% 30.21%, 30.36% 22.68%, 29.49% 11.19%, 50.17% 4.81%, 98.55% 3.69%, 80.57% 80.18%, 24.7% 72.62%, 2.92% 52.25%);
}

.image-jian p {
    bottom: 64px;
}

.image-leeyan {
    max-width: 230px;
    shape-outside: polygon(25.29% 81.11%, 7.87% 67.1%, 27.87% 52%, 9.81% 34.46%, 7.02% 16.58%, 25.06% 3.78%, 98.55% 3.69%, 96.20% 68.41%, 67.7% 79.32%, 51.48% 82.04%);
}

.image-leeyan p {
    bottom: 64px;
}

.image-yarrika {
    max-width: 355px;
    shape-outside: polygon(22.71% 58.63%, 17.27% 40.54%, 9.73% 39.28%, 3.22% 27.34%, 25.11% 27.49%, 33.38% 3.18%, 98.55% 3.69%, 85.48% 95.57%, 33.48% 90.44%, 35.55% 83.5%, 15.91% 83.33%, 8.09% 80.13%);
}

.image-yarrika p {
    bottom: 64px;
}

.image-kaminari {
    max-width: 350px;
    shape-outside: polygon(88.9% 2.39%, 92.61% 20.04%, 73.96% 21.24%, 93.6% 34.26%, 74.04% 43.41%, 93.43% 57.55%, 94.36% 76.94%, 87.96% 84.83%, 6.07% 83.73%, 3.12% 2.71%);
}

.image-kaminari p {
    bottom: 64px;
}

.image-alru {
    max-width: 355px;
    shape-outside: polygon(17.54% 55.68%, 34.59% 56.12%, 20.85% 39.11%, 37.33% 30.11%, 42.68% 12.47%, 56.63% 3.2%, 98.55% 3.69%, 97.89% 83.85%, 4.02% 84.49%, 3.96% 72.06%);
}

.image-alru p {
    bottom: 64px;
}

.image-leydroth {
    max-width: 355px;
    shape-outside: polygon(49.84% 64.02%, 41.57% 56.32%, 38.93% 43.92%, 13.04% 42.12%, 2.88% 15.62%, 28.98% 3.39%, 98.55% 3.69%, 96.34% 83.55%, 39.94% 84.27%, 39.87% 73.52%);
}

.image-leydroth p {
    bottom: 64px;
}

.image-usvani {
    max-width: 295px;
    shape-outside: polygon(21.93% 84.52%, 4.07% 70.4%, 18.93% 54.41%, 19.43% 21.64%, 24.45% 11.67%, 35.49% 2.79%, 98.55% 3.69%, 95.82% 77.15%, 77.58% 81.82%, 57.89% 82.63%);
}

.image-usvani p {
    bottom: 64px;
}

.image-syndara {
    max-width: 255px;
    shape-outside: polygon(4.51% 64.23%, 23.23% 45.37%, 22.41% 32.99%, 15.6% 13.52%, 25.5% 15.73%, 44.2% 4.14%, 98.55% 3.69%, 94.43% 65.88%, 66.78% 81.37%, 42.91% 81.28%);
}

.image-syndara p {
    bottom: 64px;
}

.image-aolaz {
    max-width: 380px;
    shape-outside: polygon(9.79% 76.9%, 9.41% 68.25%, 3.88% 44.63%, 4.38% 22.81%, 6% 12.84%, 16.07% 4.16%, 98.55% 3.69%, 94.61% 83.99%, 15.69% 83.78%, 15.66% 78.33%);
}

.image-aolaz p {
    bottom: 64px;
}


.image-warden {
    max-width: 390px;
    shape-outside: polygon(5.82% 79.8%, 3.36% 3.26%, 51.39% 4.58%, 91.95% 14.03%, 93.88% 20.07%, 79.1% 24.29%, 74.85% 31.49%, 83.73% 34.66%, 84.69% 45.1%, 90.12% 48.54%, 90.59% 56.93%, 96.28% 71.09%, 44.86% 79.49%);
}

.image-warden p {
    bottom: 64px;
}

.image-rikanzo {
    max-width: 365px;
    shape-outside: polygon(12.11% 52.19%, 3.57% 31.65%, 14.9% 23%, 12.13% 20.49%, 22.43% 15.8%, 40.53% 3.71%, 98.55% 3.69%, 95.82% 79.90%, 35.26% 81.36%, 20.14% 73.34%, 15.61% 59.81%, 29.17% 54.89%);
}

.image-rikanzo p {
    bottom: 64px;
}

.image-suri {
    max-width: 410px;
    shape-outside: polygon(-0.92% 87.08%, 5.2% 2.75%, 49.47% 2.58%, 52.46% 10.94%, 64.5% 14.83%, 65.13% 20.57%, 77.06% 21.02%, 77.04% 41.74%, 94.55% 40.39%, 88.67% 54.91%, 84.37% 69.22%, 94.77% 75.24%, 73.5% 79.32%, 59.7% 79.16%, 62.42% 87.15%);
}

.image-suri p {
    bottom: 64px;
}


.image-mafika {
    max-width: 320px;
    shape-outside: polygon(9.91% 3.81%, 40.84% 2.8%, 46.55% 9.65%, 44.58% 15.96%, 53.34% 20.31%, 71.76% 39.69%, 91.45% 20.17%, 93.58% 22.85%, 52.86% 68.86%, 52.01% 75.27%, 63.37% 80%, 69.06% 81.36%, 68.48% 86.4%, 7.97% 86.62%);
}

.image-mafika p {
    bottom: 64px;
}

.image-ji-yook {
    max-width: 300px;
    shape-outside: polygon(4.51% 45.85%, 27.45% 42.9%, 23.61% 33.66%, 16.2% 29.43%, 20.38% 19.54%, 15.89% 5.93%, 98.55% 3.69%, 89.91% 81.12%, 5.63% 80.03%, 6.16% 55.06%);
}

.image-ji-yook p {
    bottom: 64px;
}


.image-urnak {
    max-width: 345px;
    shape-outside: polygon(9.02% 48.08%, 29.6% 34.39%, 27.18% 22.01%, 31.78% 19.98%, 33.2% 12.07%, 44.2% 4.14%, 98.55% 3.69%, 91.78% 81.38%, 33.36% 80.29%, 5.24% 71.16%);
}

.image-urnak p {
    bottom: 64px;
}

.image-xhai {
    max-width: 280px;
    shape-outside: polygon(20.54% 57.44%, 18.42% 36.06%, 13.44% 31.05%, 15.28% 14.3%, 20.69% 8.94%, 42.28% 3.36%, 98.55% 3.69%, 91.55% 83.92%, 20.62% 84.08%, 3.17% 68.87%);
}

.image-xhai p {
    bottom: 64px;
}


.image-que {
    max-width: 280px;
    shape-outside: polygon(9% 74.85%, 28.04% 57.1%, 28.5% 48.48%, 11.43% 35.43%, 4.35% 19.05%, 19.52% 3.92%, 98.55% 3.69%, 96.03% 73.40%, 64.54% 82.48%, 24% 83.05%);
}

.image-que p {
    bottom: 64px;
}

.image-soniri {
    max-width: 315px;
    shape-outside: polygon(20.64% 24.36%, 33.02% 22.47%, 30.77% 17.97%, 34.62% 8.33%, 43.94% 6.98%, 42.18% 2.73%, 98.55% 3.69%, 95.29% 90.51%, 14.89% 90.29%, 5.95% 80.67%, 11.14% 58.31%, 15.48% 43.99%, 9.77% 38.72%);
}

.image-soniri p {
    bottom: 64px;
}




@media only screen and (max-width: 700px) {
  
    :root {
      --base-font: 16px;
  }
}

@media only screen and (max-width: 600px) {
  
    :root {
      --base-font: 14px;
  }
}


.main-holder > .special-NPC {
    font-family: Frankent;
    font-size: var(--font-size-8);
    text-shadow: 4px 5px 4px #0b1152;
    color: white;
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    background-image: url('https://content.demiplane.com/compendium/pathfinder-2e/fists-of-the-ruby-phoenix-adventure-path/css/rf-chapter-header-background.png');
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 548/81;
    margin-bottom: var(--font-size-6);
    padding-top: 32px;
    padding-bottom: 32px;
}

.main-holder > .special-NPC span {
    font-size: var(--font-size-3);
    font-family: GoodOT-Bold;
    font-style: italic;
    text-shadow: 3px 2px 3px #0b1152;
}

.main-holder > .special-NPC::before {
    position: absolute;
    top: var(--chapter-border-placement);
    left: 0;
    content: "";
    width: 100%;
    z-index: 100;
    background-image: url('https://content.demiplane.com/compendium/pathfinder-2e/fists-of-the-ruby-phoenix-adventure-path/css/rf-chapter-header-border.png');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 100;
    aspect-ratio: 800/33;
        transform: scaleY(-1);
}

.main-holder > .special-NPC::after {
    position: absolute;
    bottom: var(--chapter-border-placement);
    left: 0;
    content: "";
    width: 100%;
    z-index: 100;
    background-image: url('https://content.demiplane.com/compendium/pathfinder-2e/fists-of-the-ruby-phoenix-adventure-path/css/rf-chapter-header-border.png');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 100;
    aspect-ratio: 800/33;
}