:root {
  --readaloud-color: #7e1716;

  /*Remove When Done*/

  --sa-blue: red;
  --sa-red: red;
  --sa-pink: red;

  /*--------*/

  --tv-white: white;
  --tv-black: #221e1f;
  --tv-red: #5b090b;
  --tv-blue: #002564;
  --tv-block-background: rgb(247, 235, 188);

  --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));

  --font-size-small-1: calc(var(--base-font) / var(--font-scale));

  --font-size-small-2: calc(var(--font-size-small-1) / var(--font-scale));

  --font-size-small-3: calc(var(--font-size-small-2) / var(--font-scale));
}

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

@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: "Nunito";
  src: url("https://content.demiplane.com/fonts/Nunito-Regular.ttf")
    format("truetype");
}

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

@font-face {
  font-family: "Galliard Std";
  font-weight: bold;
  src: url("https://content.demiplane.com/fonts/GalliardStd-Ultra.otf")
    format("opentype");
}

@font-face {
  font-family: "Galliard Std";
  src: url("https://content.demiplane.com/fonts/GalliardNormal.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");
}

/*Current Font*/

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

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

.main-holder {
  position: relative;
  padding-top: 40px;
  padding-bottom: 112px;
}


.main-holder .hidden {
  visibility: hidden;
  height: 0px;
  margin: 0px;
  padding: 0px;
}

.book-styled-block {
  position: relative;

  margin-top: var(--font-size-1);
  margin-bottom: var(--font-size-3);

  border-radius: 6px 6px 0px 0px;

  background-color: rgb(20, 70, 120);
  color: var(--tv-black);
}

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

.book-styled-block p strong {
  color: var(--tv-black);
}

.book-styled-block h4 {
  color: var(--tv-white);
  background-color: rgb(20, 70, 120);
  width: 100%;

  padding-top: 4px;
  padding-left: var(--font-size-small-3);
  padding-right: var(--font-size-small-3);

  border-radius: 6px 6px 0px 0px;

  font-family: Good OT;
  font-weight: bold;
  font-size: var(--font-size-2);
}

.book-styled-block .text {
  background-color: rgb(196, 200, 218);

  padding: var(--font-size-small-3);

  border-radius: 10px 10px 0px 0px;
}

.book-styled-block .text > p:last-of-type {
  margin-bottom: 0px;
}

.alt-styled-block {
  background-color: var(--tv-block-background);
  color: var(--tv-black);
  padding: var(--font-size-small-1);
  margin-bottom: var(--font-size-1);
}

.alt-styled-block > p:last-of-type {
  margin-bottom: 0px;
}

.alt-styled-block > h2 {
  font-family: Taroca;
  color: var(--tv-blue);
  margin-bottom: 4px;
}

.alt-styled-block-2 {
  background-color: #ede2bc;
  padding: 8px 16px;
  margin-bottom: 16px;
}

.alt-styled-block-2 > p {
  font-family: GoodOT;
}

.alt-styled-block-2 > p:first-of-type {
  margin-top: 0px !important;
}

.alt-styled-block-2 strong {
  font-family: GoodOT;
  font-weight: bold;
}

.alt-styled-block-2 > .author {
  text-indent: 16px;
}

.alt-styled-block-2 > h5 {
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: GoodOT;
  font-weight: bold;
}

.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,
.chapter-heading-block > h1 {
  font-family: "Taroca";
  color: var(--tv-white);
  font-size: var(--font-size-7);
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  padding: var(--font-size-1);
}

h1 > span {
  font-size: var(--font-size-6);
  margin-bottom: 4px;
}

.chapter-heading-block {
  position: relative;
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/treasure-vault/css/tv_header_background_blue.png");
  background-size: 100%;
  padding-left: var(--font-size-1);
  padding-right: var(--font-size-1);
  padding-bottom: var(--font-size-1);
  margin-bottom: var(--font-size-4);
}

.chapter-heading-block--no-image {
  --padding: clamp(16px, 11vw, 88px);
  padding-top: var(--padding);
  margin-top: -24px;
}

.chapter-heading-block--with-image {
  margin-top: -16px;
}

.chapter-image {
  margin-top: -24px;
}

.chapter-heading-block:before {
  position: absolute;
  left: 0;
  top: -3px;
  content: "";
  width: 100%;
  aspect-ratio: 1701/35;
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/treasure-vault/css/tv_chapter_header_border.png");
  background-size: cover;
  z-index: 1002;
}

.chapter-heading-block:after {
  position: absolute;
  left: 0;
  bottom: -3px;
  content: "";
  width: 100%;
  aspect-ratio: 1701/35;
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/treasure-vault/css/tv_chapter_header_border.png");
  background-size: cover;
  transform: scaleY(-1);
}

.chapter-heading-text {
  font-style: italic;
  color: var(--tv-white);
}

.chapter-heading-text > p:first-of-type {
  margin-top: 0px;
}

.chapter-heading-text > p:last-of-type {
  margin-bottom: 0px;
}

.chapter-heading-text > .author {
  text-align: right;
  letter-spacing: 0.44px;
}

.main-holder > h2 {
  font-family: Taroca;
  color: var(--tv-blue);
  text-transform: none;
  font-size: var(--font-size-3);
  letter-spacing: 1px;

  margin-top: var(--font-size-5);
  margin-bottom: var(--font-size-small-1);
}

.main-holder > h3 {
  font-family: Gin;
  font-size: var(--font-size-2);
  letter-spacing: 0.75px;
  color: var(--tv-red);
  margin-top: var(--font-size-5);
  margin-bottom: var(--font-size-small-1);
}

.main-holder > h4 {
  font-family: Good OT;
  font-weight: bold;
  font-size: var(--font-size-1);
  color: var(--sa-red);
  margin-top: var(--font-size-5);
  margin-bottom: var(--font-size-small-1);
}

.main-holder > h5 {
  font-family: Good OT;
  font-weight: bold;
  font-size: var(--font-size-2);
  margin-top: var(--font-size-5);
  margin-bottom: var(--font-size-1);
}

.main-holder > .chapter-title {
  text-transform: none;
  color: var(--sa-blue);
}

.standard-table {
  font-family: Good OT;
  margin-top: var(--font-size-1);
  margin-bottom: var(--font-size-1);
}

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

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

