* {
    font-family: "Press Start 2P", system-ui;
    font-weight: 400;
    font-style: normal;
}

[data-bs-theme=tobam] {
    --bs-body-color: #DDD;
    --bs-body-bg: #181818;
    --focused-container: #2A2A2A;
    --bs-primary: #9370DB;
    --bs-secondary: #FFD700;
    --bs-secondary-subtle: rgba(255,215,0,0.6);
    --bs-primary-bg: #9370DB;
    --knight-rgb: #8D6;
    --dex-rgb: #FF9933;
    --str-rgb: #CC0000;
    --int-rgb: #0066CC;
    --close-combat-rgb: #993300;
    --ranged-combat-rgb: #3366CC;
    --bs-success-bg-subtle: #0F5132;

    --common: #AAA;
    --uncommon: #00B300;
    --rare: #5552FC;
    --heroic: #A256F8;
    --legendary: #BB0A1E;

    --warrior: #CF5300;
    --warrior-rgb: rgb(207,83,0);
    --paladin: #B8860B;
    --monk: #00CC66;
    --mage: #8000FF;
    --rogue: #4B0082;
    --technician: #0099CC;
    --ranger: #99CC66;
    --priest: #008B8B;
    --alchemist: #DC143C;

    --forest: #00A800;
    --dessert: #FFCC66;
    --snow: #FFF;
    --swamp: #336600;
    --coast: #1E90FF;
    --cave: #8b8989;
    --vulcan: #FF4500;
    --plains: #228B22;
    --city: #696969;

    --darkwood: #006400;
    --leafy-road: #556B2F;
    --poisonous-plant: #800080;
    --grass-path: #50651E;
    --dirt-path: #964B00;
    --tree-trunk: #4D7326;
    --stone-mountain: #5F5F5F;
    --moss-chest: #8A9A5B;
    --flower-bed: linear-gradient(to bottom, purple, red, blue);

    --dune-sea: #F4A460;
    --quicksand: #CCCC00;
    --limestone-road: #DCD8C7;
    --salt-path: #FFFFCC;
    --cacti-field: #24FF38;
    --mirage: #882200;
    --sandstone-cliff: #DEB887;
    --fire-crystal: radial-gradient(#ff7f00 25%, #ff0000 100%);

    --icecracks: #87CEFA;
    --gravel-road: #C0C0C0;
    --permafrost: #B0E0E6;
    --tundra-grass: #556B2E;
    --geysir: #0080FF80;
    --snow-crystal: radial-gradient(#ffffff 25%, #6390Af 100%);

    --rootcluster: #2E5732;
    --wooden-bridge: #8B7355;
    --fog: #A0A0A0;
    --marshy-bog: #8FBC8F;
    --bioluminescent-entity: #00FF00;
    --swamp-drowned-chest: #6A805C;

    --white-sand: #F0EAD6;
    --rocks: #DDDBCB;
    --coral: #FF7F50;
    --beach-path: #432228;
    --sand-with-life: #ECD9A9;
    --water-logged-chest: #0077BE;

    --stone-spikes: #333;
    --bioluminescent-path: #00FFFF;
    --cave-tunnel: #808080;
    --stalagmite: #A0522D;
    --rock-walls: #555555;
    --underground-river: #000080;
    --lightning-crystal: radial-gradient(#ffffff 25%, #00bfff 60%, #0000ff 100%);

    --lava-river: #FF960F;
    --obsidian: #2E293A;
    --obsidian-spike: #0A0612;
    --coal: #151716;
    --steel: #B0C4DE;
    --ashy-road: #708090;
    --magma-chest: #CF1020;

    --grass: #7CFC00;
    --meadows: #66CDAA;
    --pond: #ADD8E6;
    --dry-prairie: #D2B48C;
    --tire-tracks: #A52A2A;
    --concealed-bone-grave: #B97C4D;
    --hay-covered-chest: #F5DEB3;
    --earth-crystal: radial-gradient(#228B22 25%, #808000 100%);

    --clean-stone-road: #A9A9A9;
    --dosh-covered-wall: #6B8E23;
    --farmland: #F5F5DC;
    --building: #8B4513;
    --water: #87CEEB;

    .flower-bedFont {
        background: var(--flower-bed);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

}

.btn-outline-primary {
    --bs-btn-color: #9370DB;
    --bs-btn-border-color: #9370DB;
    --bs-btn-hover-color: #FFD700;
    --bs-btn-hover-bg: #9370DB;
    --bs-btn-hover-border-color: #9370DB;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #FFD700;
    --bs-btn-active-bg: #9370DB;
    --bs-btn-active-border-color: #9370DB;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #9370DB88;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #9370DB88;
}

.btn-primary {
    --bs-btn-color: #FFF;
    --bs-btn-border-color: #9370DB;
    --bs-btn-bg: #9370DB;
    --bs-btn-hover-color: #FFD700;
    --bs-btn-hover-bg: #9370DB;
    --bs-btn-hover-border-color: #9370DB;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #FFD700;
    --bs-btn-active-bg: #9370DB;
    --bs-btn-active-border-color: #9370DB;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #9370DB88;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #9370DB88;
}

.btn-outline-secondary {
    --bs-btn-color: #FFD700;
    --bs-btn-border-color: #FFD700;
    --bs-btn-hover-color: #9370DB;
    --bs-btn-hover-bg: #FFD700;
    --bs-btn-hover-border-color: #FFD700;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #9370DB;
    --bs-btn-active-bg: #FFD700;
    --bs-btn-active-border-color: #FFD700;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFD700;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FFD700;
}

.btn-secondary {
    --bs-btn-color: #000;
    --bs-btn-border-color: #FFD700;
    --bs-btn-bg: #FFD700;
    --bs-btn-hover-color: #9370DB;
    --bs-btn-hover-bg: #FFD700;
    --bs-btn-hover-border-color: #FFD700;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #9370DB;
    --bs-btn-active-bg: #FFD700;
    --bs-btn-active-border-color: #FFD700;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFD700;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FFD700;
}

.focused {
    background-color: #1C1C1C;
}

.focused > * {
    transition: all 0.25s ease-in-out;
}

.form-option-active {
    border: 1px solid #fff;
    background-color: #222;
    color: #fff;
}

.form-option-inactive {
    color: #AAA;
    border: none;
    background-color: transparent;
}

.form-option-active, .form-option-inactive {
    transition: all 0.25s ease-in-out;
}

.table {
    --bs-table-color: #DDD;
    --bs-table-striped-color: #FFF;
    --bs-table-striped-bg: #343434;
    --bs-table-hover-bg: #555;
}

.modal-dialog {
    --bs-modal-width: 75%;
}

.toast {
    --bs-toast-bg: #242424;
    --bs-toast-header-color: #DDD;
}

.toast-header {
    --bs-toast-header-bg: #444;
    --bs-toast-header-color: #FFF
}

.fs-7 {
    font-size: .8rem;
}

.fs-8 {
    font-size: .65rem;
}

.fs-9 {
    font-size: .575rem;
}

.fs-10 {
    font-size: .5rem;
}

.fs-11 {
    font-size: .45rem;
}

.checkbox{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.3rem;
    height: 1.3rem;
    border: 2px solid #DDD;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    background-color: transparent;
    border-radius: 15%;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

.checkbox:checked:before {
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--bs-primary);
    width: 0.7rem;
    height: 0.7rem;
    content: ""
}

.checkbox:checked {
    background-color: #9370DB;
}

.checkbox:checked:before{
    transform: scale(1);
}

.worldMapPosition{
    animation: blink 1.5s infinite ease-in-out;
}
@keyframes blink{
    0%, 100% {
        filter: brightness(100%);
    }
    50% {
        filter: brightness(750%);
    }
    100% {
        filter: brightness(100%);
    }
}

@media (min-width: 1200px){
    font-size: 18px;
}
@media (min-width: 1800px){
    font-size: 26px;
}

[data-action="tutorialCard"]{
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.list-group-item.active{
    background: var(--bs-primary);
    border-color: #DDD;
    transition: background-color 0.3s ease
}
.list-group-item{
    border-color: #DDD;
    transition: background-color 0.3s ease
}