:root {
  --app-font: 'Philosopher', 'Material Symbols Outlined', sans-serif;
  --base-bg-color:  #4b00ff9e;
  --base-bg-hover: #82b9ff6b;
  --base-item-selected: #210d51;
  --base-accent-color: #f7ad3e;
  --empty-bar-color: #000000cc;
  --base-hp-color: #355729;
  --base-sed-color: #a9389a;
  --base-xp-color: #66c6c9;
  --base-font-color: #fff;
  --disabled-font-color: #888;
  --base-border: solid 5px var(--base-accent-color);
  --thin-border: solid 2px var(--base-accent-color);
  --text-shadow: 2px 2px black, -2px -2px black, 2px -2px black, -2px 2px black, 0 2px black, 0 -2px black, 2px 0 black, -2px 0 black;
}

body * {
  font-family: var(--app-font);
  font-size: 40px;
  color: var(--base-font-color);
  text-shadow: var(--text-shadow);
}

.game-shield {
  z-index: 4;
}
.game-shield.action-image.sexScene {
  z-index: 600;
}

.guide-root .themes button,
.default-exportSlot.base-exportSlot,
.default-saveSlot.base-saveSlot,
.default-loadSlot.base-loadSlot,
.default-deleteSlot.base-deleteSlot,
.option-body li,
.input-submit-button,
.base-button {
  background-color: var(--base-bg-color);
  border: var(--base-border);
}

.guide-root .themes button:hover,
.default-saveSlot.base-saveSlot:hover,
.default-loadSlot.base-loadSlot:hover,
.default-deleteSlot.base-deleteSlot:hover,
.option-body li:hover,
.input-submit-button:hover,
.base-button:hover {
  background-color: var(--base-bg-hover);
}

.default-deleteSlot.empty-slot:hover,
.default-loadSlot.empty-slot:hover {
background-color: var(--gallery-locked);
}

.save-slot-face {
  height: 264px;
  width: 258px;
  position: absolute;
  bottom: -40px;
  right: -40px;
  transform: scale(.75);
}

.logo-button {
  border-right: none;
}

.side-bar.base-label {
  background: var(--base-bg-color);
  border-left: var(--base-border);
}

/* Main Hud */
.hud-layer * {
  z-index: 5;
}
.main-hud-button {
  border-left: none;
  border-right: none;
  border-top: none;
  background-color: transparent;
}
.main-hud-button.disabled {
  color: var(--disabled-font-color);
}
.main-hud-button .button-description {
  right: 10px;
  font-size: 30px;
  margin-top: 10px;
  width: 150px;
  color: var(--base-font-color);
}

.base-label.main-label {
  background-color: var(--base-bg-color);
  border-bottom:  var(--base-border);
  padding: 3px 30px;
}

.base-label.action-menu-label {
  background-color: var(--base-bg-color);
  border-top:  var(--base-border);
}


/* Dialog Box */

.dialogue-box {
  left: 0;
  width: 1920;
  background-color: var(--base-bg-color);
  bottom: 0;
  border-top: var(--base-border);
  height: 250px;
}

.dialogue-text {
  top: 60px;
}

.portrait-body {
  left: 0;
  bottom: 0;
}

.portrait-picture {
  width: 258px;
  height: 264px;
}

.portrait-name-body {
  bottom: 183px;
}

.portrait-name-text {
  font-size: 50px;
}

.dialogue-layer.system .dialogue-text {
    left: 50px;
    width: 1750px;
}

.dialogue-layer.wait-for-click {
  z-index: 4;
}


.dialogue-layer.wait-for-click::after {
  content: "\f178";
}

/* Choices */
.option-body {
  top: auto;
  bottom: 0;
  border-top: var(--base-border);
  background-color: var(--base-bg-color);
  padding: 10px;
  left: 0;
  width: 1920px;
  min-height: 20%;
}
.option-body ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.option-body li {
  text-align: left;
  margin: 10px;
  padding-left: 30px;
  width: 593px;
  display: inline-block;
}

