:root {
  --primary:#3E044D;
  --secondary:#5d046e;
  --success:#094d0c;
  --danger: #d90005;
  --warning:#d93f34;
  --info:#3E044D;
  --light:#feffe2;
  --light-tinted: rgba(93, 4, 110, 0.38);
  --dark:#000000;
}

p {
  display: block;
}

hr {
  width: 100%;
  background-color: var(--primary);
}

#chapter-select-section {
  margin-top: 0.5em;
  margin-bottom: 0.2em;
}
#chapter-select-section .chapter-navigation {
  display: flex;
  flex-wrap: wrap;
}
#chapter-select-section .chapter-navigation .go-to-chapter {
  border: 1px dashed var(--primary);
  color: var(--primary);
  font-size: 1.5em;
  font-weight: bold;
  margin-left: 0.2em;
  margin-right: 0.2em;
  cursor: pointer;
}
#chapter-select-section .chapter-navigation .go-to-chapter.active {
  color: var(--light);
  background-color: var(--primary);
}

.show-highlights .HIGHLIGHT[sensetouch] {
  background-color: #8cff32;
}
.show-highlights .HIGHLIGHT[sensetaste] {
  background-color: #abff32;
}
.show-highlights .HIGHLIGHT[sensesound] {
  background-color: #d4ff32;
}
.show-highlights .HIGHLIGHT[sensesmell] {
  background-color: #e9ff32;
}
.show-highlights .HIGHLIGHT[sensesight] {
  background-color: #fdff32;
}
.show-highlights .HIGHLIGHT[foreshadow] {
  background-color: #fde995;
}
.show-highlights .HIGHLIGHT[bond] {
  background-color: #ff9fae;
}
.show-highlights .HIGHLIGHT[flaw] {
  background-color: #a7e0f6;
}
.show-highlights .HIGHLIGHT[ideal] {
  background-color: #e196ff;
}
.show-highlights .HIGHLIGHT[bondmc] {
  background-color: #e58f9c;
}
.show-highlights .HIGHLIGHT[flawmc] {
  background-color: #96c9dd;
}
.show-highlights .HIGHLIGHT[idealmc] {
  background-color: #d364ff;
}

.chapter-navigation-buttons {
  display: flex;
  flex-wrap: wrap;
}
.chapter-navigation-buttons div, .chapter-navigation-buttons button {
  padding-right: 1em;
}

.main-view-holder {
  font-size: 2em;
}
.main-view-holder #forge-page-insert-point {
  resize: horizontal;
}
.main-view-holder #forge-about-insert-point {
  position: sticky;
  display: none;
  padding: 1em;
  top: 0;
  right: 0;
  width: calc(100vw - 2em);
  height: calc(100vh - 2em);
  overflow-y: auto;
  background-color: var(--light);
}
.main-view-holder #forge-about-insert-point.active {
  display: block;
}

@media (orientation: landscape) {
  .main-view-holder {
    display: grid;
    grid-area: auto;
  }
  .main-view-holder #forge-page-insert-point {
    grid-column: 1;
    grid-row: 1;
    padding-right: 1em;
    overflow-y: auto;
    height: 90vh;
  }
  .main-view-holder #forge-about-insert-point {
    display: unset;
    width: unset;
    grid-column: 2;
    grid-row: 1;
    position: unset;
    height: 90vh;
    padding: unset;
    overflow-y: auto;
  }
  .main-view-holder #forge-about-insert-point button.close {
    display: none;
  }
}
button {
  font-size: 2em;
  box-sizing: border-box;
  margin: 1em;
}

.quoteHolder {
  margin-top: 0.3em;
}
.quoteHolder .quote p {
  display: inline;
  margin-right: 3px;
}
.quoteHolder .quote .SPEAKERPRINTALTERNATE {
  display: none;
}
.quoteHolder .quote .SPEAKER {
  padding-right: 1em;
}

.quote, .QUOTE {
  text-decoration: underline;
}

.commentary .commentary-label, .commentary .commentary-situational-label, .commentary-situational .commentary-label, .commentary-situational .commentary-situational-label {
  font-weight: bold;
  margin-top: 1em;
}
.commentary .commentary-holder p, .commentary .commentary-situational-holder p, .commentary-situational .commentary-holder p, .commentary-situational .commentary-situational-holder p {
  margin-block-start: unset;
  margin-block-end: unset;
}

