/* Ranky A-Teamu.
   Na tmavém pozadí se barva ranku nese textem (jako ve hře), ne výplní —
   plné pozadí bylo u světlých ranků nečitelné. Odstíny jsou zesvětlené
   varianty herních barev, aby držely kontrast na tmavém podkladu.

   Tvar odznaku: tady pro a-team.html (<span><div class="moderator"></div>nick</span>),
   v ticketech ho dodává .rank-badge v ucet.css. Barvu nastavuje jen tenhle soubor. */

span div {
    display: inline-block;
    padding: 2px 9px;
    margin-right: 8px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: rgba(4, 12, 20, 0.55);
    border: 1px solid currentColor;
    border-radius: var(--r-sm, 3px);
    vertical-align: middle;
}

.majitel {
    color: #ff5c59;
}

.majitel::before {
    content: "Majitel";
}

.admin {
    color: #ff4744;
}

.admin::before {
    content: "Admin";
}

.manazer {
    color: #4da6ff;
}

.manazer::before {
    content: "Manažer";
}

.qa {
    color: #c77dcf;
}

.qa::before {
    content: "QA";
}

.hmoderator {
    color: #9dff54;
}

.hmoderator::before {
    content: "H. Moderátor";
}

.emoderator {
    color: #4fc23f;
}

.emoderator::before {
    content: "E. Moderátor";
}

.moderator {
    color: #6cf25f;
}

.moderator::before {
    content: "Moderátor";
}

.zmoderator {
    color: #b3b3b3;
}

.zmoderator::before {
    content: "Z. Moderátor";
}

.hbuilder {
    color: #5c8dff;
}

.hbuilder::before {
    content: "H. Builder";
}

.ebuilder {
    color: #4ddcff;
}

.ebuilder::before {
    content: "E. Builder";
}

.builder {
    color: #57cfef;
}

.builder::before {
    content: "Builder";
}

.zbuilder {
    color: #b3b3b3;
}

.zbuilder::before {
    content: "Z. Builder";
}

.developer {
    color: #ffc93c;
}

.developer::before {
    content: "Developer";
}

.eventer {
    color: #a688e0;
}

.eventer::before {
    content: "Eventer";
}