.map-background {
    -fx-background-color: lightblue;
}

.floor-display {
    -fx-text-fill: white;
    -fx-font-size: 14px;
    -fx-font-weight: bold;
}

.score-display {
    -fx-text-fill: white;
    -fx-font-size: 14px;
    -fx-font-weight: bold;
}

.health-display {
    -fx-text-fill: white;
    -fx-font-size: 8px;
    -fx-font-weight: bold;
}

.util-background {
    -fx-background-color: #570a0a;
    -fx-border-color: #febf4c;
    -fx-border-width: 2px;
    -fx-padding: 5px 10px;
    -fx-spacing: 15px;
}

.util-header {
    -fx-text-fill: white;
    -fx-font-weight: bold;
    -fx-font-size: 14px;
}

.health-bar .track {
    -fx-background-color: #febf4c, #f0f0f0;
    -fx-background-insets: 0, 2;
}

.health-bar .bar {
    -fx-background-insets: 2;
    -fx-background-color: #41ee41;
}

.health-label {
    -fx-text-fill: black;
    -fx-font-size: 12px;
    -fx-font-weight: bold;
}

.mana-bar .track {
    -fx-background-color: #febf4c, #f0f0f0;
    -fx-background-insets: 0, 2;
}

.mana-bar .bar {
    -fx-background-insets: 2;
    -fx-background-color: #a837fc;
}

.mana-label {
    -fx-text-fill: black;
    -fx-font-size: 12px;
    -fx-font-weight: bold;
}

.experience-bar .track {
    -fx-background-color: #febf4c, #f0f0f0;
    -fx-background-insets: 0, 2;
}

.experience-bar .bar {
    -fx-background-insets: 2;
    -fx-background-color: yellow;
}

.experience-label {
    -fx-text-fill: black;
    -fx-font-size: 12px;
    -fx-font-weight: bold;
}

.movement-bar .track {
    -fx-background-color: #febf4c, #f0f0f0;
    -fx-background-insets: 0, 2;
}

.movement-bar .bar {
    -fx-background-insets: 2;
    -fx-background-color: #ff8c2d;
}

.movement-label {
    -fx-text-fill: black;
    -fx-font-size: 12px;
    -fx-font-weight: bold;
}

.status-scroll {
    -fx-background-color: #cccccc;
    -fx-background-radius: 5px;
    -fx-alignment: center;
    -fx-border-width: 2px;
    -fx-border-radius: 5px;
    -fx-border-color: #febf4c;
}

.status-scroll .viewport {
    -fx-background-color: #cccccc;
    -fx-background-radius: 5px;
    -fx-alignment: center;
}

.status-box {
    -fx-border-radius: 3px;
    -fx-pref-height: 40px;
    -fx-padding: 0px 8px;
    -fx-alignment: center;
    -fx-text-fill: #000000;
}

.status-vbox {
    -fx-alignment: center;
    -fx-spacing: 5px;
}

.effect-container {
    -fx-pref-height: 45px;
    -fx-pref-width: 45px;
}

.effect-duration {
    -fx-font-size: 10px;
    -fx-pref-width: 20px;
    -fx-pref-height: 20px;
    -fx-background-radius: 10px;
    -fx-alignment: center;
    -fx-text-fill: black;
    -fx-background-color: white;
    -fx-font-weight: bold;
}

.no-effects-label {
    -fx-alignment: center;
    -fx-padding: 0px 10px;
}

.collection-modal {
    -fx-background-color: #570a0a;
    -fx-border-color: #febf4c;
    -fx-border-width: 2px;
    -fx-border-radius: 10px;
    -fx-spacing: 5px;
    -fx-alignment: center;
    -fx-padding: 0px 0px 15px 0px;
    -fx-background-radius: 10px;
}

.close-collection {
    -fx-background-color: #4c4449;
    -fx-background-radius: 3px;
    -fx-text-fill: white;
    -fx-border-radius: 3px;
    -fx-border-color: #febf4c;
}

.active-cards {
    -fx-alignment: center;
    -fx-hgap: 2px;
    -fx-vgap: 2px;
}