/* Input box */
.input-box {
  background: var(--base-bg-color);
  border: var(--base-border);
  height: 450px;
  top: 560px;
}

.input-box .input-title {
  font-size: 50px;
}

.input-box input {
  background: var(--base-bg-color);
  border: var(--base-border);
  font-size: 60px;
}

.input-submit-button {
  height: 70px;
  right: 70px;
  bottom: 70px;
}

/* Inventory */
.dialogue-layer.inventory-layer {
  z-index: 600;
  background-color: #3c155a91;
}
.dialogue-layer.inventory-layer .inventory-text {
  background-color: var(--base-bg-color);
  border-top: var(--base-border);
  border-bottom: var(--base-border);
  position: absolute;
  top: 430px;
  padding: 20px;
  width: 1920px;
  height: 200px;
  white-space: pre-line;
}

.base-inventory {
    position: absolute;
    background: var(--base-bg-color);
    border: var(--base-border);
    overflow-y: scroll;
    overflow-x: hidden;
}
.base-inventory-item {
  position: relative;
  padding: 8px 0 0 65px;
}
.base-inventory-item:hover {
  background-color: var(--base-bg-hover);
  cursor: pointer;
}
.base-inventory-item.selected {
  background-color: var(--base-item-selected);
}
.combat-inventory {
  border: none;
  border-right: var(--base-border);
}
.combat-inventory .base-inventory-item,
.cast-inventory .base-inventory-item,
.portal-inventory .base-inventory-item,
.skin-inventory .base-inventory-item {
  display: inline-block;
}

.menu-button.base-button.inv-select::before {
  content: " ";
  height: 52;
  width: 52;
  position: absolute;
  left: 20px;
  background-image: url(./ui/icons.png);
}

.skin-inventory .base-inventory-item,
.quest-inventory .base-inventory-item {
  padding-left: 20px;
}
.skin-inventory .base-inventory-item::before,
.quest-inventory .base-inventory-item::before {
  content: none;
}

/* .combat-inventory,
.skin-inventory,
.portal-inventory,
.cast-inventory {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
} */

.portal-inventory {
  border-width: 0 5px;
}

.cast-inventory {
  border-width: 0 5px 0 0;
}

.portal-inventory .base-inventory-item {
  padding: 20px 0 0 80px;
}
.cast-inventory .base-inventory-item::before,
.portal-inventory .base-inventory-item::before {
  top: 20px;
  left: 15px;
}

.cast-inventory .base-inventory-item {
  padding: 18px 0 0 95px;
}

.craft-button.disabled {
  color: var(--disabled-font-color);
  pointer-events: none;
}

.menu-button.inv-select.chest-inv::before {
  background-position: -52px 0;
}
.menu-button.inv-select.pants-inv::before {
  background-position: -104px 0;
}
.menu-button.inv-select.weapons-inv::before {
  background-position: -312px 0;
}
.menu-button.inv-select.common-inv::before {
  background-position: -156px 0;
}
.menu-button.inv-select.combat-inv::before {
  background-position: -208px 0;
}
.menu-button.inv-select.quest-inv::before {
  background-position: -260px 0;
}

/* Specials */
.menu-button.character::before {
  content: " ";
  position: absolute;
  top: -5px;
  left: 0px;
  background-size: contain;
  background-repeat: no-repeat;
  height: 81px;
  width: 200px;
}


/* User Menu */
.menu-button.spend-points::after {
  content: " ";
  position: absolute;
  border: 15px solid transparent;
  border-left: 40px #ff4377 solid;
  left: -20px;
  top: 15px;
}

.user-menu.page-title,
.user-menu.player-name {
  background: var(--base-bg-color);
  border-bottom: var(--base-border);
  font-size: 60px;
  padding-left: 30px;
}

.user-menu.player-info {
  white-space: pre-line;
  background-color: transparent;
}