.CROSS_REFERENCE, .REF_CHARACTER, .REF_DEFINITION, .REF_ITEM, .REF_ABILITY, .REF_MONSTER, .REF_CLASS, .REF_TABLE, .REF_CHAPTER {
  font-weight: bold;
  color: var(--primary);
  cursor: pointer;
}

.COMMENTARY {
  display: none;
}

.SYSTEMPROMPT {
  padding: 1em;
  background-color: var(--primary);
  color: var(--light);
  font-weight: bold;
}
.SYSTEMPROMPT p {
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}
.SYSTEMPROMPT b {
  font-weight: lighter;
}
.SYSTEMPROMPT .CROSS_REFERENCE, .SYSTEMPROMPT .REF_CHARACTER, .SYSTEMPROMPT .REF_DEFINITION, .SYSTEMPROMPT .REF_ITEM, .SYSTEMPROMPT .REF_ABILITY, .SYSTEMPROMPT .REF_MONSTER, .SYSTEMPROMPT .REF_CLASS, .SYSTEMPROMPT .REF_TABLE, .SYSTEMPROMPT .REF_CHAPTER {
  color: var(--warning);
}

.STRIKE {
  text-decoration: line-through;
}

.SMS, .SPEECH_BUBBLE {
  padding-left: 2em;
  text-indent: -2em;
}
.SMS .SPEAKERPRINTALTERNATE, .SPEECH_BUBBLE .SPEAKERPRINTALTERNATE {
  display: none;
}
.SMS .SPEECH, .SPEECH_BUBBLE .SPEECH {
  padding: 0.1em;
  margin: 0.1em;
  font-size: 1.1em;
  width: fit-content;
}
.SMS .SPEECH p, .SPEECH_BUBBLE .SPEECH p {
  color: #24022c;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  width: fit-content;
  margin-left: 0.5em;
}
.SMS .SPEECH p:nth-child(1), .SPEECH_BUBBLE .SPEECH p:nth-child(1) {
  margin-left: unset;
  display: inline;
}

#forge-chapter-content.include-commentary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1em;
}
#forge-chapter-content.include-commentary p, #forge-chapter-content.include-commentary div, #forge-chapter-content.include-commentary h1, #forge-chapter-content.include-commentary h2, #forge-chapter-content.include-commentary h3 {
  grid-column: 1;
}
#forge-chapter-content.include-commentary hr {
  grid-column: 1/3;
}
#forge-chapter-content.include-commentary div.COMMENTARY {
  grid-column: 2;
  display: block;
}
#forge-chapter-content .cross-reference-display {
  max-width: 40em;
  border: 1px solid var(--primary);
  border-radius: 1em;
  padding: 1em;
}
#forge-chapter-content button, #forge-chapter-content .button {
  cursor: pointer;
  margin: 1em;
}
#forge-chapter-content label, #forge-chapter-content input, #forge-chapter-content select {
  font-size: 1.5em;
}
#forge-chapter-content input[type=checkbox] {
  height: 1.2em;
  width: 1.2em;
}
#forge-chapter-content .spoiler-holder {
  width: fit-content;
  padding: 0.2em;
  border: 1px solid var(--primary);
}
#forge-chapter-content .spoiler-holder .SPOILER {
  display: none;
}
#forge-chapter-content .spoiler-holder.visible .SPOILER {
  display: block;
}
#forge-chapter-content .spoiler-holder.visible .spoiler-warning {
  display: none;
}
#forge-chapter-content button, #forge-chapter-content .button {
  font-size: 3em;
}
#forge-chapter-content .speaker {
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 0.5em;
}
#forge-chapter-content .character .character-name {
  font-weight: bold;
  margin-right: 1em;
}
#forge-chapter-content table {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  display: block;
  overflow-x: auto;
}
#forge-chapter-content table caption {
  font-size: 3rem;
}
#forge-chapter-content table td, #forge-chapter-content table th {
  border: 1px solid var(--primary);
  padding: 0 0.3em;
  text-align: center;
}
#forge-chapter-content table thead, #forge-chapter-content table th {
  background-color: var(--primary);
  color: var(--light);
}
#forge-chapter-content table thead .CROSS_REFERENCE, #forge-chapter-content table thead .REF_CHARACTER, #forge-chapter-content table thead .REF_DEFINITION, #forge-chapter-content table thead .REF_ITEM, #forge-chapter-content table thead .REF_ABILITY, #forge-chapter-content table thead .REF_MONSTER, #forge-chapter-content table thead .REF_CLASS, #forge-chapter-content table thead .REF_TABLE, #forge-chapter-content table thead .REF_CHAPTER, #forge-chapter-content table th .CROSS_REFERENCE, #forge-chapter-content table th .REF_CHARACTER, #forge-chapter-content table th .REF_DEFINITION, #forge-chapter-content table th .REF_ITEM, #forge-chapter-content table th .REF_ABILITY, #forge-chapter-content table th .REF_MONSTER, #forge-chapter-content table th .REF_CLASS, #forge-chapter-content table th .REF_TABLE, #forge-chapter-content table th .REF_CHAPTER {
  text-decoration: underline;
  color: var(--light);
}
#forge-chapter-content table tbody tr:nth-of-type(even) {
  background-color: var(--light-tinted);
}
#forge-chapter-content table tbody tr:hover {
  background-color: var(--secondary);
  color: var(--light);
}
#forge-chapter-content p {
  overflow-x: auto;
  margin-block-start: 0.2em;
  margin-block-end: 0.2em;
}
#forge-chapter-content #alert-holder {
  position: fixed;
  top: 0;
  right: 0;
}
#forge-chapter-content #alert-holder .alert {
  margin: 1em;
  padding: 1em;
}
#forge-chapter-content #alert-holder .alert.success {
  background-color: green;
  color: white;
}
#forge-chapter-content #alert-holder .alert.warning {
  background-color: yellow;
}
#forge-chapter-content #alert-holder .alert.error {
  background-color: red;
  color: white;
}
#forge-chapter-content #alert-holder .alert.info {
  background-color: deepskyblue;
}