.inactive-cards {
    -fx-alignment: center;
    -fx-hgap: 2px;
    -fx-vgap: 2px;
}

.card-trash-box {
    -fx-alignment: center-right;
}

.grid-tile {
    -fx-max-height: 32px;
    -fx-max-width: 32px;
    -fx-pref-height: 32px;
    -fx-pref-width: 32px;
}

.title-background {
    -fx-background-color: linear-gradient(to bottom, darkred, black);
}

.title-box {
    -fx-alignment: center;
    -fx-spacing: 20px;
    -fx-padding: 60px 40px;
}

.title {
    -fx-font-size: 60px;
    -fx-font-weight: bold;
    -fx-text-fill: orange;
    -fx-padding: 0 0 15px 0;
}

.score-label {
    -fx-font-size: 20px;
    -fx-text-fill: lightgray;
    -fx-padding: 5px 0px;
}

.start-button {
    -fx-font-size: 18px;
    -fx-background-color: #505050;
    -fx-text-fill: white;
    -fx-font-weight: bold;
    -fx-padding: 10px 20px;
    -fx-background-radius: 12px;
}

.author {
    -fx-font-size: 12px;
    -fx-text-fill: gray;
    -fx-padding: 25px 0 0 0;
}

.end-background {
    -fx-background-color: linear-gradient(to bottom, #505050, black);
}

.end-box {
    -fx-alignment: center;
    -fx-spacing: 20px;
    -fx-padding: 60px 40px;
}

.end-label {
    -fx-font-size: 50px;
    -fx-text-fill: lightgray;
    -fx-font-weight: bold;
    -fx-padding: 0 0 20px 0;
}

.end-button {
    -fx-font-size: 20px;
    -fx-background-color: darkred;
    -fx-text-fill: lightgray;
    -fx-padding: 10px 20px;
    -fx-font-weight: bold;
    -fx-background-radius: 10px;
}

.win-background {
    -fx-background-color: linear-gradient(to bottom, orange, orangered);
}

.win-box {
    -fx-alignment: center;
    -fx-spacing: 20px;
    -fx-padding: 60px 40px;
}

.win-label {
    -fx-font-size: 50px;
    -fx-text-fill: black;
    -fx-font-weight: bold;
    -fx-padding: 0 0 20px 0;
}

.win-button {
    -fx-font-size: 20px;
    -fx-background-color: #dcdcdc;
    -fx-text-fill: black;
    -fx-padding: 10px 20px;
    -fx-font-weight: bold;
    -fx-background-radius: 10px;
}

.bar-box {
    -fx-spacing: 3px;
}


.stats-box {
    -fx-spacing: 5px;
    -fx-alignment: center;
}

.stats-display-box {
    -fx-spacing: 10px;
}

.stat-container {
    -fx-alignment: center;
    -fx-border-color: #febf4c;
    -fx-border-width: 2px;
    -fx-border-radius: 5px;
    -fx-background-color: #4c4449;
    -fx-background-radius: 5px;
    -fx-padding: 5px 0;
}

.stat-name {
    -fx-text-fill: white;
    -fx-font-weight: bold;
    -fx-font-size: 10px;
}

.stat-value {
    -fx-text-fill: white;
    -fx-font-weight: bold;
    -fx-font-size: 14px;
}

.deck-grid {
    -fx-alignment: center;
    -fx-hgap: 2px;
    -fx-vgap: 2px;
}

.hand-grid {
    -fx-hgap: 2px;
    -fx-alignment: center;
}

.cards-box {
    -fx-spacing: 5px;
    -fx-alignment: center;
}

.open-collection-button {
    -fx-background-color: #4c4449;
    -fx-background-radius: 3px;
    -fx-text-fill: white;
    -fx-border-radius: 3px;
    -fx-border-color: #febf4c;
    -fx-alignment: center;
    -fx-font-size: 10px;
}

.inventory-box {
    -fx-alignment: center;
    -fx-spacing: 5px;
}

.equipped-grid {
    -fx-alignment: center;
    -fx-hgap: 5px;
    -fx-vgap: 5px;
}

.inactive-grid {
    -fx-alignment: center;
    -fx-hgap: 3px;
    -fx-vgap: 3px;
}

.inventory-trash-box {
    -fx-alignment: center-right;
}

.equip-modal-box {
    -fx-padding: 10px;
    -fx-spacing: 8px;
    -fx-alignment: center;
    -fx-background-color: #f0f0f0;
    -fx-background-radius: 5px;
    -fx-border-radius: 5px;
    -fx-border-color: #febf4c;
    -fx-border-width: 2px;
}

.equip-modal-name {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-text-fill: black;
    -fx-padding: 0 0 3px 0;
}

.equip-modal-description {
    -fx-font-size: 10px;
    -fx-text-fill: #1a1a1a;
    -fx-text-alignment: center;
}

.card-modal-box {
    -fx-background-color: #f0f0f0;
    -fx-background-radius: 5px;
    -fx-border-radius: 5px;
    -fx-border-color: #febf4c;
    -fx-border-width: 2px;
    -fx-padding: 10px;
    -fx-spacing: 8px;
    -fx-alignment: center;
}

.card-overview-box {
    -fx-spacing: 5px;
}

.card-stats-box {
    -fx-spacing: 5px;
}

.card-modal-name {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-text-fill: black;
}

.card-modal-description {
    -fx-font-size: 11px;
    -fx-text-fill: #1a1a1a;
    -fx-text-alignment: center;
}

.entity-modal-box {
    -fx-background-color: #f0f0f0;
    -fx-background-radius: 5px;
    -fx-border-radius: 5px;
    -fx-border-color: #febf4c;
    -fx-border-width: 2px;
    -fx-padding: 10px;
    -fx-spacing: 8px;
    -fx-alignment: center;
}

.entity-modal-name {
    -fx-font-size: 16px;
    -fx-font-weight: bold;
}

.entity-modal-description {
    -fx-font-size: 11px;
    -fx-text-fill: #1a1a1a;
    -fx-text-alignment: center;
}

.turn-vbox {
    -fx-alignment: center;
    -fx-spacing: 5px;
}

.turn-scroll-pane {
    -fx-border-color: #febf4c;
    -fx-border-radius: 5px;
    -fx-border-width: 2px;
    -fx-background-color: #cccccc;
    -fx-background-radius: 5px;
    -fx-alignment: center;
}

.turn-scroll-pane .viewport {
    -fx-background-color: #cccccc;
    -fx-background-radius: 5px;
    -fx-alignment: center;
}

.turn-box {
    -fx-spacing: 5px;
}

.turn-container {
    -fx-pref-width: 75px;
    -fx-pref-height: 75px;
}

.turn-health-display {
    -fx-background-color: white;
    -fx-text-fill: black;
    -fx-background-radius: 13px;
    -fx-pref-width: 25px;
    -fx-pref-height: 25px;
    -fx-font-size: 10px;
    -fx-font-weight: bold;
    -fx-text-alignment: center;
    -fx-alignment: center;
}

.status-modal-scroll {
    -fx-background-color: #cccccc;
    -fx-background-radius: 5px;
    -fx-alignment: center;
}

.status-modal-scroll .viewport {
    -fx-background-color: #cccccc;
    -fx-background-radius: 5px;
    -fx-alignment: center;
}

.status-modal-box {
    -fx-alignment: center;
}

.label-name {
    -fx-font-weight: bold;
}

.entity-modal-overview-box {
    -fx-spacing: 20px;
    -fx-padding: 2px 10px;
    -fx-alignment: center-left;
}

.entity-modal-stats-box {
    -fx-alignment: center;
}

.entity-modal-stats-grid {
    -fx-hgap: 25px;
}

.entity-modal-cards-box {
    -fx-spacing: 5px;
}

.status-modal {
    -fx-background-color: #f0f0f0;
    -fx-background-radius: 5px;
    -fx-border-radius: 5px;
    -fx-border-color: #febf4c;
    -fx-border-width: 2px;
    -fx-padding: 10px;
    -fx-spacing: 8px;
    -fx-alignment: center;
}

.status-modal-name {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
}