.sidebar {
  padding-top: var(--font-size-4);
  padding-bottom: var(--font-size-1);
  padding-left: var(--font-size-5);
  padding-right: var(--font-size-5);
  margin-bottom: var(--font-size-2);
}

.sidebar > * {
  font-family: GoodOT;
  color: var(--tv-black);
}

.sidebar > h5 {
  color: var(--tv-black);
  font-size: var(--font-size-2);
  margin-top: 0px;
  margin-bottom: var(--font-size-small-3);
}

.sidebar li {
  font-size: var(--font-size-1);
}

.adv-track {
  margin-bottom: var(--font-size-1);
  text-align: center;
  position: relative;
  padding: var(--font-size-5) var(--font-size-1) var(--font-size-5)
    var(--font-size-1);
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/gatewalkers-the-seventh-arch/css/sa-adv-background.png");
  background-repeat: no-repeat;
  background-size: cover;
  border: 13px solid;
  border-image-source: url("https://content.demiplane.com/compendium/pathfinder-2e/gatewalkers-the-seventh-arch/css/seventh-arch-border.png");
  border-image-slice: 13;
}

.adv-track h4 {
  font-family: Good OT;
  font-weight: bold;
  font-variant: small-caps;
  text-transform: none;
  color: var(--sa-blue);
  font-size: var(--font-size-5);
}

.adv-track p {
  margin-top: var(--font-size-small-3);
}

.adv-track table {
  background-color: transparent;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-family: Nunito;
}

.adv-track tr > td {
  text-align: left;
  padding-bottom: var(--font-size-5);
}

.main-holder .adv-track .adv-level {
  text-align: center;
  font-family: Barchella Drumal;
  font-size: var(--font-size-8);
  color: var(--sa-blue);
}

.readaloud-block {
  padding-top: var(--font-size-1);
  margin-top: var(--font-size-2);
  margin-bottom: var(--font-size-2);
  overflow: visible;
}

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

.centered-block {
  background-color: var(--sa-pink);
  padding: var(--font-size-1) var(--font-size-5) var(--font-size-1)
    var(--font-size-5);
  margin-top: var(--font-size-1);
  margin-bottom: var(--font-size-3);
  color: var(--sa-blue);
}

.centered-block p {
  font-family: Good OT;
  font-size: var(--font-size-1);
}

.centered-block h5 {
  text-align: center;
  font-family: Good OT;
  font-weight: bold;
  color: var(--sa-blue);
  font-size: var(--font-size-2);
}

.main-holder > .split-header span {
  color: var(--sa-red);
  font-family: Good OT;
  font-weight: bold;
}

.trait-holder {
  overflow: visible;
}

.trait-holder > p {
  margin-top: var(--font-size-1);
}

p {
  font-family: Nunito;
  font-size: var(--font-size-1);
  line-height: var(--font-size-2);
  margin-top: 0px;
  padding: 0px;
  margin-bottom: var(--font-size-1);
}

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

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

.image-so--disabled {
  shape-outside: none !important;
  margin: 0px;
  float: none;
display: inline-block;
}

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

.force-image-left {
  float: left;
}

.force-image-right {
  float: right;
}

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

.image-so > p {
  position: relative;
  width: fit-content;
  height: 29px;
  font-family: Galliard Std;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  padding: 4px 8px;
  margin-left: auto;
  margin-right: auto;
  color: white;
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/gatewalkers-the-seventh-arch/css/sa-subtitle-background-1.png");
  background-size: 1350px 29px;
  background-repeat: no-repeat;
  z-index: 1001;
}

.image-report-1 {
  width: 330px;
  shape-outside: polygon(
    51.3% 0.67%,
    81.14% 13.85%,
    82.54% 21.42%,
    89.45% 38.6%,
    84.36% 50%,
    87.05% 62.37%,
    79.63% 76.62%,
    75.83% 91.91%,
    0.94% 91.35%,
    -0.22% 0.94%
  );
}

.image-valashinaz-underworld-dragon {
  width: 490px;
  shape-outside: polygon(
    56.32% 5.95%,
    72.66% 0.94%,
    98.08% 1.39%,
    92.47% 89.61%,
    57.09% 96.81%,
    32.19% 93.77%,
    20.12% 81.47%,
    28.55% 68.48%,
    32.75% 62.82%,
    13.98% 59.92%,
    0.95% 50.66%,
    8.63% 38.77%,
    34.93% 39.85%,
    46.36% 30.56%,
    44.01% 26.51%
  );
}

.image-purepurin-white-kobold {
  width: 325px;
  shape-outside: polygon(
    79.97% 16.29%,
    87.48% 22.51%,
    90.48% 30.99%,
    71.31% 39.19%,
    80.04% 43.4%,
    91.38% 41.9%,
    94.79% 51.63%,
    66.5% 55.28%,
    67.62% 83.15%,
    64.82% 86.79%,
    40.45% 84.65%,
    27.28% 95.15%,
    4.88% 94.73%,
    4.76% 4.2%,
    64.9% 3.21%
  );
}

.image-valashinaz-underworld-dragon-1 {
  width: 110px;
  shape-outside: polygon(
    67.82% 14.81%,
    81.5% 25.17%,
    85.28% 40.66%,
    85.99% 56.22%,
    77.81% 68.57%,
    60.6% 79.48%,
    15.41% 79.1%,
    14.6% 49.1%,
    16.78% 14.02%
  );
}

.image-purepurin-white-kobold-1 {
  width: 110px;
  shape-outside: polygon(
    67.82% 14.81%,
    81.5% 25.17%,
    85.28% 40.66%,
    85.99% 56.22%,
    77.81% 68.57%,
    60.6% 79.48%,
    15.41% 79.1%,
    14.6% 49.1%,
    16.78% 14.02%
  );
}

.image-blister-shot {
  width: 210px;
  shape-outside: polygon(
    70.66% 16.53%,
    95.39% 7.44%,
    77.69% 37.3%,
    71.69% 47.22%,
    22.13% 86.89%,
    13.82% 85.75%,
    7.24% 71.16%,
    5.79% 58.96%,
    58.74% 17.13%
  );
}

