@font-face {
  font-family: 'Lazar';
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url(/custom_fonts/Lazar1389.otf) format("opentype"); 
}

@font-face {
  font-family: 'Nuernberg';
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url(/custom_fonts/Nuernberg.ttf) format("truetype"); 
}

@font-face {
  font-family: 'NKDuy';
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Italic';
  src: url(/custom_fonts/NKDuy/NKDuyMono-Italic[wght].ttf) format("truetype"); 
}

@font-face {
  font-family: 'NKDuy';
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url(/custom_fonts/NKDuy/NKDuyMono[wght].ttf) format("truetype"); 
}

@font-face {
  font-family: 'Pixelcastle';
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url(/custom_fonts/Pixelcastle-Regular.otf) format("opentype"); 
}

@font-face {
  font-family: 'Darksoul';
  font-display: swap;
  font-style: normal;
  src: url(/custom_fonts/Darksoul.otf) format("opentype");
}

div#world-description {
  display: none;
}

div#main-background {
  /* background: url(../ui/backgrounds/hero.webp) no-repeat; */
  background: black;
  background-size:cover;
}

/* header#main-header {
  display: none;
} */

div#main-title {
  font-family: "Lazar";
  font-size: 10em;
  display: flex;
  flex-direction: row;
  gap: 0.2rem;
}

header#main-custom-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

img#main-logo {
  width: 100%;
  max-width: 500px;
  height: auto;
}

div > #title-first {
  color: #ffffff;
}
div > #title-third {
  color: #ffffff;
}
div > #title-second {
  color: #EA0E6C;
}

div#sub-title {
  font-family: "Darksoul";
  font-size: 3em;
}

input {
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #ffffff;
}

select {
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #ffffff;
}

input::placeholder {
  color: #ffffff61;
}

button {
  color: #ffffff;
  background-color: #EA0E6C;
  border: none;
}

#software-version {
  display: none;
}

form#join-game {
  max-width: 400px;
}

h2.divider {
  display: none;
}

h2.item.divider {
  display: block; 
}

div.return-setup {
  display: none;
}

div.game-details {
  display: none;
}

.app {
  background: black;
  box-shadow: none;
}

body {
  font-family: "NKDuy";
  color: rgba(255, 255, 255, 0.795);
  background-image: none;
}

img#logo {
  display: none;
}

li.scene.nav-item.view.active {
  border-bottom: none !important;
  border: 4px solid #EA0E6C !important;
  background: black !important;
  &:hover {
    background: #EA0E6C !important;
    transition: background 0.2s ease;
  }
}

li.scene.nav-item {
  border: 4px solid transparent !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  background: black !important;
  color: #ffffff !important;
  &:hover {
    background: #EA0E6C !important;
    transition: background 0.2s ease;
  }
}

#nav-toggle {
  background: black !important;
  border: none !important;
  color: #ffffff !important;
}

#controls ol.control-tools > li {
  background: black;
  border: 3px solid transparent;
  color: #ffffff;
  box-shadow: none;
  border-radius: 0px;

  &:hover {
    background: #EA0E6C;
    transition: background 0.2s ease;
  }

}

#controls ol.control-tools > li.active, #controls ol.control-tools > li:hover {
  box-shadow: none;
  border: 3px solid #EA0E6C;
}

#players {
  /* backdrop-filter: blur(10px); */
  border-radius: 0px;
  border: none;
  background: #000000b3;
  color: #ffffff;
}

#players h3 {
  border-bottom: 2px solid #EA0E6C;
}

#sidebar {
  /* backdrop-filter: blur(10px); */
  border-radius: 0px;
  border: none;
  background: #000000b3;
  color: #ffffff;
}

#sidebar-tabs > .item.active {
  background: #EA0E6C;
  color: #ffffff;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}

.tabs .item.active {
  text-shadow: none;
}

#sidebar-tabs {
  border-bottom: 2px solid #EA0E6C;
  box-shadow: none;
}

.chat-message {
  background: transparent;
  border: 2px solid #EA0E6C !important;
  box-shadow: none;
  color: #ffffff;
  padding: 0px;
  margin: 3px;
}

.chat-message .message-header {
  background: transparent;
  color: #ffffff;
  padding: 5px;
}


#chat-log .message-content {
  padding: 5px;
}

