:root {
    --tq-dk-green: #164433;
    --tq-li-green: #264;
    --tq-hi-green: #197744;
    --tq-white: #ddddcc;
    --tq-dk-blue: #0B1111;
    --tq-md-blue: #223344;
    --tq-hi-blue: #9BE;
    --tq-dk-brown: #0F0000;
    --tq-md-brown: #554433;
    --tq-li-brown: #ddbb77;
    --tq-li-brown-rgba: 221, 187, 119;
    --tq-hi-brown: #ee8833;
    --tq-dk-gray: #080808;
    --tq-md-gray: #444;
    --tq-lt-gray: #E5E5E5;
    --tq-dk-red: #270000;
    --tq-md-red: #580000;
    --tq-hi-red: #BB2244;
    --tq-dk-orange: #3e1500;
    --tq-md-orange: #662200;
    --tq-hi-orange: #CC3311;
    --tq-dk-orgbrwn: #4d2b11;
    --tq-md-orgbrwn: #683a16;
    --tq-hi-orgbrwn: #dd7e32;
    --tq-hi-yellow: #FFDD55;
    --tq-agility: #995511;
    --tq-knowledge: #113355;
    --tq-bg: #997766;
}

.dynamicNumberWarning {
    font-weight: bold;
}

body {
    background-color: var(--tq-bg);
}

#tq-all-content {
    background-color: var(--tq-bg);
}

.modal-body {
    background-color: var(--tq-md-brown);
}

.modal-header {
    background-color: var(--tq-bg);
    color: black;
    border-bottom: 1px solid black;
}

.modal-footer {
    background-color: var(--tq-bg);
    border-top: 1px solid black;
}

.card {
    border: 2px solid var(--tq-bg);
    color: var(--tq-white);
}

.tq-hightlight-card {
    border: 4px solid var(--tq-hi-brown);
}

button.btn {
    background-color: var(--tq-li-brown);
    border-color: var(--tq-li-brown);
    color: var(--tq-md-gray);
}

button.btn:hover, button.btn:focus {
    background-color: var(--tq-bg);
    border-color: var(--tq-bg);
}

button.btn:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(var(--tq-li-brown-rgba), .5);
}

button.btn:disabled {
    background-color: var(--tq-md-gray);
    color: var(--tq-white);
    border-color: var(--tq-md-gray);
}

div.card-body:has(> div#attr_AGI) {
    background-color: var(--tq-agility);
}

div.card-body:has(> div#attr_VIG) {
    background-color: var(--tq-md-gray);
}

div.card-body:has(> div#attr_MIG) {
    background-color: var(--tq-md-red);
}

div.card-body:has(> div#attr_KNO) {
    background-color: var(--tq-knowledge);
}

ul#myTab>li.nav-item>button {
    background-color: var(--tq-dk-green);
    border-color: var(--tq-md-gray);
    color: var(--tq-white);
}

ul#myTab>li.nav-item>button.active {
    background-color: var(--tq-li-green);
}

.tq-hdr-_ {
    background-color: var(--tq-dk-green);
}

.tq-bdy-_ {
    background-color: var(--tq-li-green);
}

.tq-hdr-e {
    background-color: var(--tq-dk-orgbrwn);
}

.tq-bdy-e {
    background-color: var(--tq-md-orgbrwn);
}

.tq-hi-e {
    color: var(--tq-hi-orgbrwn);
    font-weight: bold;
}

.tq-hdr-f {
    background-color: var(--tq-md-gray);
    color: var(--tq-hi-yellow);
}

.tq-bdy-f {
    background-color: var(--tq-dk-gray);
}

.tq-hi-f {
    color: var(--tq-lt-gray);
    font-weight: bold;
}

.tq-hdr-s {
    background-color: var(--tq-dk-blue);
}

.tq-bdy-s {
    background-color: var(--tq-md-blue);
}

.tq-hi-s {
    color: var(--tq-hi-blue);
    font-weight: bold;
}

.tq-hdr-r {
    background-color: var(--tq-dk-red);
}

.tq-bdy-r {
    background-color: var(--tq-md-red);
}

.tq-hi-r {
    color: var(--tq-hi-red);
    font-weight: bold;
}

.tq-hdr-w {
    background-color: var(--tq-dk-orange);
}

.tq-bdy-w {
    background-color: var(--tq-md-orange);
}

.tq-hi-w {
    color: var(--tq-hi-orange);
    font-weight: bold;
}

code {
    color: var(--tq-white);
}

a {
    color: inherit;
    font-weight: bolder;
}

.tq-text {
    color: var(--tq-white);
}