.char-sheet.attribute:hover,
.char-sheet.attribute {
  text-align: left;
  cursor: auto;
  background-color: transparent;
  border: none;
}

.char-sheet.attribute .button-description {
  font-size: 33px;
    background: var(--base-bg-color);
    padding: 10px;
    border: var(--base-border);
    left: 300px;
    top: 0;
    min-width: 430px;
}

.char-sheet.add-attribute {
  line-height: 45px;
}


/* Combat */
.player-hp,
.player-experience,
.player-seduction {
  background-color: var(--empty-bar-color);
  border-bottom: var(--thin-border);
  border-right: var(--base-border);
}
.enemy-hp,
.enemy-seduction {
  border-bottom: var(--thin-border);
  border-left: var(--base-border);
}
.enemy-hp .progressBar-progress,
.enemy-seduction .progressBar-progress {
  background-color: var(--empty-bar-color);
}

.enemy-hp,
.player-hp .progressBar-progress {
  background-color: var(--base-hp-color);
}
.enemy-seduction,
.player-seduction .progressBar-progress {
  background-color: var(--base-sed-color);
}
.player-experience .progressBar-progress {
  background-color: var(--base-xp-color);
}
.progress-description {
  font-size: 21px;
  padding-left: 10px;
}

.enemy-seduction .progress-description
.enemy-hp .progress-description {
  text-align: right;
  width: 100%;
  padding-right: 10px;
}

.combat-label.player-name,
.combat-label.enemy-name {
  border-bottom: var(--base-border);
  background-color: var(--base-bg-color);
}
.combat-label.player-name {
  border-right: var(--base-border);
  padding: 0 0 0 10px;
}
.combat-label.enemy-name {
  border-left: var(--base-border);
  padding: 0 10px 0 0;
  text-align: right;
}
.combat-label.boost-label {
  background: none;
}

/* Combat Status!! */