.roll-result-box {
  background: transparent;
  color: #ffffff;
  border: none;
}

.chat-message .message-header .message-sender {
  font-family: 'Darksoul';
  font-size: 2.5em;
  line-height: 30px;
}

#chat-log .roll-result-hr {
  display: none;
}

#chat-log .roll-difficulty {  
  color: #d0d0d0;
}

#chat-log .effect1920 {
  color: #729B79;
  font-family: "Pixelcastle";
  font-size: 2.5em;
}

ol#chat-log .note-roll-dialog {
  color: #D5A021;
}

#chat-log .intrusion {
  color: #deab33;
  font-family: "Pixelcastle";
  font-size: 2.5em;
}

.dice-roll .dice-formula, .dice-roll .dice-total {
  color: #ffffffb6;
  border: none;
  box-shadow: none;
}

.dice-roll .dice-formula{
  background: #ffffff;
  color: #000000;
}

#chat-log .roll-flavor {
  color: #ffffff;
}

.roll-result-box.box1920 {
  background: transparent;
  color: #ffffff;
  border: none;
}

section.chat-sidebar .jump-to-bottom > a {
  background: black;
}

#chat-controls .roll-type-select {
  background: #ffffff;
  color: #000000;
}

select:focus {
  border: 2px solid #EA0E6C;
  box-shadow: none;
}

#sidebar-tabs > .item.active {
  border-radius: 0px;
}

#chat-form textarea {
  background: #ffffff;
  color: #000000;
  border: none;
  box-shadow: none;
}

a:hover {
  color: #EA0E6C;
  text-shadow: none;
}

::-webkit-scrollbar-thumb {
  background: #EA0E6C;
  border: none;
}

#hotbar .macro {
  background: #000000b3;
  color: #ffffff;
  border: none;
  box-shadow: none;
  border-radius: 0px;
  /* backdrop-filter: blur(15px); */
}


#hotbar .macro.active:hover {
  background: #EA0E6C;
  color: #ffffff;
  box-shadow: none;
  border: none;
}

/* select all but the last hotbar macro */
#hotbar .macro:not(:last-child) {
  border-right: 2px solid #EA0E6C;
}

#hotbar .macro:not(:last-child):hover {
  border-right: 2px solid #EA0E6C;
}

#hotbar .macro.inactive {
  box-shadow: none;
}

#hotbar #macro-list {
  border: none;
}

#hotbar .macro .macro-key {
  color: #ffffff;
  background: #EA0E6C;
  top: 0px;
  right: 0px;
}

#hotbar .bar-controls {
  background: #000000b3;
  color: white;
  border: none;
  box-shadow: none;
  border-radius: 0px;
  /* backdrop-filter: blur(15px); */
}

.scene-name:hover {
  color: white;
}

.directory .directory-item .document-name {
  font-family: 'Darksoul';
  font-size: 2.5em;
  color: #ffffff;
}

.window-app .window-content {
  background: black;
  color: #ffffff;
}

.package-configuration aside.sidebar nav.tabs .category-tab.active {
  border-bottom: 1px solid #EA0E6C;
}

div#world-description {
  display: none;
}

div#main-background {
  /* background: url(../ui/backgrounds/hero.webp) no-repeat; */
  background: black;
  background-size:cover;
}

/* header#main-header {
  display: none;
} */

div#main-title {
  font-family: "Lazar";
  font-size: 10em;
  display: flex;
  flex-direction: row;
  gap: 0.2rem;
}

header#main-custom-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

img#main-logo {
  width: 100%;
  max-width: 500px;
  height: auto;
}

div > #title-first {
  color: #ffffff;
}
div > #title-third {
  color: #ffffff;
}
div > #title-second {
  color: #EA0E6C;
}

div#sub-title {
  font-family: "Darksoul";
  font-size: 3em;
}

input {
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #ffffff;
}

select {
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #ffffff;
}

input::placeholder {
  color: #ffffff61;
}

button {
  color: #ffffff;
  background-color: #EA0E6C;
  border: none;
}

#software-version {
  display: none;
}

form#join-game {
  max-width: 400px;
}

h2.divider {
  display: none;
}

div.return-setup {
  display: none;
}

div.game-details {
  display: none;
}

.app {
  background: black;
  box-shadow: none;
  /* border: 2px solid #EA0E6C; */
}