@media only print {
  div#buttons-holder {
    display: none;
  }
  .main-view-holder {
    display: none;
  }
  .main-view-holder #forge-about-insert-point, .main-view-holder #forge-page-insert-point {
    display: none;
  }
  div.no-print-banner {
    display: block;
    font-size: 2em;
  }
  .dev {
    line-height: 4em;
    font-size: 11px;
  }
  .dev #buttons-holder {
    display: none;
  }
  .dev .main-view-holder {
    display: block;
  }
  .dev .main-view-holder #forge-page-insert-point {
    display: block;
    height: unset;
    overflow-y: hidden;
  }
  .dev .main-view-holder #forge-page-insert-point #chapter-select-top {
    display: none;
  }
  .dev .main-view-holder #forge-page-insert-point .advancement-buttons, .dev .main-view-holder #forge-page-insert-point .advancement-buttons-top {
    display: none;
  }
  .dev .main-view-holder #forge-page-insert-point .forge-chapter-content {
    counter-reset: section;
  }
  .dev .main-view-holder #forge-page-insert-point .forge-chapter-content > div > p::before, .dev .main-view-holder #forge-page-insert-point .forge-chapter-content .SPEECH_BUBBLE::before, .dev .main-view-holder #forge-page-insert-point .forge-chapter-content .COMMENTARY::before {
    counter-increment: section;
    content: "" counter(section) ": ";
  }
  .dev div.no-print-banner {
    display: none;
  }
}
.tab-holder .tab-navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.tab-holder .tab-navigation .tab-nav {
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-radius: 0.3em 0.3em 0 0;
  margin-right: 1em;
  padding: 0.3em;
  cursor: pointer;
}
.tab-holder .tab-navigation .tab-nav:hover {
  background-color: var(--primary);
  color: var(--light);
}
.tab-holder .tab-navigation .tab-nav.active {
  font-weight: bold;
}
.tab-holder .tab-body .tab-content {
  display: none;
}
.tab-holder .tab-body .tab-content.active {
  display: block;
}
.tab-holder .tab-body .tab-content.tab-content-references ul {
  list-style-type: square;
}

.image-holder.image-reference {
  cursor: pointer;
}
.image-holder img {
  max-width: 100%;
}

.no-print-banner {
  display: none;
}

@media (orientation: landscape) {
  button, .button {
    font-size: unset;
    margin: 0.3em;
  }
  #forge-chapter-content > div, #forge-chapter-content > p {
    padding-left: 1em;
  }
  #forge-chapter-content > p {
    text-indent: 1em;
  }
  #forge-chapter-content > div.SMS, #forge-chapter-content > div.SPEECH_BUBBLE {
    padding-left: 3em;
    text-indent: -3em;
  }
}

/*# sourceMappingURL=forge.css.map */