.strength1.combat-label.boost-label::before {
  content: "Strength";
  font-size: 1.5rem;
  background: linear-gradient(348deg, #1c4665, #559ad5);
  padding: 4px 25px;
  border-radius: 40px;
  border: 3px solid;
}
/* .demonHorn.combat-label.boost-label::before {
  content: "Demon Horn";
  font-size: 1.5rem;
  background: linear-gradient(348deg, #1c4665, #559ad5);
  padding: 4px 25px;
  border-radius: 40px;
  border: 3px solid;
} */

.combat-container{
  border-top: var(--base-border);
  background-color: var(--base-bg-color);
}

.combat-button {
  border: none;
  border-top: var(--base-border);
  font-size: 70px;
  padding-top: 50px;
  background-color: transparent;
}

.dialogue-layer.combat-layer .combat-text {
  background-color: var(--base-bg-color);
  border-top: var(--base-border);
  position: absolute;
  padding: 20px;
  width: 1920px;
  height: 200px;
}

/* Save Screen */
.save-screen-container {
  position: absolute;
  z-index: 500;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.save-screen-container * {
  z-index: 500;
}

.page-numbering.base-label {
  background: transparent;
  font-size: 50px;
  text-align: right;
}

.base-exportSlot,
.base-loadSlot,
.base-saveSlot {
  padding: 15px;
  background-image: var(--ui-bg-texture);
  background-color: var(--ui-bg-color);
  border: var(--ui-border-style);
  text-shadow: var(--text-shadow);
  box-shadow: var(--ui-shadow);
  font-size: 35px;
}

.base-exportSlot:hover,
.base-loadSlot:hover,
.base-saveSlot:hover {
  background-color: var(--ui-bg-color-hover);
}

.save-time-stamp {
  cursor: pointer;
  font-size: 21px;
  text-align: right;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 550;
}

.base-exportSlot.empty-slot, 
.base-deleteSlot.empty-slot, 
.base-loadSlot.empty-slot {
  background: var(--gallery-locked);
  cursor: auto;
}

.base-exportSlot.empty-slot .save-time-stamp,
.base-deleteSlot.empty-slot .save-time-stamp,
.base-loadSlot.empty-slot .save-time-stamp {
  cursor: auto;
}

/* Log */
.base-logView {
  position: absolute;
  background: var(--ui-bg-color-solid);
  padding: 20px;
  overflow-y: scroll;
}

.log-action {
  border-bottom: 1px solid white;
  padding: 10px 0;
}

.log-action .log-actor,
.log-action .log-dialogue {
  display: inline-block;
}

.choice-action .log-actor::before {
  font-size: 22px;
  content: ">>>"
}

.log-actor {
  margin-right: 20px;
  width: 220px;
  text-align: right;
  vertical-align: top;
}

.log-actor span {
  position: relative;
  font-size: 22px;
}

.think .log-dialogue {
  font-style: italic;
}

.log-actor span::after {
  content: " ";
  width: 35px;
  height: 38px;
  left: -40px;
  position: absolute;
  top: -5px;
}

.log-dialogue {
  width: 1100px;
  font-size: 30px;
}
.log-dialogue * {
  font-size: 30px;
}

.log-dialogue .inline-text-icon {
  width: 35px;
  height: 38px;
}


/* CG Dialogue Customs */
.room-background.sexScene ~ .dialogue-layer .dialogue-box {
  border: var(--base-border);
}

.room-background.sexScene ~ .dialogue-layer .dialogue-box {
  width: 840px;
}
.room-background.sexScene ~ .dialogue-layer .portrait-name-body {  
  display: none;
}

.room-background.sexScene ~ .dialogue-layer .dialogue-text {
  width: 550px;
  top: 30px;
}

.room-background.sexScene ~ .dialogue-layer.system .dialogue-text {
  width: 740px;
}

[class*="relief0"].room-background.sexScene ~ .dialogue-layer .dialogue-box {
  bottom: 30px;
  left: 30px;
}

[class*="cultistSex1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="cultistSex1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="merfolkSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="merfolkSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="trollSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="trollSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body {
  bottom: 800px;
  left: 1050px;
}

[class*="pirateBJ0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="pirateBJ0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="orcBJ0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="orcBJ0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="fatMinionBJ0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="fatMinionBJ0"].room-background.sexScene ~ .dialogue-layer .portrait-body  {
  bottom: 710px;
  left: 1020px;
}

[class*="pirateBJ1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="pirateBJ1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="orcBJ1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="orcBJ1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="fatMinionBJ1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="fatMinionBJ1"].room-background.sexScene ~ .dialogue-layer .portrait-body  {
  bottom: 670px;
  left: 50px;
}

[class*="ashbyDA0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="ashbyDA0"].room-background.sexScene ~ .dialogue-layer .portrait-body {
  bottom: 860px;
  left: 970px;
  height: 210px;
}
[class*="ashbyDA0"].room-background.sexScene ~ .dialogue-layer .portrait-body {
  bottom: 883px;
}

/* TOP CENTER */

.XXX {
  bottom: 800px;
  left: 500px;
}


/* BOTTOM RIGHT */

[class*="porcSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="porcSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="minerBJ0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="minerBJ0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="calebDA1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="calebDA1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="minionBig1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="minionBig1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="cashewSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="cashewSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="tabascoSex1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="tabascoSex1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="sasquatchSex1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="sasquatchSex1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="ratSex1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="ratSex1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="dugoBJ0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="dugoBJ0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="lazzBJ0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="lazzBJ0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="guardMS0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="guardMS0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="guardSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="guardSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="bertramSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="bertramSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body {
  bottom: 20px;
  left: 1070px;  
}

[class*="outlawBJ0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="outlawBJ0"].room-background.sexScene ~ .dialogue-layer .portrait-body  {
  bottom: 170px;
  left: 1050px;
}

/* TOP RIGHT */

[class*="sharkSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="sharkSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="sharkSex1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="sharkSex1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="slimeSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="slimeSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="slimeSex1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="slimeSex1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="porcSex1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="porcSex1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="satyrBJ0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="satyrBJ0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="frankDA0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="frankDA0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="traceDA0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="traceDA0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="minionBig0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="minionBig0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="acaiBJ0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="acaiBJ0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
.mag003.room-background.sexScene ~ .dialogue-layer .dialogue-box,
.mag003.room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="gortDA0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="gortDA0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="sasquatchSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="sasquatchSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="minionSmall1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="minionSmall1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="minionSmall0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="minionSmall0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="ceruleanSex1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="ceruleanSex1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="ceruleanSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="ceruleanSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="drunkBJ0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="drunkBJ0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="privSex1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="privSex1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="privSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="privSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="banditSP0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="banditSP0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="captainRM0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="captainRM0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="thiefBJ1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="thiefBJ1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="outlawBJ1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="outlawBJ1"].room-background.sexScene ~ .dialogue-layer .portrait-body  {
  bottom: 800px;
  left: 1050px;
}

/* BOTTOM LEFT */

.mag012.room-background.sexScene ~ .dialogue-layer .dialogue-box,
.mag012.room-background.sexScene ~ .dialogue-layer .portrait-body,
.mag020.room-background.sexScene ~ .dialogue-layer .dialogue-box,
.mag020.room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="melvinDA0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="melvinDA0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="marshalSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="marshalSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="dugoBJ1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="dugoBJ1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="darioDA0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="darioDA0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="banditRM0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="banditRM0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="boSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="boSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body  {
  bottom: 50px;
  left: 50px;
}

/* TOP LEFT */

[class*="eggnogDA0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="eggnogDA0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="walterDA1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="walterDA1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="vhunterSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="vhunterSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="gargoyleSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="gargoyleSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="foxSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="foxSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="satyrBJ1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="satyrBJ1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="minerBJ1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="minerBJ1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="kennethBJ0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="kennethBJ0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="aubergineSex1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="aubergineSex1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="aubergineSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="aubergineSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="darioDA1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="darioDA1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="cashewSex1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="cashewSex1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="tabascoSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="tabascoSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="bertHJ0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="bertHJ0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="walterDA0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="walterDA0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="lazzSP0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="lazzSP0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="cultistSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="cultistSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="wereSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="wereSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="vampSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="vampSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="merfolkSex1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="merfolkSex1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="bigBoySex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="bigBoySex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="bigBoySex1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="bigBoySex1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="drunkBJ1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="drunkBJ1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="calebDA0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="calebDA0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="ratSex0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="ratSex0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="trollSex1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="trollSex1"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="captainBJ0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="captainBJ0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="thiefBJ0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="thiefBJ0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="everettBJ0"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="everettBJ0"].room-background.sexScene ~ .dialogue-layer .portrait-body,
[class*="boSex1"].room-background.sexScene ~ .dialogue-layer .dialogue-box,
[class*="boSex1"].room-background.sexScene ~ .dialogue-layer .portrait-body  {
  bottom: 800px;
  left: 50px;
}

/* Stitch */

.loading-stitch::after {
  content: "\e9e9";
  position: absolute;
  top: 40px;
  left: 930px;
  animation: rotating 2s linear infinite;
  height: 80px;
  width: 80px;
  font-size: 5rem;
  transform-origin: center;
}
.loading-stitch {
  display: none;
  background: linear-gradient(0deg, transparent 2%, #3c155a 10%,#3c155a85 90%, transparent 98%);
  z-index: 999999;
  position: absolute;
  height: 170px;
  width: 1920px;
  font-size: 0;
  text-align: center;
  padding-top: 120px;
  top: 370px;
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* GUIDE */
.guide-root {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(45deg, #1c1331, #8d70d3, #8d70d3);
  z-index: 1000;
}
.guide-root .title {
  height: 85px;
  width: 1920;
  background: var(--base-bg-color);
  border-bottom: var(--base-border);
  font-size: 60px;
  padding-left: 30px;
}
.guide-root .content {
  display: inline-block;
  vertical-align: top;
  height: 995px;
  width: 1480px;  
}
.guide-root .themes {
  display: inline-block;
  vertical-align: top;
  height: 995px;
  width: 430px;
  background: var(--base-bg-color);
  border-left: var(--base-border);
}

.guide-root .themes button {
  height: 80px;
  width: 400px;
  margin-left: 30px;
  margin-top: 40px;
  cursor: pointer;
}

.guide-root .content .intro,
.guide-root .content .tab-section {
  background: #311847;
  margin: 0;
  width: 1490px;
  height: 995px;
}

.guide-root .content .tab-section {
  display: none;
}

.guide-root .content .intro {
  white-space: pre-line;
  padding: 0 100px;
}

.guide-root .content .tab-section .section-body {
  overflow-y: scroll;
  overflow-x: hidden;
  vertical-align: top;
  width: 1140px;
  display: inline-block;
  padding-left: 60px;
  padding-right: 30px;
  height: 995px;
}
.guide-root .content .tab-section .section-body,
.guide-root .content .tab-section .section-body span {
  white-space: pre-line;
  text-shadow: none;
  font-size: 30px;
}
.guide-root .content .tab-section .section-body h2 {
  font-size: 35px;
  margin-bottom: 0;
}
.guide-root .content .tab-section .section-body h3 {
  font-size: 30px;
  margin-bottom: 0;
}
.guide-root .content .walkthrough .section-body .path-section {
  font-size: 30px;
  text-shadow: none;
  padding: 0 20px;
  margin: 0;
}
.guide-root .content .tab-section .section-body .items-section {
  font-size: 25px;
  padding: 5px 15px;
  border-left: 4px solid var(--base-accent-color);
  text-shadow: none;
  margin: 15px 45px;
}
.guide-root .content .recruits .recruit-finished::before,
.guide-root .content .walkthrough .chapter-finished::before {
    display: inline-block;
    content: "\e835";
    color: var(--base-accent-color);
    vertical-align: middle;
    margin-left: 5px;
}
.guide-root .content .recruits .rec-sections .recruit-finished::before,
.guide-root .content .walkthrough .walk-sections .chapter-finished::before {
  font-size: 30px;
  float: right;
}
.guide-root .content .recruits .recruit-finished.complete::before,
.guide-root .content .walkthrough .chapter-finished.complete::before {
  content: "\f1fe";
  color: #3b9f18;
}

.guide-root .content .tab-section .section-item-list {
  vertical-align: top;
  display: inline-block;
  width: 340px;
  height: 995px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 10px;
}
.guide-root .content .tab-section h1 {
  margin: 10px -10px;
}
.guide-root .content .tab-section .section-item-list h1 {
  margin: 10px 0;
}
.guide-root .content .tab-section .section-item-list h2 {
  margin: 10px 0;
  font-size: 35px;
}
.guide-root .content .tab-section .section-item-list h3 {
  margin: 10px 0;
  font-size: 30px;
}
.guide-root .content .tab-section .section-item-list a {
  display: block;
  font-size: 30px;
  text-decoration: none;
  border-bottom: 2px var(--base-accent-color) solid;
  padding: 5px 6px;
  cursor: pointer;
  margin: 0 4px;
  white-space: pre-line;
}
.guide-root .content .tab-section .section-item-list a:hover {
  background-color: var(--base-bg-hover);
}
.guide-root .content .tab-section .section-item-list a.first {
  border-top: 2px var(--base-accent-color) solid;
}
.guide-root .content .separator {
  border-bottom: 4px solid var(--base-accent-color);
  width: 103.5%;
  margin: 20px -35px;
}

.guide-root .content .items .section-it-exp {
  cursor: pointer;
}
.guide-root .content .items .section-it-exp::before {
  display: inline-block;
  content: "\e5cc";
  color: var(--base-accent-color);
  vertical-align: middle;
}
.guide-root .content .items .section-it-exp.open::before {
  content: "\e313";
}