body {
  font-family: "NKDuy";
  color: rgba(255, 255, 255, 0.795);
  background-image: none;
}

img#logo {
  display: none;
}

li.scene.nav-item.view.active {
  border-bottom: none !important;
  border: 4px solid #EA0E6C !important;
  background: black !important;
  &:hover {
    background: #EA0E6C !important;
    transition: background 0.2s ease;
  }
}

li.scene.nav-item {
  border: 4px solid transparent !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  background: black !important;
  color: #ffffff !important;
  &:hover {
    background: #EA0E6C !important;
    transition: background 0.2s ease;
  }
}

#nav-toggle {
  background: black !important;
  border: none !important;
  color: #ffffff !important;
}

#controls ol.control-tools > li {
  background: black;
  border: 3px solid transparent;
  color: #ffffff;
  box-shadow: none;
  border-radius: 0px;

  &:hover {
    background: #EA0E6C;
    transition: background 0.2s ease;
  }

}

#controls ol.control-tools > li.active, #controls ol.control-tools > li:hover {
  box-shadow: none;
  border: 3px solid #EA0E6C;
}

#players {
  /* backdrop-filter: blur(10px); */
  border-radius: 0px;
  border: none;
  background: #000000b3;
  color: #ffffff;
}

#players h3 {
  border-bottom: 2px solid #EA0E6C;
}

#sidebar {
  backdrop-filter: blur(10px);
  border-radius: 0px;
  border: none;
  background: #000000b3;
  color: #ffffff;
}

#sidebar-tabs > .item.active {
  background: #EA0E6C;
  color: #ffffff;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}

.tabs .item.active {
  text-shadow: none;
}

#sidebar-tabs {
  border-bottom: 2px solid #EA0E6C;
  box-shadow: none;
}

.chat-message {
  background: transparent;
  border: 2px solid #EA0E6C !important;
  box-shadow: none;
  color: #ffffff;
  padding: 0px;
  margin: 3px;
}

.chat-message .message-header {
  background: transparent;
  color: #ffffff;
  padding: 5px;
}


#chat-log .message-content {
  padding: 5px;
}

.roll-result-box {
  background: transparent;
  color: #ffffff;
  border: none;
}

.chat-message .message-header .message-sender {
  font-family: 'Darksoul';
  font-size: 2.5em;
  line-height: 30px;
}

#chat-log .roll-result-hr {
  display: none;
}

#chat-log .roll-difficulty {  
  color: #d0d0d0;
}

#chat-log .effect1920 {
  color: #729B79;
  font-family: "Pixelcastle";
  font-size: 2.5em;
}

ol#chat-log .note-roll-dialog {
  color: #D5A021;
}

#chat-log .intrusion {
  color: #deab33;
  font-family: "Pixelcastle";
  font-size: 2.5em;
}

.dice-roll .dice-formula, .dice-roll .dice-total {
  color: #ffffffb6;
  border: none;
  box-shadow: none;
}

.dice-roll .dice-formula{
  background: #ffffff;
  color: #000000;
}

#chat-log .roll-flavor {
  color: #ffffff;
}

.roll-result-box.box1920 {
  background: transparent;
  color: #ffffff;
  border: none;
}

section.chat-sidebar .jump-to-bottom > a {
  background: black;
}

#chat-controls .roll-type-select {
  background: #ffffff;
  color: #000000;
}

select:focus {
  border: 2px solid #EA0E6C;
  box-shadow: none;
}

#sidebar-tabs > .item.active {
  border-radius: 0px;
}

#chat-form textarea {
  background: #ffffff;
  color: #000000;
  border: none;
  box-shadow: none;
}

a:hover {
  color: #EA0E6C;
  text-shadow: none;
}

::-webkit-scrollbar-thumb {
  background: #EA0E6C;
  border: none;
}

#hotbar .macro {
  background: #000000b3;
  color: #ffffff;
  border: none;
  box-shadow: none;
  border-radius: 0px;
  /* backdrop-filter: blur(15px); */
}


#hotbar .macro.active:hover {
  background: #EA0E6C;
  color: #ffffff;
  box-shadow: none;
  border: none;
}

/* select all but the last hotbar macro */
#hotbar .macro:not(:last-child) {
  border-right: 2px solid #EA0E6C;
}