.image-splash-orb {
  width: 135px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-elixir-ammunition {
  width: 240px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-ooze-ammunition {
  width: 300px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-lodestone-pellet {
  width: 110px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-shaterball {
  width: 240px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-skunk-bomb {
  width: 240px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-blanch-bomb {
  width: 190px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-new-cooperative-waffles {
  width: 190px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-new-popping-gum {
  width: 215px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-new-witchs-finger {
  width: 110px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-protective-ointment {
  width: 195px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-camouflage-dye {
  width: 195px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-alchemical-paint {
  width: 120px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-healing-vapor {
  width: 230px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-sparkler {
  width: 155px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-bottled-roc {
  width: 105px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-ghost-in-a-bottle {
  width: 150px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-octopus-in-a-bottle {
  width: 130px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-worm-phial {
  width: 200px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-new-poisons-1 {
  width: 90px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-new-poisons-2 {
  width: 285px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-bastion-plate {
  width: 190px;
  shape-outside: polygon(
    7.21% 7.38%,
    54.62% 5.72%,
    82.88% 11.24%,
    92.2% 20.02%,
    92.32% 45.34%,
    77.95% 67.87%,
    82.13% 82.8%,
    49.1% 92.49%,
    6.64% 91.4%
  );
}

.image-buckle-armor_final {
  width: 180px;
  shape-outside: polygon(
    13.68% 6.91%,
    91.02% 5.42%,
    100% 43%,
    81.26% 75.7%,
    77.43% 88.14%,
    20.69% 88.48%,
    21.57% 66.48%,
    24.06% 55.84%,
    6.62% 21.88%
  );
}

.image-hellknight-half-plate {
  width: 235px;
  shape-outside: polygon(
    29.4% 5.05%,
    93.11% 5.26%,
    94.38% 90.21%,
    17.6% 90.93%,
    17.06% 81.18%,
    4.66% 76.12%,
    22.48% 33.33%,
    17.98% 26.99%,
    19.25% 16.21%
  );
}

.image-coral-heart {
  width: 185px;
  shape-outside: polygon(
    8.07% 4.88%,
    62.26% 4.44%,
    67.28% 16.66%,
    80.64% 20.19%,
    90.58% 36.09%,
    85% 42.68%,
    92.18% 51.41%,
    83.41% 77.15%,
    75.52% 84.45%,
    75.07% 92.98%,
    5.02% 92.74%
  );
}

.image-lattice-armor {
  width: 250px;
  shape-outside: polygon(
    47.16% 0.37%,
    96.48% 1.74%,
    94.33% 87.69%,
    28.39% 87.89%,
    29.34% 70.69%,
    25.61% 40.65%,
    7.06% 37.7%,
    4.26% 19.55%,
    12.39% 11.64%
  );
}

.image-leaf-weave_final {
  width: 225px;
  shape-outside: polygon(
    3.7% 5.26%,
    74.44% 6.28%,
    91.44% 18.3%,
    93.22% 32.94%,
    71.11% 41.68%,
    72.47% 49%,
    83.43% 56.73%,
    70.82% 92.18%,
    0.27% 91.82%
  );
}

.image-leather-lamellar_final {
  width: 235px;
  shape-outside: polygon(
    37.64% 3.75%,
    90.49% 6.21%,
    92.13% 89.01%,
    23.59% 88.23%,
    23.44% 77.84%,
    27.89% 66.6%,
    23.6% 49.37%,
    4.87% 44.02%,
    12.13% 15.41%
  );
}

.image-mantis-carapace_final {
  width: 220px;
  shape-outside: polygon(
    34.13% 5.86%,
    93.31% 5.86%,
    90.48% 90.71%,
    27.34% 90.27%,
    27.52% 82.43%,
    5.41% 53.68%,
    12.35% 32.24%,
    34.52% 24.58%,
    28.51% 12%
  );
}

.image-wandagan_final {
  width: 180px;
  shape-outside: polygon(
    73.11% 2.97%,
    79.7% 9.23%,
    70.75% 16.26%,
    84.09% 26.1%,
    83.09% 45.14%,
    91.91% 46.13%,
    91.85% 66.52%,
    85.25% 70.08%,
    85.25% 82.76%,
    71.1% 86.32%,
    70.15% 93.65%,
    8.02% 93.3%,
    11.34% 4.87%
  );
}

.image-o-yoroi {
  width: 235px;
  shape-outside: polygon(
    30.9% 2.74%,
    90.87% 4%,
    92.88% 92.71%,
    34.83% 92.92%,
    33.7% 86.81%,
    16.1% 85.34%,
    8.23% 70.42%,
    9.57% 44.18%,
    24.13% 31.54%,
    26.6% 23.66%,
    23.22% 19.83%,
    30.11% 15.16%
  );
}

.image-qatgailitaq {
  width: 205px;
  shape-outside: polygon(
    7.39% 3.46%,
    65.28% 3.57%,
    74.26% 20.1%,
    83.87% 23.55%,
    93.74% 46.63%,
    88.54% 77.96%,
    66.76% 86.43%,
    65.82% 92.92%,
    4.34% 92.6%
  );
}

.image-arachnid-harness {
  width: 265px;
  shape-outside: polygon(
    46.3% 4.33%,
    91.42% 4.94%,
    96.63% 94.73%,
    47.2% 95.55%,
    21.2% 78.58%,
    23.58% 63.99%,
    5.33% 60.68%,
    16.16% 37.3%,
    23.4% 18.61%
  );
}

.image-autumns-embrace {
  width: 275px;
  shape-outside: polygon(
    50% 0%,
    83.33% 11.68%,
    94.79% 27.94%,
    94% 78%,
    95.04% 91.67%,
    14.74% 90.38%,
    13.82% 51.71%,
    4.23% 25.05%,
    17% 12%
  );
}

.image-bastion-of-the-inheritor {
  width: 270px;
  shape-outside: polygon(
    31.12% 2.82%,
    71.74% 3.26%,
    100% 43%,
    87.05% 92.95%,
    20.98% 93.51%,
    21.4% 46.42%,
    8.65% 42.47%,
    7.28% 25.51%,
    26.6% 10.87%
  );
}

.image-black-hole-armor {
  width: 285px;
  shape-outside: polygon(
    15.62% 23.38%,
    62.18% 20.66%,
    67.5% 3.45%,
    95.58% 5.84%,
    96.08% 89.03%,
    39.57% 93.94%,
    18.93% 81.47%,
    5.99% 68.11%,
    5.96% 41.44%
  );
}

.image-knife-woven-hauberk {
  width: 255px;
  shape-outside: polygon(
    21.78% 4.49%,
    93.46% 6.22%,
    94.43% 86.34%,
    46.61% 94.37%,
    24.1% 85.56%,
    24.33% 42.54%,
    10.53% 42.04%,
    4.18% 35.94%,
    17% 12%
  );
}

.image-devils-bargain {
  width: 265px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-turtle-shell-fortress {
  width: 300px;
  shape-outside: polygon(
    29.52% 2.31%,
    93.84% 3.74%,
    93.67% 90.59%,
    47.91% 90.89%,
    25.53% 87.44%,
    14.53% 69.93%,
    22.27% 22.15%,
    10.24% 25.82%,
    2.84% 21.91%
  );
}

.image-energizing-lattice {
  width: 280px;
  shape-outside: polygon(
    30.13% 4.16%,
    96.14% 5.17%,
    82.06% 89.89%,
    39.52% 93.73%,
    17.68% 86.05%,
    19.82% 48.06%,
    15.62% 34.96%,
    20.83% 24.3%,
    3.54% 10.52%
  );
}

.image-immortal-bastion {
  width: 270px;
  shape-outside: polygon(
    66.22% 4.61%,
    91.94% 5.37%,
    100% 43%,
    84.4% 92.41%,
    21.31% 91.64%,
    20.08% 82.14%,
    5.34% 75.11%,
    7.28% 11.01%,
    64.68% 11.71%
  );
}

.image-library-tunic {
  width: 260px;
  shape-outside: polygon(
    48.97% 2.08%,
    93.27% 4.36%,
    94.18% 94.74%,
    45.71% 95.02%,
    20.05% 84.9%,
    11.45% 79.85%,
    22.07% 46.18%,
    5.32% 42.76%,
    24.66% 10.88%,
    38.57% 7.66%
  );
}

.image-linnorms-wandagan {
  width: 215px;
  shape-outside: polygon(
    33% 5.01%,
    86.64% 6.99%,
    83.81% 93.25%,
    46.23% 93.56%,
    24.27% 87.48%,
    20.26% 48.14%,
    2.76% 40.63%,
    16.6% 33.34%,
    23.48% 11.46%
  );
}

.image-ouroboros-buckles {
  width: 310px;
  shape-outside: polygon(
    49.71% 2.66%,
    95.87% 4.82%,
    80.11% 91.94%,
    22.95% 91.83%,
    26.19% 72.07%,
    24.4% 42.81%,
    18.57% 29.59%,
    4.68% 10.82%,
    33.96% 9.34%
  );
}

.image-reef-heart {
  width: 325px;
  shape-outside: polygon(
    33.19% 6.02%,
    99.81% 6.25%,
    97.48% 92.54%,
    71.88% 91.96%,
    64.03% 77.73%,
    6.05% 79.64%,
    1.9% 73.45%,
    14.64% 57.57%,
    13.28% 50.35%,
    21.29% 42.73%,
    23.16% 16.93%
  );
}

.image-remorhaz-armor {
  width: 355px;
  shape-outside: polygon(
    21.06% 4.16%,
    92.82% 6.35%,
    95.09% 92.67%,
    25.52% 91.09%,
    23.81% 51.52%,
    13.91% 50.03%,
    2.13% 37.55%,
    6.2% 25.15%,
    18.81% 10.81%
  );
}

.image-rusting-hide {
  width: 255px;
  shape-outside: polygon(
    30.84% 2.14%,
    95.89% 3.73%,
    95.46% 94.15%,
    56.02% 94.23%,
    15.39% 76.11%,
    19.8% 66%,
    17.15% 44.92%,
    11.15% 38.71%,
    4.46% 16.9%
  );
}

.image-trollhound-vest {
  width: 260px;
  shape-outside: polygon(
    19.87% 5.73%,
    79.23% 4.84%,
    95.21% 14.37%,
    91.26% 93.18%,
    44.37% 94.56%,
    12.48% 86.26%,
    23.81% 57.1%,
    17.81% 32.4%,
    2.61% 25.17%
  );
}

.image-wasp-guard {
  width: 245px;
  shape-outside: polygon(
    24.01% 5.52%,
    89.86% 6.22%,
    90.25% 92.49%,
    20.71% 93.07%,
    17.09% 75.88%,
    26.95% 58.55%,
    9.61% 58.15%,
    11.19% 36.47%,
    6.17% 32.6%
  );
}

.image-wolfjaw-armor {
  width: 325px;
  shape-outside: polygon(
    29.27% 11.79%,
    54.43% 5.1%,
    93.28% 6.2%,
    93.72% 82.6%,
    17.3% 93.1%,
    2.87% 88.21%,
    15.24% 51.26%,
    23.81% 36.68%,
    20.08% 31.55%
  );
}

.image-arrow-catching-shield {
  width: 140px;
  shape-outside: polygon(
    19.19% 22.66%,
    40.56% 13.56%,
    46.51% 4.33%,
    90.51% 6.11%,
    91.84% 85.94%,
    17.46% 87.11%,
    11.24% 54.95%,
    5.81% 38.31%,
    14.09% 33.1%
  );
}

.image-casters-targe {
  width: 145px;
  shape-outside: polygon(
    14.97% 21.26%,
    29.9% 9.79%,
    59.32% 7.12%,
    93.44% 8.01%,
    94.55% 84.5%,
    16.18% 84.5%,
    16.73% 70.03%,
    17.51% 60.72%,
    9.09% 42.56%
  );
}

.image-dart-shield {
  width: 185px;
  shape-outside: polygon(
    15.91% 22.22%,
    6.5% 8.65%,
    94.47% 6.09%,
    92.62% 85.97%,
    25.6% 85.32%,
    26.47% 74%,
    33.65% 64.16%,
    26.72% 48.03%,
    31.29% 29.62%
  );
}

.image-fortress-shield {
  width: 125px;
  shape-outside: polygon(
    85.03% 7.37%,
    88.73% 77.67%,
    90.44% 89.34%,
    37.95% 89.67%,
    13.22% 89.87%,
    5.25% 85.58%,
    6% 78%,
    5.73% 5.25%,
    48.84% 5.25%
  );
}

.image-heavy-rondache {
  width: 150px;
  shape-outside: polygon(
    50% 2.59%,
    83% 12%,
    100% 43%,
    90.15% 86.62%,
    9.21% 87.06%,
    7.27% 74.13%,
    23.59% 65.5%,
    6.59% 39.56%,
    18.65% 13.72%
  );
}

.image-klar {
  width: 160px;
  shape-outside: polygon(
    60.41% 7.51%,
    83% 12%,
    84.38% 87.69%,
    36.71% 87.39%,
    36.23% 59.82%,
    13.77% 50.81%,
    7.56% 14.54%,
    20.83% 12.58%,
    23.77% 4.12%
  );
}

.image-meteor-shield {
  width: 165px;
  shape-outside: polygon(
    39.85% 3.12%,
    65.74% 15.9%,
    96.95% 42.22%,
    85.87% 70.2%,
    82.21% 77.39%,
    83.78% 87.13%,
    16.15% 86.97%,
    0% 43%,
    17% 12%
  );
}

.image-razor-disc {
  width: 145px;
  shape-outside: polygon(
    46.61% 4.23%,
    83% 12%,
    100% 43%,
    87.79% 73.35%,
    80.99% 86.06%,
    21.26% 86.06%,
    21.82% 60.68%,
    6.21% 31.6%,
    15.31% 10.31%
  );
}

.image-clockwork-shield {
  width: 195px;
  shape-outside: polygon(
    44.28% 5.99%,
    93.61% 8.55%,
    90.97% 87.72%,
    59.21% 91.59%,
    31.28% 84.08%,
    17.35% 67.3%,
    11.17% 67.48%,
    4.69% 58.92%,
    12.61% 55.32%,
    8.81% 45.57%,
    15.24% 15.42%
  );
}

.image-helmsmans-recourse {
  width: 220px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-sanguine-klar {
  width: 235px;
  shape-outside: polygon(
    43.26% 11.57%,
    76.63% 3.07%,
    94.76% 2.99%,
    93.25% 93.21%,
    8.82% 91.73%,
    11.03% 80.82%,
    23.97% 67.09%,
    5.99% 41.35%,
    38.72% 41.1%
  );
}

.image-sapling-shield {
  width: 225px;
  shape-outside: polygon(
    37.94% 3.61%,
    93.89% 6.75%,
    96.89% 93.52%,
    32.13% 94.07%,
    27.15% 82.95%,
    26.16% 73.11%,
    17.67% 65.54%,
    5.45% 38.74%,
    13.89% 18.89%
  );
}

.image-starfall-shield {
  width: 195px;
  shape-outside: polygon(
    50.44% 4.63%,
    83% 12%,
    100% 43%,
    91.8% 76.32%,
    66.68% 89.9%,
    35.08% 89.9%,
    13.05% 72.53%,
    6.61% 42.16%,
    20.96% 14.52%
  );
}

.image-turnabout-shield {
  width: 195px;
  shape-outside: polygon(
    50% 2.55%,
    83% 12%,
    100% 43%,
    94% 78%,
    68.44% 90.23%,
    33.76% 89.81%,
    13.05% 75.45%,
    5.29% 43%,
    17.88% 15.82%
  );
}

.image-warding-escutcheon {
  width: 175px;
  shape-outside: polygon(
    33.09% 5.91%,
    51.6% 4.2%,
    90.34% 4.27%,
    94% 78%,
    90.22% 90.32%,
    51.81% 94.62%,
    32.08% 93.86%,
    9.18% 88.18%,
    9.27% 10.38%
  );
}

.image-lucerne-hammer {
  width: 215px;
  shape-outside: polygon(
    63.36% 14.61%,
    79.77% 1.65%,
    102.44% 2.87%,
    79.35% 90.19%,
    23.88% 90.49%,
    23.55% 80.74%,
    2.82% 79.9%,
    32% 43.37%,
    53.78% 22.58%,
    43.32% 21.38%,
    50.2% 9.87%
  );
}

.image-lancer {
  width: 280px;
  shape-outside: polygon(
    73.4% 3.61%,
    76.27% 9.5%,
    88.78% 6.07%,
    83.74% 17.19%,
    96.53% 27.25%,
    65.65% 36.69%,
    62.73% 90.77%,
    2.88% 90.21%,
    4.5% 7.01%
  );
}

.image-corset-knife {
  width: 150px;
  shape-outside: polygon(
    7.69% 7.45%,
    87.95% 7.62%,
    100% 43%,
    94% 78%,
    89.43% 81.16%,
    80.36% 85.98%,
    17.54% 86.32%,
    20.88% 29.42%,
    9.31% 24.71%
  );
}

.image-falcata {
  width: 250px;
  shape-outside: polygon(
    73.05% 11.71%,
    91.51% 3.59%,
    86.53% 87.62%,
    36.53% 87.99%,
    35.82% 75.55%,
    12.41% 75.91%,
    7.09% 72.62%,
    23.43% 63.74%,
    36.44% 51.36%,
    54.7% 29.79%,
    65.22% 19.85%,
    58.51% 17.77%,
    64.87% 12%
  );
}

.image-polytool {
  width: 140px;
  shape-outside: polygon(
    5.81% 5.25%,
    85.33% 8.5%,
    83.14% 28.55%,
    92.26% 35.53%,
    89.51% 57.1%,
    73.86% 68.04%,
    74.6% 86.76%,
    5.23% 85.03%,
    7.11% 44.39%
  );
}

.image-bec-de-corbin {
  width: 225px;
  shape-outside: polygon(
    3.7% 3.33%,
    91.95% 5.09%,
    100% 43%,
    92.83% 81.84%,
    74.61% 91.55%,
    25% 91.56%,
    25.46% 30.12%,
    8.17% 27.64%,
    14.28% 18.15%
  );
}

.image-battle-saddle {
  width: 250px;
  shape-outside: polygon(
    47.87% 7.96%,
    76.62% 6.43%,
    100% 43%,
    84.43% 73.23%,
    70.84% 86.47%,
    29.87% 86.87%,
    30.47% 27.07%,
    4.61% 11.17%,
    24.8% 5.23%
  );
}

.image-earthbreaker {
  width: 175px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-panabas {
  width: 230px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-frying-pan {
  width: 165px;
  shape-outside: polygon(
    80.96% 3.19%,
    97.21% 12%,
    74.62% 29.77%,
    74.71% 86.21%,
    24.35% 86.31%,
    23.88% 71.71%,
    6% 55.19%,
    21.83% 36.16%,
    56.59% 26.14%
  );
}

.image-scizore {
  width: 165px;
  shape-outside: polygon(
    74.36% 3.3%,
    92.64% 12.41%,
    71.57% 48.79%,
    69.13% 86.26%,
    31.96% 86.37%,
    28.95% 74.81%,
    10.57% 70.57%,
    9.14% 54.56%,
    27.66% 55.78%
  );
}

.image-mambele {
  width: 170px;
  shape-outside: polygon(
    58.42% 15.98%,
    68.15% 3.12%,
    92.08% 17.44%,
    90.04% 33.98%,
    71.47% 43.55%,
    70.61% 87.93%,
    26.79% 87.94%,
    11.44% 72.32%,
    35.2% 38.59%,
    4.95% 24.54%,
    41.75% 26.56%
  );
}

.image-kusarigama {
  width: 200px;
  shape-outside: polygon(
    49.57% 3.31%,
    83% 12%,
    95.26% 55.52%,
    74.61% 78%,
    74.03% 88.21%,
    26.4% 88.21%,
    27.98% 71.37%,
    15.95% 70.62%,
    4.07% 60.62%
  );
}

.image-naginata {
  width: 235px;
  shape-outside: polygon(
    54.13% 35.72%,
    91.99% 3.84%,
    95.51% 7.62%,
    67.03% 36.16%,
    66.13% 89.11%,
    34.25% 88.43%,
    34.09% 75.96%,
    6% 77.02%,
    20% 67.45%
  );
}

.image-leiomano {
  width: 130px;
  shape-outside: polygon(
    61.11% 3.64%,
    88.56% 9.81%,
    78.39% 40.45%,
    76.72% 87.47%,
    21.09% 87.61%,
    19.65% 77.78%,
    6.61% 69.99%,
    25.93% 51.01%,
    12.06% 46.6%
  );
}

.image-chain-sword {
  width: 160px;
  shape-outside: polygon(
    46.35% 4.75%,
    92.9% 12%,
    86.98% 19.6%,
    41.4% 15.61%,
    78.42% 78.3%,
    78.35% 88.81%,
    20.58% 89.19%,
    6.77% 21.98%,
    24.29% 8.95%
  );
}

.image-feng-huo-lun {
  width: 205px;
  shape-outside: polygon(
    87.13% 24.04%,
    93.13% 41.95%,
    75.95% 61.52%,
    75.43% 86.67%,
    23.7% 87%,
    21.59% 74.78%,
    6.68% 56.26%,
    12.75% 36.23%,
    40.51% 12.66%,
    66.79% 6.48%
  );
}

.image-karambit {
  width: 165px;
  shape-outside: polygon(
    41.37% 14.57%,
    81.98% 22.02%,
    95.94% 50.74%,
    78.26% 51.14%,
    72.57% 84.97%,
    26.92% 84.97%,
    26.3% 49.32%,
    7.61% 40.27%,
    12.94% 5.63%
  );
}

.image-dwarven-dorn-dergar {
  width: 210px;
  shape-outside: polygon(
    52.89% 4.09%,
    85.89% 20.54%,
    83.47% 60.46%,
    94% 68.34%,
    89.07% 75.48%,
    85.31% 87.74%,
    11.79% 87.29%,
    6.2% 41.51%,
    39.31% 22.4%
  );
}

.image-breaching-pike {
  width: 230px;
  shape-outside: polygon(
    4.96% 5.57%,
    94.83% 10.14%,
    100% 85.99%,
    87.51% 89.45%,
    82.12% 85.46%,
    71.69% 90.72%,
    25.08% 89.44%,
    24.81% 80.73%,
    25.4% 29.63%
  );
}

.image-combat-lure {
  width: 180px;
  shape-outside: polygon(
    60.85% 3.09%,
    78.28% 20.91%,
    93.4% 28.61%,
    87.4% 47.17%,
    75.08% 52.05%,
    91.44% 70.2%,
    76.29% 88.62%,
    5.66% 88.9%,
    4.74% 3.09%
  );
}

.image-duelists-spear {
  width: 260px;
  shape-outside: polygon(
    19.18% 7.22%,
    83% 12%,
    100% 43%,
    94% 78%,
    96.42% 90.97%,
    27.89% 91.75%,
    29.29% 28.48%,
    16.1% 19.27%,
    5.01% 5.04%
  );
}

.image-flyssa {
  width: 260px;
  shape-outside: polygon(
    88.01% 2.66%,
    96.01% 2.84%,
    94.52% 88.81%,
    38.86% 90.42%,
    39.57% 81.09%,
    18.99% 80.2%,
    4.29% 73.57%,
    59.93% 21.42%,
    70.42% 16.73%
  );
}

.image-hook-sword {
  width: 170px;
  shape-outside: polygon(
    88.13% 6.49%,
    88.45% 18.13%,
    69.31% 37.59%,
    92.51% 75.48%,
    79.39% 74.76%,
    79.52% 87.38%,
    7.49% 87.74%,
    0% 43%,
    9.08% 9.11%
  );
}

.image-nine-ring-sword {
  width: 275px;
  shape-outside: polygon(
    72.48% 15.86%,
    94.73% 1.63%,
    88.92% 89.07%,
    29.83% 89.88%,
    30.21% 78.03%,
    5.62% 79.26%,
    45.41% 45.97%,
    60.59% 31.41%,
    61.3% 27.56%
  );
}

.image-meteor-hammer {
  width: 205px;
  shape-outside: polygon(
    49.15% 6.34%,
    53.46% 19.84%,
    92.41% 16.87%,
    94.42% 48.14%,
    80.66% 49.61%,
    79.68% 87.68%,
    10.64% 87.7%,
    3.8% 61.29%,
    7.72% 9.39%
  );
}

.image-nodachi {
  width: 280px;
  shape-outside: polygon(
    66.03% 7.51%,
    94.86% 4.78%,
    99.68% 89.8%,
    37.91% 90.14%,
    37.87% 81.79%,
    26.23% 80.35%,
    25.23% 76.27%,
    4.17% 75.65%,
    50.97% 36.27%
  );
}

.image-rope-dart {
  width: 160px;
  shape-outside: polygon(
    49.48% 7.17%,
    90.3% 4.03%,
    90.63% 86.03%,
    24.73% 86.76%,
    25.81% 76.1%,
    14.29% 76.5%,
    11.73% 61.67%,
    5.73% 47.78%,
    30.02% 39.09%
  );
}

.image-sansetsukon {
  width: 160px;
  shape-outside: polygon(
    66.14% 4.8%,
    79.88% 8.65%,
    75% 18.08%,
    30.46% 34.87%,
    95.09% 51.61%,
    79.4% 71.25%,
    79.96% 82.31%,
    1.04% 82.29%,
    4.5% 6.25%
  );
}

.image-tekko-kagi {
  width: 215px;
  shape-outside: polygon(
    48.38% 3.51%,
    83% 12%,
    100% 43%,
    99.67% 70.96%,
    71.64% 85.49%,
    27.55% 84.61%,
    29.89% 47.22%,
    4.45% 28.05%,
    8.9% 14.64%
  );
}

.image-urumi {
  width: 210px;
  shape-outside: polygon(
    28.1% 3.9%,
    94.57% 6.81%,
    93.74% 88.68%,
    34.65% 88.68%,
    34.71% 79.06%,
    2.26% 77.68%,
    22.13% 57.76%,
    16.71% 49.64%,
    29.97% 45.51%,
    63.22% 31.3%,
    26.09% 21.42%
  );
}

.image-three-section-naginata {
  width: 200px;
  shape-outside: polygon(
    85.78% 3.78%,
    93.77% 9.16%,
    31.46% 23.17%,
    80.64% 55.02%,
    83.09% 74.81%,
    90.62% 78.91%,
    90.48% 89.02%,
    2.16% 89.28%,
    2.78% 9.48%
  );
}

.image-whipstaff {
  width: 210px;
  shape-outside: polygon(
    62% 4%,
    64.5% 7.01%,
    56.62% 35.34%,
    56.37% 95.67%,
    43.5% 95.67%,
    43.88% 84.33%,
    36% 81.98%,
    44.12% 53.32%
  );
}

.image-altatl {
  width: 185px;
  shape-outside: polygon(
    91.01% 4.48%,
    100.05% 10.97%,
    64.52% 47.82%,
    64.97% 90.75%,
    35.74% 90%,
    36.61% 77.95%,
    6% 77.31%,
    40.09% 46.1%,
    72.76% 14.41%
  );
}

.image-gakgung {
  width: 195px;
  shape-outside: polygon(
    31.94% 12.53%,
    52.6% 14.92%,
    89.43% 31.31%,
    90.04% 56.71%,
    93.11% 69.53%,
    71.21% 73.29%,
    68.56% 87.18%,
    29.52% 87.25%,
    5.1% 7%
  );
}

.image-rotary-bow {
  width: 190px;
  shape-outside: polygon(
    47.3% 5.81%,
    59.13% 18.29%,
    95.04% 35.26%,
    75.53% 49.93%,
    73.86% 84.51%,
    23.44% 84.51%,
    22.67% 66.38%,
    4.96% 41.55%,
    24.21% 23.13%
  );
}

.image-gauntlet-bow {
  width: 170px;
  shape-outside: polygon(
    40.59% 18.18%,
    68.64% 3.82%,
    93.56% 38.91%,
    81.62% 83.91%,
    19.98% 84.55%,
    18.63% 71.82%,
    7.98% 68%,
    12.87% 53.91%,
    11.55% 21.55%
  );
}

.image-boomerang {
  width: 150px;
  shape-outside: polygon(
    51.65% 4.4%,
    90.14% 12.88%,
    92.31% 25.84%,
    78.62% 51.16%,
    80.09% 85.92%,
    18.26% 86.36%,
    19.19% 73.16%,
    61.54% 26.72%,
    3.81% 11.12%
  );
}

.image-spraysling {
  width: 165px;
  shape-outside: polygon(
    31.22% 12.77%,
    60.16% 5.04%,
    90.36% 15.92%,
    91.46% 51.69%,
    73.58% 86.46%,
    25.41% 86.84%,
    18.69% 64.85%,
    5.07% 28.29%,
    13.45% 17.42%
  );
}

.image-sukgung {
  width: 195px;
  shape-outside: polygon(
    71.15% 6.23%,
    75.95% 43.15%,
    97.8% 50.12%,
    70.21% 63.76%,
    70.21% 85.32%,
    28.48% 85.32%,
    28.03% 72.22%,
    6.61% 25.64%,
    46.52% 32.91%
  );
}

.image-barricade-buster {
  width: 170px;
  shape-outside: polygon(
    49.5% 20.63%,
    83.99% 6.29%,
    93.56% 20.61%,
    83.61% 29.71%,
    83.84% 84.64%,
    14.67% 84.63%,
    6.5% 66.15%,
    18.81% 33.34%,
    28.39% 18.15%
  );
}

.image-harpoon {
  width: 240px;
  shape-outside: polygon(
    88.24% 1.68%,
    94.76% 12.28%,
    96.32% 91.53%,
    33.34% 91.19%,
    33.07% 82.61%,
    6.26% 79.24%,
    53.43% 31.43%,
    31.99% 25.61%,
    31.34% 17.89%
  );
}

.image-phalanx-piercer {
  width: 230px;
  shape-outside: polygon(
    2.67% 4.41%,
    97.5% 7.59%,
    100% 43%,
    94% 78%,
    93.57% 90.24%,
    25.13% 89.93%,
    24.7% 66.35%,
    19.08% 60.64%,
    43.72% 40.98%
  );
}

.image-shield-bow {
  width: 160px;
  shape-outside: polygon(
    58.33% 12.44%,
    90.29% 2.88%,
    100% 43%,
    83.06% 92.58%,
    23.73% 92.92%,
    20.54% 52.83%,
    8.6% 36.83%,
    11.46% 20.4%,
    41.48% 11.18%
  );
}

.image-taw-launcher {
  width: 200px;
  shape-outside: polygon(
    76.29% 4.05%,
    92.05% 6.85%,
    95.26% 87.92%,
    23.74% 86.84%,
    25.33% 73.12%,
    10.45% 65.76%,
    4.28% 50.75%,
    53.02% 26.8%,
    63.12% 12%
  );
}

.image-bow-staff {
  width: 155px;
  shape-outside: polygon(
    5.08% 68.81%,
    87.81% 2.88%,
    100% 43%,
    96.14% 52.15%,
    89.93% 63.89%,
    81.73% 79.47%,
    73.38% 88.26%,
    26.2% 88.24%,
    21.81% 78.53%
  );
}

.image-clawshot {
  width: 170px;
  shape-outside: polygon(
    70.3% 4.02%,
    86.47% 22.72%,
    94.55% 34.52%,
    81.13% 44.07%,
    80.87% 84.82%,
    17.64% 84.37%,
    2.53% 65.05%,
    2.97% 34.52%,
    6.6% 5.75%
  );
}

.image-sanrekyuu {
  width: 160px;
  shape-outside: polygon(
    66.67% 4.92%,
    83% 12%,
    100% 43%,
    75.77% 85.37%,
    27.38% 84.76%,
    27.32% 66.57%,
    8.6% 61.78%,
    11.46% 49.88%,
    6.06% 30.68%
  );
}

.image-wrecker {
  width: 150px;
  shape-outside: polygon(
    53.85% 8.58%,
    91.79% 8.19%,
    76.37% 84.48%,
    28.62% 85.63%,
    26.24% 65.67%,
    7.27% 52.79%,
    11.49% 37.95%,
    15.38% 26.31%,
    39.53% 18.2%
  );
}

.image-piston-gauntlets {
  width: 220px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-windlass-bolas {
  width: 225px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-grounding-spike {
  width: 265px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-polarizing-mace {
  width: 250px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-rime-foil {
  width: 290px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-shattered-plan {
  width: 175px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-blessed-reformer {
  width: 235px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-reapers-crescent {
  width: 195px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-stargazer {
  width: 215px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-alghollthu-lash {
  width: 200px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-alicorn-lance {
  width: 340px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-dragontooth-club {
  width: 265px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-ghast-stilletto {
  width: 260px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-scizore-of-the-crab {
  width: 220px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-vampire-fang-morningstar {
  width: 270px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-vine-whip {
  width: 310px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-kaldemashs-lament {
  width: 275px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-spark-rifle {
  width: 315px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-spark-hurler {
  width: 405px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-spark-pistol {
  width: 355px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-sheltering-shield {
  width: 205px;
  shape-outside: polygon(
    46.2% 3.28%,
    88.91% 3.71%,
    91.56% 93.86%,
    9.19% 93.8%,
    9.34% 83.62%,
    5.42% 82.66%,
    8.53% 75.5%,
    7.17% 10.64%,
    44% 8.73%
  );
}

.image-confessors-bastion {
  width: 180px;
  shape-outside: polygon(
    27.83% 3.15%,
    95.27% 3.35%,
    95.75% 12.34%,
    96.35% 30.83%,
    97.72% 71.9%,
    91.43% 84.27%,
    91.85% 93.53%,
    8.02% 93.52%,
    8.51% 9.05%
  );
}

.image-spark-sprayer {
  width: 315px;
  shape-outside: polygon(
    33.86% 21.26%,
    94.82% 4.59%,
    93.66% 89.71%,
    22.24% 89.92%,
    22.53% 78.33%,
    6.62% 76.16%,
    3.76% 61.02%,
    18.68% 37.09%,
    14.7% 33.66%,
    28.53% 17.8%
  );
}

.image-magical-meteor-shield {
  width: 255px;
  shape-outside: polygon(
    16.2% 3.74%,
    96.24% 6.7%,
    100% 43%,
    92.95% 90.16%,
    17.83% 90.03%,
    18.41% 75.06%,
    12.62% 68.65%,
    9.06% 52.35%,
    5.15% 25.4%
  );
}

.image-stone-armor {
  width: 230px;
  shape-outside: polygon(
    37.4% 1.95%,
    94.45% 2.78%,
    99.62% 93.94%,
    28.24% 93.94%,
    28.24% 76.01%,
    8.89% 76.23%,
    25.63% 66.99%,
    19.4% 48%,
    6.38% 42.32%,
    9.54% 20.64%,
    22.73% 9.87%
  );
}

.image-wood-armor {
  width: 260px;
  shape-outside: polygon(
    38.7% 3.73%,
    95.67% 5.21%,
    95.55% 93.19%,
    30.48% 92.97%,
    30.99% 82.38%,
    8.75% 81.37%,
    19.67% 49.15%,
    14.9% 28.03%,
    5.14% 24.59%,
    19.05% 9.81%
  );
}

.image-stone-weapon {
  width: 330px;
  shape-outside: polygon(
    92.27% 3.16%,
    95.43% 8.84%,
    87.02% 91.26%,
    32.67% 91.98%,
    33.46% 73.1%,
    4.1% 64.4%,
    4.9% 47.68%,
    19.34% 39.57%,
    41.03% 39.95%
  );
}

.image-coral-weapon {
  width: 310px;
  shape-outside: polygon(
    87.13% 8.64%,
    94.11% 2.2%,
    87.72% 92.72%,
    32.6% 92.71%,
    32.62% 84.13%,
    3.05% 83.66%,
    19.74% 64.23%,
    22.51% 57.71%,
    28.7% 57.75%
  );
}

.image-bone-weapon {
  width: 305px;
  shape-outside: polygon(
    29.23% 58.25%,
    89.23% 3.48%,
    94.96% 7.01%,
    94.3% 76.34%,
    94.11% 91.95%,
    32.89% 92.42%,
    33% 83.68%,
    3.56% 83.26%,
    15.22% 66.7%
  );
}

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

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

  .book-image-right {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .force-image-right {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .image-with-subtitle-right {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .book-image-left {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .force-image-left {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .image-with-subtitle-left {
    float: none;
    display: block;
    margin: 0 auto;
  }
  
  .image-so {
    max-width: 350px;
  }
}