#hotbar .macro:not(:last-child):hover {
  border-right: 2px solid #EA0E6C;
}

#hotbar .macro.inactive {
  box-shadow: none;
}

#hotbar #macro-list {
  border: none;
}

#hotbar .macro .macro-key {
  color: #ffffff;
  background: #EA0E6C;
  top: 0px;
  right: 0px;
}

#hotbar .bar-controls {
  background: #000000b3;
  color: white;
  border: none;
  box-shadow: none;
  border-radius: 0px;
  /* backdrop-filter: blur(15px); */
}

.scene-name:hover {
  color: white;
}

.directory .directory-item .document-name {
  font-family: 'Darksoul';
  font-size: 2.5em;
  color: #ffffff;
}

.window-app .window-content {
  background: black;
  color: #ffffff;
}

.package-configuration aside.sidebar nav.tabs .category-tab.active {
  border-bottom: 1px solid #EA0E6C;
}

.sheet.journal-entry .journal-entry-content {
  background: black;
}
input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="time"], input[type="search"] {
  color: #ffffff;
}

h1 {
  font-size: 4em;
  border-bottom: 2px solid #EA0E6C;
}

h2 {
  font-size: 3.5em;
  border-bottom: 2px solid #EA0E6C;
}

h3 {
  font-size: 3em;
  border-bottom: 2px solid #EA0E6C;
}

h4 {
  font-size: 2.5em;
}

h5 {
  font-size: 2em;
}

h6 {
  font-size: 1.5em;
}


h1, h2, h3, h4, h5, h6 {
  font-family: "Darksoul";
}

.sheet.journal-entry h4 {
  font-size: 2.5em;
  border-bottom: 2px solid #EA0E6C;
}


.sheet.journal-entry .pages-list .directory-item.active:last-of-type {
  border-bottom: 1px solid #EA0E6C;
}

.sheet.journal-entry .pages-list .directory-item.active:first-of-type {
  border-top: 1px solid #EA0E6C;
}

.sheet.journal-entry .pages-list .directory-item:not(.active) + .active {
  border-top: 1px solid #EA0E6C;
}

.sheet {
  border: 2px solid #EA0E6C;
  /* Vintage-looking box shadow */
  box-shadow: 0 0 0 2px #EA0E6C, 0.25em 0.25em 0.5em 0 rgba(0, 0, 0, 0.5);
}

.sheet.journal-entry .journal-header .title {
  font-family: "Darksoul";
  font-size: 3em;
}

.sheet.journal-entry h4 {
  font-size: 1.5em;
}

li.folder > .folder-header h3 {
  font-family: "Darksoul";
  font-size: 2.5em;
}

.window-app .window-header .window-title {
  font-size: 1.5em;
}

.playlists-sidebar h4 {
  font-family: 'NKDuy';
  font-size: 1em;
}

.sheet.journal-entry {
  border: 2px solid #EA0E6C;
}

.sheet.journal-entry-page {
  border: 2px solid #EA0E6C;
}

.window-app .window-resizable-handle {
  background: #EA0E6C;
  border: none;
}

.directory .directory-item.context, .directory .directory-item.active {
  border-color: #EA0E6C;
}

.sheet.journal-entry .pages-list .directory-item.active + :not(.active) {
  border-top: 1px solid #EA0E6C;
}

.prosemirror menu .pm-dropdown {
  background: #EA0E6C;
  color: #ffffff;
  border: none;
}

table {
  padding: 10px;
  border-radius: 5px;
  border-spacing: 0;
  border-collapse: separate;
  border: none;
}

table th {
  background-color: #EA0E6C;
  border: 1px solid #EA0E6C;
  text-align: left;
  padding: 5px;
}

table td {
  padding: 5px;
  border: 1px solid #EA0E6C;
  border-right: none;
  border-top: none;
}

table tr {
  background-color: transparent !important;
}

/* select the first cell of each row */
table tr td:first-child {
  border-left: 1px solid #EA0E6C !important;
}

/* select the last cell of each row */
table tr td:last-child {
  border-right: 1px solid #EA0E6C !important;
}

/* select the first cell of the last row */
table tr:last-child td:first-child {
  border-bottom-left-radius: 5px !important;
}

/* select the last cell of the last row */
table tr:last-child td:last-child {
  border-bottom-right-radius: 5px !important;
}

/* select the first cell of the header row */
table tr:first-child td:first-child {
  border-top-left-radius: 5px !important;
  border-top: 1px solid #EA0E6C !important;
}

/* select the last cell of the header row */
table tr:first-child td:last-child {
  border-top-right-radius: 5px !important;
  border-top: 1px solid #EA0E6C !important;
}

.prosemirror .tableWrapper th, .prosemirror .tableWrapper td {
  border-left: 1px solid #EA0E6C;
  border-right: 1px solid #EA0E6C;
}

a.content-link, a.inline-roll {
  background: #EA0E6C;
  color: #ffffff;
  border: none;
}

a.content-link i, a.inline-roll i {
  color: #ffffff;
}

.roll-table-config table.table-results .table-header {
  background: transparent;
  border: none;
}

.roll-table-config table.table-results .table-result .result-image {
  height: 100%;
}

.table-results td {
  border: none !important;
}

.table-results tr:first-child td:last-child {
  border: none !important;
}

.table-results tr td:last-child {
  border: none !important;
}

.roll-table-config table.table-results .table-result > td, .roll-table-config table.table-results .table-result th {
  margin-right: 0px;
  line-height: unset;
}

.roll-table-config table.table-results .table-result .result-range input {
  width: 26px;
}

.roll-table-config table.table-results .table-result .result-image img {
  filter: invert(1);
}

.roll-table-config table.table-results .table-result input[type="text"] {
  border: 1px solid #EA0E6C;
}

.journal-entry-page.text textarea.markdown-editor {
  color: white;
}

.macro-sheet .form-group.command textarea {
  background: #ffffff;
  color: #000000;
  border: none;
  box-shadow: none;
}

.app.sidebar-popout {
  border: 2px solid #EA0E6C;
}

.cyphersystem .items-list .item-name {
  font-family: "NKDuy";
  font-size: 1em;
}

.flex-group-center, .flex-group-left, .flex-group-right {
  background-color: #EA0E6C;
  border: none;
}
.cyphersystem .stat-pool {
  background-color: #000;
  border: none;
}

.cyphersystem .resource-label {
  font-family: 'Darksoul';
  font-size: 2em;
}

.cyphersystem .resource-label-additional {
  font-family: 'Darksoul';
  font-size: 2em;
}

.cyphersystem .tabs .item.active {
  background: #EA0E6C;
  color: #ffffff;
  border: none;
  border-radius: 3px;
  box-shadow: none;
}

.cyphersystem nav.sheet-tabs .item {
  background: #000000b3;
  color: #ffffff;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  margin: 5px;
  font-family: 'Darksoul';
  font-size: 2em;
  padding: 5px !important;

  &:hover {
    background: #EA0E6C;
    color: #ffffff;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    transition: background 0.2s ease;
  }
}

.cyphersystem .sheet-body .tab {
  border: none;
}

.cyphersystem nav.sheet-tabs .item[data-tab='notes'] {
  font-size: 1.25em;
}

.cyphersystem nav.sheet-tabs .item[data-tab='gm-notes'] {
  font-size: 1.25em;
}

.cyphersystem nav.sheet-tabs .item[data-tab='description'] {
  font-size: 1.25em;
}

.cyphersystem nav.sheet-tabs .item[data-tab='settings'] {
  font-size: 1.25em;
}

.cyphersystem .items-list .item-controls {
  font-size: 1.25em;
}

.cyphersystem .items-list .item-cypher-limit > label {
  font-family: "NKDuy";
  font-size: 1em;
}

.cyphersystem input[name="name"] {
  font-family: "Darksoul";
  font-size: 3em;
  height: unset;
}

.cyphersystem .items-list .item:last-child {
  border-bottom: 1px solid #EA0E6C
}

.cyphersystem .items-list .item~.item {
  border-top: 1px solid #EA0E6C;
}

.cyphersystem .hr-pool {
  display: none;
}

.cyphersystem input[type="number"].edge-input {
  background: black;
  color: white;
  border: none;
  box-shadow: none;
}


.chat-message.whisper {
  background: rgba(255, 255, 255, 0.25);
}

.cyphersystem .items-list .item-controls {
  display: flex;
  justify-content: space-evenly;
}