/* /Components/Async/AsyncMenu.razor.rz.scp.css */
.async-navbar[b-3i32lg8bjj] {
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 70%;
    height: 50px;
    min-height: 40px;
    align-self: center;
}

@media (max-width: 1248px) {
    .async-navbar[b-3i32lg8bjj] {
        font-size: 14px !important;
    }
}

@media (max-width: 768px) {
    .async-navbar[b-3i32lg8bjj] {
        font-size: 8px !important;
    }
}
/* /Components/Async/Games/AsyncGamesSearchBar.razor.rz.scp.css */
input[b-rn95dct2t7] {
    color: #333 !important;
    font-size: 16px !important;
    font-family: Handel, fallback, sans-serif !important;
    border: 2px solid #007bff !important;
    border-radius: 4px !important;
    background-color: #f9f9f9 !important;
    padding: 0px !important;
}

    .rz-autocomplete-input:hover[b-rn95dct2t7] {
        border-color: #0056b3;
    }

    .rz-autocomplete-input:focus[b-rn95dct2t7] {
        outline: none;
        border-color: #003f7f;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }
/* /Components/Async/Players/AsyncPlayerAlphabet.razor.rz.scp.css */
.alphabet-row[b-9wuq3e8wcw] {
    background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0.5));
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100%;
    height: 30px;
    min-height: 40px;
    align-self: center;
    box-sizing: border-box;
}
/* /Components/Async/Players/AsyncPlayersList.razor.rz.scp.css */
.players-grid[b-m4wrbumnau] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 1rem;
    width: 100%;
    padding-top: 3%;
}
/* /Components/Async/PlayerStats/AsyncPlayerFactionStats.razor.rz.scp.css */

/* /Components/CardGenerator/CardExportArea.razor.rz.scp.css */


/* /Components/CardGenerator/CardTypeGrids/ActionCardGeneratorGrid.razor.rz.scp.css */
.green[b-2x4gub89ag] {
    background-color: green;
    opacity: 0.4;
}
/* /Components/CardGenerator/CardTypeGrids/AgendaCardGeneratorGrid.razor.rz.scp.css */
.agenda-card-text-area[b-fkkr2cutir] {
    padding: 30px 40px 10px 45px;
    height: 325px;
    max-height: 325px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.agenda-card-title-area[b-fkkr2cutir] {
    padding-top: 30px;
    height: 200px;
    align-self: center;
}
/* /Components/CardGenerator/CardTypeGrids/ObjectiveCardStageOneGeneratorGrid.razor.rz.scp.css */
.objective-card-stage-one-text-area[b-97zpmihlin] {
    padding: 30px 25px 10px 25px;
    height: 325px;
    max-height: 325px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.objective-card-stage-one-title-area[b-97zpmihlin] {
    padding-top: 10px;
    height: 200px;
    align-self: center;
}
/* /Components/CardGenerator/CardTypeGrids/ObjectiveCardStageTwoGeneratorGrid.razor.rz.scp.css */
.objective-card-stage-two-text-area[b-1zcokvqkik] {
    padding: 30px 25px 10px 25px;
    height: 325px;
    max-height: 325px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.objective-card-stage-two-title-area[b-1zcokvqkik] {
    padding-top: 10px;
    height: 200px;
    align-self: center;
}
/* /Components/CardGenerator/CardTypeGrids/SecretCardGeneratorGrid.razor.rz.scp.css */
.secret-card-text-area[b-8tdca8ul7f] {
    padding: 30px 25px 10px 25px;
    height: 325px;
    max-height: 325px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.secret-card-title-area[b-8tdca8ul7f] {
    padding-top: 10px;
    height: 200px;
    align-self: center;
}
/* /Components/Cards/CardsGrid.razor.rz.scp.css */
.align-center[b-hu5ni1yxqf] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-grid[b-hu5ni1yxqf] {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    grid-column-gap: 5%;
    place-items: center;
    padding: 0% 10%;
}

.image-container[b-hu5ni1yxqf] {
    max-width: 500px;
    max-height: 750px;
}

.big-image-overlay[b-hu5ni1yxqf] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    background-image: url('/resources/images/shared/Twilight_imperium_ultimate_background.webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

    .big-image-overlay img[b-hu5ni1yxqf] {
        position: relative;
        max-width: 100%;
        max-height: 100%;
        cursor: pointer;
        border-radius: 20px;
    }

        .big-image-overlay img[b-hu5ni1yxqf]::before {
            content: "";
            position: absolute;
            flex-grow: 1;
            flex-shrink: 1;
            width: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            box-shadow: inset 0 0 0 5px #000;
            pointer-events: none;
            margin-bottom: 20px;
            border-radius: 20px;
            z-index: 999;
        }

.clickable[b-hu5ni1yxqf] {
    cursor: pointer;
}

.language-menu[b-hu5ni1yxqf] {
    display: flex;
    flex-direction: row;
    height: 30px;
    z-index: 999;
}

.scrollable-element[b-hu5ni1yxqf]::-webkit-scrollbar {
    width: 12px;
}

.scrollable-element[b-hu5ni1yxqf]::-webkit-scrollbar-track {
    background: #333;
}

.scrollable-element[b-hu5ni1yxqf]::-webkit-scrollbar-thumb {
    background: #0024ff;
}

.scrollable-element[b-hu5ni1yxqf]::-webkit-scrollbar-button {
    background-color: #333;
    color: #0024ff;
}
/* /Components/Cards/HorizontalCard.razor.rz.scp.css */
.image-item[b-4nhvbi4adm] {
    position: relative;
    display: inline-block;
    flex-shrink: 1;
    width: 100%;
    height: 100%;
}

    .image-item img[b-4nhvbi4adm] {
        display: block;
        width: 100%;
        border-radius: 20px;
    }

    .image-item[b-4nhvbi4adm]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: inset 0 0 0 5px #000;
        pointer-events: none;
        border-radius: 5%;
        width: 100%;
    }

@media (max-width: 1248px) {
    .image-item[b-4nhvbi4adm]::before {
        border-radius: 10px;
    }
}

@media (max-width: 768px) {
    .image-item[b-4nhvbi4adm]::before {
        border-radius: 5px;
    }
}
/* /Components/Cards/ObjectiveCard.razor.rz.scp.css */
.image-item[b-44s9df7ms8] {
    position: relative;
    display: inline-block;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
}

    .image-item img[b-44s9df7ms8] {
        display: block;
        border-radius: 20px;
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
    }

    .image-item[b-44s9df7ms8]::before {
        content: "";
        position: absolute;
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: inset 0 0 0 5px #000;
        pointer-events: none;
        border-radius: 20px;
    }

@media (max-width: 1280px) {

    .image-item img[b-44s9df7ms8] {
        border-radius: 10px;
    }

    .image-item[b-44s9df7ms8]::before {
        border-radius: 10px;
        box-shadow: inset 0 0 0 3px #000;
    }
}

@media (max-width: 768px) {

    .image-item img[b-44s9df7ms8] {
        border-radius: 5px;
    }

    .image-item[b-44s9df7ms8]::before {
        border-radius: 5px;
        box-shadow: inset 0 0 0 2px #000;
    }
}
/* /Components/Cards/TokenCard.razor.rz.scp.css */
.token-item[b-q9qppa13sh] {
    position: relative;
    display: inline-block;
    flex-shrink: 1;
    width: 100%;
    max-width: 256px;
}

    .token-item img[b-q9qppa13sh] {
        display: block;
        width: 100%;
        height: auto;
    }
/* /Components/Cards/VerticalCard.razor.rz.scp.css */
.image-item[b-daxn6c4sw2] {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
}

    .image-item img[b-daxn6c4sw2] {
        display: block;
        border-radius: 20px;
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
    }

    .image-item[b-daxn6c4sw2]::before {
        content: "";
        position: absolute;
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: inset 0 0 0 5px #000;
        pointer-events: none;
        border-radius: 20px;
    }

.strategy-image-item[b-daxn6c4sw2] {
    position: relative;
    display: inline-block;
    flex-grow: 1;
    flex-shrink: 1;
    max-height: 300px;
    max-width: 80%;
    margin-bottom: 20px;
}

    .strategy-image-item img[b-daxn6c4sw2] {
        display: block;
        flex-grow: 1;
        flex-shrink: 1;
        max-height: 300px;
    }

@media (max-width: 1280px) {
    .strategy-image-item[b-daxn6c4sw2], .strategy-image-item img[b-daxn6c4sw2] {
        max-height: 200px;
    }

    .image-item img[b-daxn6c4sw2] {
        border-radius: 10px;
    }

    .image-item[b-daxn6c4sw2]::before {
        border-radius: 10px;
        box-shadow: inset 0 0 0 3px #000;
    }

}

@media (max-width: 768px) {
    .strategy-image-item[b-daxn6c4sw2], .strategy-image-item img[b-daxn6c4sw2] {
        max-height: 100px;
    }

    .image-item img[b-daxn6c4sw2] {
        border-radius: 5px;
    }

    .image-item[b-daxn6c4sw2]::before {
        border-radius: 5px;
        box-shadow: inset 0 0 0 2px #000;
    }
}
/* /Components/Drafts/Color/ColorCheckBox.razor.rz.scp.css */
.colorcheckbox[b-yeal28jf4c] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    min-height: 30px;
    width: 9%;
    padding: 0px 15px 0px 15px;
    margin-top: 50px;
    border-radius: 10px;
    border: 2px solid black;
    opacity: 0.8;
}

.red[b-yeal28jf4c] {
    background-color: red;
}

.blue[b-yeal28jf4c] {
    background-color: blue;
}

.green[b-yeal28jf4c] {
    background-color: green;
}

.orange[b-yeal28jf4c] {
    background-color: darkorange;
}

.yellow[b-yeal28jf4c] {
    background-color: yellow;
}

.purple[b-yeal28jf4c] {
    background-color: rebeccapurple;
}

.pink[b-yeal28jf4c] {
    background-color: hotpink;
}

.black[b-yeal28jf4c] {
    background-color: black;
}

.grey[b-yeal28jf4c] {
    background-color: grey;
}
/* /Components/Drafts/Color/ColorPickerBackground.razor.rz.scp.css */
.colorpickerbackground[b-1x3ctkh57o] {
    width: 50%;
    padding: 1%;
    color: white;
    max-height: 50px;
}
/* /Components/Drafts/Color/ColorPickerGrid.razor.rz.scp.css */
.center[b-8ph24ws4b1] {
    justify-content: center;
    align-items: center;
    justify-items: center;
}

.faction[b-8ph24ws4b1] {
    font-size: 1.5rem;
}
/* /Components/Drafts/Faction/FactionDraftGrid.razor.rz.scp.css */
.faction-draft-title[b-b1g8qiso6s] {
    font-size: 42px;
    margin-top: 50px;
}

.setting-row[b-b1g8qiso6s] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    margin-top: 50px;
}

.draft-button[b-b1g8qiso6s] {
    min-width: 20%;
    margin-right: 50px;
}

.ban-reset-button[b-b1g8qiso6s] {
    min-width: 20%;
}

.faction-draft-players-container[b-b1g8qiso6s] {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-items: center;
}
/* /Components/Drafts/Faction/FactionDraftPlayerRow.razor.rz.scp.css */
.player-number[b-2ev9yji47p] {
    max-width: 20%;
}

.factions-text[b-2ev9yji47p] {
    justify-self: end;
    min-width: 25%;
}

.wrap[b-2ev9yji47p] {
    flex-wrap: wrap;
}

.factionicon[b-2ev9yji47p] {
    width: 75px;
    height: 75px;
    margin: 0px 5px;
    border-radius: 20%;
}
/* /Components/Factions/AsyncFactionIconImg.razor.rz.scp.css */
@media (max-width: 1248px) {
    .faction-icon[b-16gr4n7jid] {
        max-height: 25px;
    }
}

@media (max-width: 768px) {
    .faction-icon[b-16gr4n7jid] {
        max-height: 15px;
    }
}
/* /Components/Factions/FactionAbilities.razor.rz.scp.css */
.abilities[b-w53gvon0fj] {
    font-size: 20px;
    text-align: justify;
    width: 80%
}

@media (max-width: 1248px) {
    .abilities[b-w53gvon0fj] {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .abilities[b-w53gvon0fj] {
        font-size: 10px;
    }
}
/* /Components/Factions/FactionComponents.razor.rz.scp.css */
.faction-components-grid[b-oui8e93ub0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: fit-content() fit-content();
    grid-gap: 10px;
    height: 100%;
    place-items: center;
}

.height[b-oui8e93ub0] {
    height: 50%;
}
/* /Components/Factions/FactionFaq.razor.rz.scp.css */
.faction-faq-navbar[b-ughkzb00fc] {
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    width: 100%;
    height: 50px;
    min-height: 40px;
    margin-bottom: 50px;
    align-self: center;
}

.menu-item[b-ughkzb00fc] {
    color: white;
    font-family: Handel, fallback, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 1), 2px 0px 6px rgba(0, 0, 0, 1), 0px -2px 6px rgba(0, 0, 0, 1), -2px 0px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1), 1px -1px 6px rgba(0, 0, 0, 1), -1px 1px 6px rgba(0, 0, 0, 1), -1px -1px 6px rgba(0, 0, 0, 1);
}

@media (max-width: 1248px) {
    .menu-item[b-ughkzb00fc] {
        font-size: 14px;
    }

    .factioninfo-navbar[b-ughkzb00fc] {
        height: 30px;
    }
}

@media (max-width: 768px) {
    .menu-item[b-ughkzb00fc] {
        font-size: 8px;
    }

    .factioninfo-navbar[b-ughkzb00fc] {
        height: 15px;
    }
}
/* /Components/Factions/FactionIcon.razor.rz.scp.css */
.responsive-icon[b-7xuvqtbsnd] {
    display: flex;
    flex: 1 1 auto;
    max-width: 90%;
    height: auto;
    padding: 0.25em;
    align-self: center;
    justify-self: center;
    justify-content: center;
    align-items: center;
}

.link[b-7xuvqtbsnd] {
    cursor: pointer;
}

.colorless[b-7xuvqtbsnd] {
    filter: grayscale(100%);
}

img[b-7xuvqtbsnd] {
    width: 100%;
    max-width: 44px;
    height: auto;
    transition: transform 0.3s ease;
    align-self: center;
    justify-self: center;
}

    img:hover[b-7xuvqtbsnd] {
        transform: scale(1.375);
    }
/* /Components/Factions/FactionIconImg.razor.rz.scp.css */
@media (max-width: 1248px) {
    .faction-icon[b-oh9v7tafnq] {
        max-height: 25px;
    }
}

@media (max-width: 768px) {
    .faction-icon[b-oh9v7tafnq] {
        max-height: 15px;
    }
}
/* /Components/Factions/FactionIconRow.razor.rz.scp.css */
.icon-row[b-cassdlp41u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 55px;
    padding: 0% 2% 0% 4%;
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
}

.width-100[b-cassdlp41u] {
    width: 100%;
}

.width-50[b-cassdlp41u] {
    width: 50%;
}

.icon[b-cassdlp41u] {
    flex: 1;
    width: 45px;
    height: auto;
    transition: transform 0.3s ease;
}

    .icon:hover[b-cassdlp41u] {
        transform: scale(1.375);
    }

img.colorless[b-cassdlp41u] {
    filter: grayscale(100%);
}

@media (max-width: 1280px) {
    .icon-row[b-cassdlp41u] {
        height: 40px;
    }

    .icon[b-cassdlp41u] {
        width: 25px;
    }
}

@media (max-width: 768px) {
    .icon-row[b-cassdlp41u] {
        height: 30px;
    }

    .icon[b-cassdlp41u] {
        width: 15px;
    }
}
/* /Components/Factions/FactionInfoGrid.razor.rz.scp.css */
.grid-container[b-4quaadx03w] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 10px;
    font-size: 22px;
    font-family: Myriad, fallback, sans-serif;
    font-style: italic;
}

.grid-item[b-4quaadx03w] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.grid-item-title[b-4quaadx03w] {
    padding-top: 67px;
    display: flex;
    flex-direction: row;
}

.grid-item-title img[b-4quaadx03w] {
    height: 40px;
    margin-right: 15px;
}

.grid-item-history[b-4quaadx03w] {
    grid-column: span 3;
}

.grid-item-ability[b-4quaadx03w] {
    grid-column: span 3;
}

h3[b-4quaadx03w] {
    font-size: 24px;
    color: white;
}

.complexity-rating-container[b-4quaadx03w] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 10%;
}

.complexity-rating-container img[b-4quaadx03w] {
    padding-left: 15px;
    width: 50%;
    height: 20%;
}

.complexity-text[b-4quaadx03w] {
    color: white;
    font-family: Handel, fallback, sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 1), 2px 0px 6px rgba(0, 0, 0, 1), 0px -2px 6px rgba(0, 0, 0, 1), -2px 0px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1), 1px -1px 6px rgba(0, 0, 0, 1), -1px 1px 6px rgba(0, 0, 0, 1), -1px -1px 6px rgba(0, 0, 0, 1);
}

.faction-info-text[b-4quaadx03w] {
    color: white;
    align-content: start;
    justify-content: left;
}

.faction-sheet-container[b-4quaadx03w] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.faction-sheet-button[b-4quaadx03w] {
    width: 50%;
    align-self: center;
    justify-self: center;
    text-align: center;
    color: white;
    font-family: Handel, fallback, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 1), 2px 0px 6px rgba(0, 0, 0, 1), 0px -2px 6px rgba(0, 0, 0, 1), -2px 0px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1), 1px -1px 6px rgba(0, 0, 0, 1), -1px 1px 6px rgba(0, 0, 0, 1), -1px -1px 6px rgba(0, 0, 0, 1);
}

.big-image-overlay[b-4quaadx03w] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

    .big-image-overlay img[b-4quaadx03w] {
        position: relative;
        max-width: 90%;
        max-height: 90%;
        cursor: pointer;
        border-radius: 20px;
    }

        .big-image-overlay img[b-4quaadx03w]::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            box-shadow: inset 0 0 0 5px #000;
            pointer-events: none;
            border-radius: 20px;
            z-index: 2;
        }

.image-container[b-4quaadx03w] {
    position: relative;
    max-width: 90%;
    max-height: 90%;
}

    .image-container img[b-4quaadx03w] {
        display: block;
        max-width: 100%;
        max-height: 100%;
        cursor: pointer;
        border-radius: 20px;
    }

    .image-container[b-4quaadx03w]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: inset 0 0 0 5px #000;
        pointer-events: none;
        border-radius: 20px;
    }

.race-image-container[b-4quaadx03w] {
    position: relative;
    display: inline-block;
    max-width: 100%;
    margin: 10% 0% 0% 10%;
}

    .race-image-container img[b-4quaadx03w] {
        display: block;
        border-radius: 20px;
        max-width: 100%;
    }

    .race-image-container[b-4quaadx03w]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: inset 0 0 0 3px #000;
        border-radius: 20px;
        pointer-events: none;
    }

@media (max-width: 1248px) {
    .faction-sheet-button[b-4quaadx03w], .complexity-rating-container[b-4quaadx03w] {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .faction-sheet-button[b-4quaadx03w], .complexity-rating-container[b-4quaadx03w] {
        font-size: 10px;
    }
}
/* /Components/Factions/FactionInfoRow.razor.rz.scp.css */
.factioninfo-navbar[b-oit77i9nf0] {
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    width: 100%;
    height: 50px;
    min-height: 40px;
    margin-bottom: 50px;
    align-self: center;
}

.menu-item[b-oit77i9nf0] {
    color: white;
    font-family: Handel, fallback, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 1), 2px 0px 6px rgba(0, 0, 0, 1), 0px -2px 6px rgba(0, 0, 0, 1), -2px 0px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1), 1px -1px 6px rgba(0, 0, 0, 1), -1px 1px 6px rgba(0, 0, 0, 1), -1px -1px 6px rgba(0, 0, 0, 1);
}

@media (max-width: 1248px) {
    .menu-item[b-oit77i9nf0] {
        font-size: 14px;
    }

    .factioninfo-navbar[b-oit77i9nf0] {
        height: 30px;
    }
}

@media (max-width: 768px) {
    .menu-item[b-oit77i9nf0] {
        font-size: 8px;
    }

    .factioninfo-navbar[b-oit77i9nf0] {
        height: 15px;
    }
}
/* /Components/Factions/FactionLeaders.razor.rz.scp.css */
.margin[b-mtskcz1ngf] {
    margin: 3% 3%;
}

.leaders-grid[b-mtskcz1ngf] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center;
}

@media (max-width: 1248px) {
    .leaders-grid[b-mtskcz1ngf] {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .leaders-grid[b-mtskcz1ngf] {
        font-size: 10px;
    }
}
/* /Components/Factions/FactionLore.razor.rz.scp.css */
.lore[b-omntkdh7bi] {
    color: white;
    text-align: justify;
    width: 80%;
    line-height: 1.5;
    text-indent: 2em;
}

.lore[b-omntkdh7bi]::after {
    content: "";
    display: inline-block;
    width: 100%;
}

@media (max-width: 1248px) {
    .lore[b-omntkdh7bi] {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .lore[b-omntkdh7bi] {
        font-size: 10px;
    }
}
/* /Components/Factions/FactionNameLabel.razor.rz.scp.css */
.title[b-r86f3tip05] {
    color: white;
    font-family: Handel, fallback, sans-serif;
    font-size: 28px;
    font-weight: bold;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 1), 2px 0px 6px rgba(0, 0, 0, 1), 0px -2px 6px rgba(0, 0, 0, 1), -2px 0px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1), 1px -1px 6px rgba(0, 0, 0, 1), -1px 1px 6px rgba(0, 0, 0, 1), -1px -1px 6px rgba(0, 0, 0, 1);
}

@media (max-width: 1248px) {
    .title[b-r86f3tip05] {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .title[b-r86f3tip05] {
        font-size: 14px;
    }
}
/* /Components/Factions/FactionQuote.razor.rz.scp.css */
@media (max-width: 1248px) {
    .faction-quote[b-djx9i1pj3w] {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .faction-quote[b-djx9i1pj3w] {
        font-size: 10px;
    }
}
/* /Components/Factions/FactionSetup.razor.rz.scp.css */

/* /Components/Factions/FactionSystemInfo.razor.rz.scp.css */
.system-info[b-1ljbwvnj6f] {

}

@media (max-width: 1248px) {
    .system-info[b-1ljbwvnj6f] {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .system-info[b-1ljbwvnj6f] {
        font-size: 10px;
    }
}
/* /Components/Factions/FactionSystemStats.razor.rz.scp.css */
.system-stats[b-nrprzhnknz] {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-self: self-start;
    width: 100%;
    color: white;
}

.system-stats-text[b-nrprzhnknz] {
    color: white;
    font-size: 18px;
}

.system-stats-line:first-child[b-nrprzhnknz] {
    font-size: 24px;
    font-family: 'Myriad';
    color: white;
    margin-bottom: 10px;
}

.system-stats-line[b-nrprzhnknz] {
    display: flex;
    flex-direction: row;
}

.system-stats-line-title[b-nrprzhnknz] {
    color: white;
    font-family: Handel, fallback, sans-serif;
    font-size: 32px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 1), 2px 0px 6px rgba(0, 0, 0, 1), 0px -2px 6px rgba(0, 0, 0, 1), -2px 0px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1), 1px -1px 6px rgba(0, 0, 0, 1), -1px 1px 6px rgba(0, 0, 0, 1), -1px -1px 6px rgba(0, 0, 0, 1);
    margin-bottom: 10px;
}

.system-stats-text[b-nrprzhnknz] {
    align-self: center;
    width: 50%;
}

.system-stats-value[b-nrprzhnknz] {
    align-self: center;
}

@media (max-width: 1248px) {
    .system-stats-text[b-nrprzhnknz], .system-stats-value[b-nrprzhnknz] {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .system-stats-text[b-nrprzhnknz], .system-stats-value[b-nrprzhnknz] {
        font-size: 10px;
    }
}
/* /Components/Factions/TiglFactionIconImg.razor.rz.scp.css */
@media (max-width: 1248px) {
    .faction-icon[b-h4no3vjfal] {
        max-height: 25px;
    }
}

@media (max-width: 768px) {
    .faction-icon[b-h4no3vjfal] {
        max-height: 15px;
    }
}
/* /Components/Galaxy/PlanetCard.razor.rz.scp.css */
.image-item[b-6y4kx07jz4] {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
}

    .image-item img[b-6y4kx07jz4] {
        display: block;
        border-radius: 20px;
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
    }

    .image-item[b-6y4kx07jz4]::before {
        content: "";
        position: absolute;
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: inset 0 0 0 5px #000;
        pointer-events: none;
        border-radius: 20px;
    }

@media (max-width: 1280px) {
    .image-item img[b-6y4kx07jz4] {
        border-radius: 10px;
    }

    .image-item[b-6y4kx07jz4]::before {
        border-radius: 10px;
        box-shadow: inset 0 0 0 3px #000;
    }
}

@media (max-width: 768px) {

    .image-item img[b-6y4kx07jz4] {
        border-radius: 5px;
    }

    .image-item[b-6y4kx07jz4]::before {
        border-radius: 5px;
        box-shadow: inset 0 0 0 2px #000;
    }
}
/* /Components/GameTracker/PlayerScoreCard.razor.rz.scp.css */
.colorless[b-80ry6tuear] {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
/* /Components/MapGenerator/HexTileMenu.razor.rz.scp.css */
.hex-menu[b-0l0nsnobbe] {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: -10%;
    top: 10%;
/*    transform: translateY(-30%);*/
    z-index: 1000;
    width: 15%;
    max-height: 40%;
    min-height: 40%;
}

.rz-dropdown-item[b-0l0nsnobbe] {
    font-family: Handel, fallback, sans-serif !important;
}

.radzen-dropdown[b-0l0nsnobbe] {
    font-family: Handel, fallback, sans-serif !important;
}

.scrollbar-area[b-0l0nsnobbe] {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

.scrollbar-area[b-0l0nsnobbe]::-webkit-scrollbar {
    width: 12px;
}

.scrollbar-area[b-0l0nsnobbe]::-webkit-scrollbar-track {
    background: transparent;
}

.scrollbar-area[b-0l0nsnobbe]::-webkit-scrollbar-thumb {
    background: #0024ff;
}

.scrollbar-area[b-0l0nsnobbe]::-webkit-scrollbar-button {
    background-color: transparent;
    color: transparent;
}
/* /Components/MapGenerator/MapEvaluation.razor.rz.scp.css */
.slice-evaluation-grid[b-hdioch2mzh]
{
    
}

.yellow[b-hdioch2mzh] {
    color: yellow;
}

.blue[b-hdioch2mzh] {
    color: deepskyblue;
}

.green[b-hdioch2mzh] {
    color: lawngreen;
}

.max-height[b-hdioch2mzh] {
    max-height: 40px;
}

.grid-text[b-hdioch2mzh] {
    text-align: center;
    align-self: center;
    justify-self: center;
}
/* /Components/MapGenerator/MapGeneratorMainGrid.razor.rz.scp.css */
.map-generator-grid[b-thtug7d1o4] {
    position: relative;
    width: 100%;
}
/* /Components/MapGenerator/MapGeneratorMenu.razor.rz.scp.css */
.map-generator-navbar[b-g8krsd2hco] {
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 60%;
    height: 50px;
    min-height: 40px;
    align-self: center;
}
/* /Components/MapGenerator/MapGeneratorSettings.razor.rz.scp.css */
/*.settings-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    display: flex;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.8);
}*/

.settings-menu[b-a9grnlem41] {
    background-color: rgb(0, 13, 255, 0.2);
    width: 100%;
    padding: 25px 15px;
}

.grid[b-a9grnlem41] {
        display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;

}
/* /Components/MapGenerator/MapGrid.razor.rz.scp.css */
.hex[b-oq3lerytf8] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/Custom/CustomMap.razor.rz.scp.css */
.container[b-r7kpfnnra4] {
    display: grid;
    grid-template-columns: repeat(11, minmax(1px, auto));
    grid-template-rows: repeat(21, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(11n+1)[b-r7kpfnnra4] {
        transform: translate(150%, 0%);
    }

    .container > :nth-child(11n+2)[b-r7kpfnnra4] {
        transform: translate(125%, 50%);
    }

    .container > :nth-child(11n+3)[b-r7kpfnnra4] {
        transform: translate(100%, 0%);
    }

    .container > :nth-child(11n+4)[b-r7kpfnnra4] {
        transform: translate(75%, 50%);
    }

    .container > :nth-child(11n+5)[b-r7kpfnnra4] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(11n+6)[b-r7kpfnnra4] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(11n+7)[b-r7kpfnnra4] {
        transform: translate(0%, 0%);
    }

    .container > :nth-child(11n+8)[b-r7kpfnnra4] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(11n+9)[b-r7kpfnnra4] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(11n+10)[b-r7kpfnnra4] {
        transform: translate(-75%, 50%);
    }

    .container > :nth-child(11n+11)[b-r7kpfnnra4] {
        transform: translate(-100%, 0%);
    }

    .container > :nth-child(111)[b-r7kpfnnra4] {
        grid-column: 1 / span 1;
        grid-row: 11;
        transform: translate(150%, 0%);
    }

    .container > :nth-child(112)[b-r7kpfnnra4] {
        grid-column: 3 / span 1;
        grid-row: 11;
        transform: translate(100%, 0%);
    }

    .container > :nth-child(113)[b-r7kpfnnra4] {
        grid-column: 5 / span 1;
        grid-row: 11;
        transform: translate(50%, 0%);
    }

    .container > :nth-child(114)[b-r7kpfnnra4] {
        grid-column: 7 / span 1;
        grid-row: 11;
        transform: translate(0%, 0%);
    }

    .container > :nth-child(115)[b-r7kpfnnra4] {
        grid-column: 9 / span 1;
        grid-row: 11;
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(116)[b-r7kpfnnra4] {
        grid-column: 11 / span 1;
        grid-row: 11;
        transform: translate(-100%, 0%);
    }

.hex[b-r7kpfnnra4] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/EightPlayers/EightPlayersLargeMap.razor.rz.scp.css */
.container[b-5ugwoxa62m] {
    display: grid;
    grid-template-columns: repeat(9, minmax(1px, auto));
    grid-template-rows: repeat(8, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(9n+1)[b-5ugwoxa62m] {
        transform: translate(100%, 0%);
    }

    .container > :nth-child(9n+2)[b-5ugwoxa62m] {
        transform: translate(75%, 50%);
    }

    .container > :nth-child(9n+3)[b-5ugwoxa62m] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(9n+4)[b-5ugwoxa62m] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(9n+6)[b-5ugwoxa62m] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(9n+7)[b-5ugwoxa62m] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(9n+8)[b-5ugwoxa62m] {
        transform: translate(-75%, 50%);
    }

    .container > :nth-child(9n+9)[b-5ugwoxa62m] {
        transform: translate(-100%, 0%);
    }

    .container > :nth-child(74)[b-5ugwoxa62m] {
        grid-column: 3 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(50%, 0%);
    }

    .container > :nth-child(75)[b-5ugwoxa62m] {
        grid-column: 5 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(0%, 0%);
    }

    .container > :nth-child(76)[b-5ugwoxa62m] {
        grid-column: 7 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(77)[b-5ugwoxa62m] {
        grid-column: 8 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
    }

    .container > :nth-child(1)[b-5ugwoxa62m],
    .container > :nth-child(2)[b-5ugwoxa62m],
    .container > :nth-child(3)[b-5ugwoxa62m],
    .container > :nth-child(7)[b-5ugwoxa62m],
    .container > :nth-child(8)[b-5ugwoxa62m],
    .container > :nth-child(9)[b-5ugwoxa62m],
    .container > :nth-child(10)[b-5ugwoxa62m],
    .container > :nth-child(18)[b-5ugwoxa62m],
    .container > :nth-child(77)[b-5ugwoxa62m],
    .container > :nth-child(76)[b-5ugwoxa62m],
    .container > :nth-child(74)[b-5ugwoxa62m],
    .container > :nth-child(73)[b-5ugwoxa62m],
    .container > :nth-child(72)[b-5ugwoxa62m],
    .container > :nth-child(71)[b-5ugwoxa62m],
    .container > :nth-child(65)[b-5ugwoxa62m],
    .container > :nth-child(64)[b-5ugwoxa62m] {
        visibility: hidden;
    }

.hex[b-5ugwoxa62m] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/EightPlayers/EightPlayersLargeWarpMap.razor.rz.scp.css */
.container[b-ujjutmsr3n] {
    display: grid;
    grid-template-columns: repeat(9, minmax(1px, auto));
    grid-template-rows: repeat(8, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(9n+1)[b-ujjutmsr3n] {
        transform: translate(100%, 0%);
    }

    .container > :nth-child(9n+2)[b-ujjutmsr3n] {
        transform: translate(75%, 50%);
    }

    .container > :nth-child(9n+3)[b-ujjutmsr3n] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(9n+4)[b-ujjutmsr3n] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(9n+6)[b-ujjutmsr3n] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(9n+7)[b-ujjutmsr3n] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(9n+8)[b-ujjutmsr3n] {
        transform: translate(-75%, 50%);
    }

    .container > :nth-child(9n+9)[b-ujjutmsr3n] {
        transform: translate(-100%, 0%);
    }

    .container > :nth-child(74)[b-ujjutmsr3n] {
        grid-column: 3 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(50%, 0%);
    }

    .container > :nth-child(75)[b-ujjutmsr3n] {
        grid-column: 5 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(0%, 0%);
    }

    .container > :nth-child(76)[b-ujjutmsr3n] {
        grid-column: 7 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(77)[b-ujjutmsr3n] {
        grid-column: 8 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
    }


    .container > :nth-child(1)[b-ujjutmsr3n],
    .container > :nth-child(2)[b-ujjutmsr3n],
    .container > :nth-child(3)[b-ujjutmsr3n],
    .container > :nth-child(7)[b-ujjutmsr3n],
    .container > :nth-child(8)[b-ujjutmsr3n],
    .container > :nth-child(9)[b-ujjutmsr3n],
    .container > :nth-child(10)[b-ujjutmsr3n],
    .container > :nth-child(18)[b-ujjutmsr3n],
    .container > :nth-child(19)[b-ujjutmsr3n],
    .container > :nth-child(27)[b-ujjutmsr3n],
    .container > :nth-child(36)[b-ujjutmsr3n],
    .container > :nth-child(46)[b-ujjutmsr3n],
    .container > :nth-child(55)[b-ujjutmsr3n],
    .container > :nth-child(63)[b-ujjutmsr3n],
    .container > :nth-child(64)[b-ujjutmsr3n],
    .container > :nth-child(65)[b-ujjutmsr3n],
    .container > :nth-child(71)[b-ujjutmsr3n],
    .container > :nth-child(72)[b-ujjutmsr3n],
    .container > :nth-child(73)[b-ujjutmsr3n],
    .container > :nth-child(74)[b-ujjutmsr3n],
    .container > :nth-child(76)[b-ujjutmsr3n],
    .container > :nth-child(77)[b-ujjutmsr3n]
    {
        visibility: hidden;
    }

.hex[b-ujjutmsr3n] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/FivePlayers/FivePlayersLargeFlatMap.razor.rz.scp.css */
.container[b-6w0fwxie20] {
    display: grid;
    grid-template-columns: repeat(9, minmax(1px, auto));
    grid-template-rows: repeat(8, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(9n+1)[b-6w0fwxie20] {
        transform: translate(100%, 0%);
    }

    .container > :nth-child(9n+2)[b-6w0fwxie20] {
        transform: translate(75%, 50%);
    }

    .container > :nth-child(9n+3)[b-6w0fwxie20] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(9n+4)[b-6w0fwxie20] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(9n+6)[b-6w0fwxie20] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(9n+7)[b-6w0fwxie20] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(9n+8)[b-6w0fwxie20] {
        transform: translate(-75%, 50%);
    }

    .container > :nth-child(9n+9)[b-6w0fwxie20] {
        transform: translate(-100%, 0%);
    }

    .container > :nth-child(74)[b-6w0fwxie20] {
        grid-column: 3 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(50%, 0%);
    }

    .container > :nth-child(75)[b-6w0fwxie20] {
        grid-column: 5 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(0%, 0%);
    }

    .container > :nth-child(76)[b-6w0fwxie20] {
        grid-column: 7 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(77)[b-6w0fwxie20] {
        grid-column: 8 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
    }

    .container > :nth-child(1)[b-6w0fwxie20],
    .container > :nth-child(2)[b-6w0fwxie20],
    .container > :nth-child(3)[b-6w0fwxie20],
    .container > :nth-child(4)[b-6w0fwxie20],
    .container > :nth-child(5)[b-6w0fwxie20],
    .container > :nth-child(6)[b-6w0fwxie20],
    .container > :nth-child(7)[b-6w0fwxie20],
    .container > :nth-child(8)[b-6w0fwxie20],
    .container > :nth-child(9)[b-6w0fwxie20],
    .container > :nth-child(10)[b-6w0fwxie20],
    .container > :nth-child(11)[b-6w0fwxie20],
    .container > :nth-child(12)[b-6w0fwxie20],
    .container > :nth-child(13)[b-6w0fwxie20],
    .container > :nth-child(14)[b-6w0fwxie20],
    .container > :nth-child(15)[b-6w0fwxie20],
    .container > :nth-child(16)[b-6w0fwxie20],
    .container > :nth-child(17)[b-6w0fwxie20],
    .container > :nth-child(18)[b-6w0fwxie20],
    .container > :nth-child(19)[b-6w0fwxie20],
    .container > :nth-child(21)[b-6w0fwxie20],
    .container > :nth-child(25)[b-6w0fwxie20],
    .container > :nth-child(27)[b-6w0fwxie20],
    .container > :nth-child(55)[b-6w0fwxie20],
    .container > :nth-child(56)[b-6w0fwxie20],
    .container > :nth-child(62)[b-6w0fwxie20],
    .container > :nth-child(63)[b-6w0fwxie20],
    .container > :nth-child(66)[b-6w0fwxie20],
    .container > :nth-child(67)[b-6w0fwxie20],
    .container > :nth-child(69)[b-6w0fwxie20],
    .container > :nth-child(70)[b-6w0fwxie20],
    .container > :nth-child(77)[b-6w0fwxie20],
    .container > :nth-child(76)[b-6w0fwxie20],
    .container > :nth-child(75)[b-6w0fwxie20],
    .container > :nth-child(74)[b-6w0fwxie20],
    .container > :nth-child(73)[b-6w0fwxie20],
    .container > :nth-child(72)[b-6w0fwxie20],
    .container > :nth-child(71)[b-6w0fwxie20],
    .container > :nth-child(65)[b-6w0fwxie20],
    .container > :nth-child(64)[b-6w0fwxie20] {
        visibility: hidden;
    }

.hex[b-6w0fwxie20] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/FivePlayers/FivePlayersMediumDiamondMap.razor.rz.scp.css */
.container[b-htduu2mzwv] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-htduu2mzwv] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-htduu2mzwv] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-htduu2mzwv] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-htduu2mzwv] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-htduu2mzwv] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-htduu2mzwv] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-htduu2mzwv] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-htduu2mzwv],
    .container > :nth-child(2)[b-htduu2mzwv],
    .container > :nth-child(3)[b-htduu2mzwv],
    .container > :nth-child(5)[b-htduu2mzwv],
    .container > :nth-child(6)[b-htduu2mzwv],
    .container > :nth-child(7)[b-htduu2mzwv],
    .container > :nth-child(8)[b-htduu2mzwv],
    .container > :nth-child(14)[b-htduu2mzwv],
    .container > :nth-child(15)[b-htduu2mzwv],
    .container > :nth-child(21)[b-htduu2mzwv],
    .container > :nth-child(36)[b-htduu2mzwv],
    .container > :nth-child(37)[b-htduu2mzwv],
    .container > :nth-child(41)[b-htduu2mzwv],
    .container > :nth-child(42)[b-htduu2mzwv],
    .container > :nth-child(43)[b-htduu2mzwv],
    .container > :nth-child(44)[b-htduu2mzwv],
    .container > :nth-child(48)[b-htduu2mzwv],
    .container > :nth-child(49)[b-htduu2mzwv] {
        visibility: hidden;
    }

.hex[b-htduu2mzwv] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/FivePlayers/FivePlayersMediumHyperlineMap.razor.rz.scp.css */
.container[b-xm9cxi4y0g] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-xm9cxi4y0g] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-xm9cxi4y0g] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-xm9cxi4y0g] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-xm9cxi4y0g] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-xm9cxi4y0g] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-xm9cxi4y0g] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-xm9cxi4y0g] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-xm9cxi4y0g],
    .container > :nth-child(2)[b-xm9cxi4y0g],
    .container > :nth-child(3)[b-xm9cxi4y0g],
    .container > :nth-child(5)[b-xm9cxi4y0g],
    .container > :nth-child(6)[b-xm9cxi4y0g],
    .container > :nth-child(7)[b-xm9cxi4y0g],
    .container > :nth-child(8)[b-xm9cxi4y0g],
    .container > :nth-child(14)[b-xm9cxi4y0g],
    .container > :nth-child(43)[b-xm9cxi4y0g],
    .container > :nth-child(44)[b-xm9cxi4y0g],
    .container > :nth-child(48)[b-xm9cxi4y0g],
    .container > :nth-child(49)[b-xm9cxi4y0g] {
        visibility: hidden;
    }

.hex[b-xm9cxi4y0g] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/FivePlayers/FivePlayersMediumMap.razor.rz.scp.css */
.container[b-x9z2suk60x] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-x9z2suk60x] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-x9z2suk60x] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-x9z2suk60x] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-x9z2suk60x] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-x9z2suk60x] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-x9z2suk60x] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-x9z2suk60x] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-x9z2suk60x],
    .container > :nth-child(2)[b-x9z2suk60x],
    .container > :nth-child(3)[b-x9z2suk60x],
    .container > :nth-child(5)[b-x9z2suk60x],
    .container > :nth-child(6)[b-x9z2suk60x],
    .container > :nth-child(7)[b-x9z2suk60x],
    .container > :nth-child(8)[b-x9z2suk60x],
    .container > :nth-child(14)[b-x9z2suk60x],
    .container > :nth-child(43)[b-x9z2suk60x],
    .container > :nth-child(44)[b-x9z2suk60x],
    .container > :nth-child(48)[b-x9z2suk60x],
    .container > :nth-child(49)[b-x9z2suk60x] {
        visibility: hidden;
    }

.hex[b-x9z2suk60x] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/FourPlayers/FourPlayersMediumDoubleWarpMap.razor.rz.scp.css */
.container[b-ungjam4mt6] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-ungjam4mt6] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-ungjam4mt6] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-ungjam4mt6] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-ungjam4mt6] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-ungjam4mt6] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-ungjam4mt6] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-ungjam4mt6] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-ungjam4mt6],
    .container > :nth-child(2)[b-ungjam4mt6],
    .container > :nth-child(3)[b-ungjam4mt6],
    .container > :nth-child(4)[b-ungjam4mt6],
    .container > :nth-child(5)[b-ungjam4mt6],
    .container > :nth-child(6)[b-ungjam4mt6],
    .container > :nth-child(7)[b-ungjam4mt6],
    .container > :nth-child(8)[b-ungjam4mt6],
    .container > :nth-child(10)[b-ungjam4mt6],
    .container > :nth-child(12)[b-ungjam4mt6],
    .container > :nth-child(14)[b-ungjam4mt6],
    .container > :nth-child(18)[b-ungjam4mt6],
    .container > :nth-child(32)[b-ungjam4mt6],
    .container > :nth-child(43)[b-ungjam4mt6],
    .container > :nth-child(44)[b-ungjam4mt6],
    .container > :nth-child(45)[b-ungjam4mt6],
    .container > :nth-child(46)[b-ungjam4mt6],
    .container > :nth-child(47)[b-ungjam4mt6],
    .container > :nth-child(48)[b-ungjam4mt6],
    .container > :nth-child(49)[b-ungjam4mt6] {
        visibility: hidden;
    }

.hex[b-ungjam4mt6] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/FourPlayers/FourPlayersMediumGapsMap.razor.rz.scp.css */
.container[b-8g8e21ozwa] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-8g8e21ozwa] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-8g8e21ozwa] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-8g8e21ozwa] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-8g8e21ozwa] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-8g8e21ozwa] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-8g8e21ozwa] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-8g8e21ozwa] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-8g8e21ozwa],
    .container > :nth-child(2)[b-8g8e21ozwa],
    .container > :nth-child(3)[b-8g8e21ozwa],
    .container > :nth-child(4)[b-8g8e21ozwa],
    .container > :nth-child(5)[b-8g8e21ozwa],
    .container > :nth-child(6)[b-8g8e21ozwa],
    .container > :nth-child(7)[b-8g8e21ozwa],
    .container > :nth-child(8)[b-8g8e21ozwa],
    .container > :nth-child(14)[b-8g8e21ozwa],
    .container > :nth-child(15)[b-8g8e21ozwa],
    .container > :nth-child(18)[b-8g8e21ozwa],
    .container > :nth-child(21)[b-8g8e21ozwa],
    .container > :nth-child(22)[b-8g8e21ozwa],
    .container > :nth-child(28)[b-8g8e21ozwa],
    .container > :nth-child(29)[b-8g8e21ozwa],
    .container > :nth-child(32)[b-8g8e21ozwa],
    .container > :nth-child(35)[b-8g8e21ozwa],
    .container > :nth-child(36)[b-8g8e21ozwa],
    .container > :nth-child(42)[b-8g8e21ozwa],
    .container > :nth-child(43)[b-8g8e21ozwa],
    .container > :nth-child(44)[b-8g8e21ozwa],
    .container > :nth-child(46)[b-8g8e21ozwa],
    .container > :nth-child(48)[b-8g8e21ozwa],
    .container > :nth-child(49)[b-8g8e21ozwa] {
        visibility: hidden;
    }

.hex[b-8g8e21ozwa] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/FourPlayers/FourPlayersMediumHorizontalMap.razor.rz.scp.css */
.container[b-3fdez88sv8] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-3fdez88sv8] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-3fdez88sv8] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-3fdez88sv8] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-3fdez88sv8] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-3fdez88sv8] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-3fdez88sv8] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-3fdez88sv8] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-3fdez88sv8],
    .container > :nth-child(2)[b-3fdez88sv8],
    .container > :nth-child(3)[b-3fdez88sv8],
    .container > :nth-child(4)[b-3fdez88sv8],
    .container > :nth-child(5)[b-3fdez88sv8],
    .container > :nth-child(6)[b-3fdez88sv8],
    .container > :nth-child(7)[b-3fdez88sv8],
    .container > :nth-child(8)[b-3fdez88sv8],
    .container > :nth-child(10)[b-3fdez88sv8],
    .container > :nth-child(12)[b-3fdez88sv8],
    .container > :nth-child(14)[b-3fdez88sv8],
    .container > :nth-child(43)[b-3fdez88sv8],
    .container > :nth-child(44)[b-3fdez88sv8],
    .container > :nth-child(45)[b-3fdez88sv8],
    .container > :nth-child(46)[b-3fdez88sv8],
    .container > :nth-child(47)[b-3fdez88sv8],
    .container > :nth-child(48)[b-3fdez88sv8],
    .container > :nth-child(49)[b-3fdez88sv8] {
        visibility: hidden;
    }

.hex[b-3fdez88sv8] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/FourPlayers/FourPlayersMediumHyperlineMap.razor.rz.scp.css */
.container[b-kb2nagxadb] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-kb2nagxadb] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-kb2nagxadb] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-kb2nagxadb] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-kb2nagxadb] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-kb2nagxadb] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-kb2nagxadb] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-kb2nagxadb] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-kb2nagxadb],
    .container > :nth-child(2)[b-kb2nagxadb],
    .container > :nth-child(3)[b-kb2nagxadb],
    .container > :nth-child(5)[b-kb2nagxadb],
    .container > :nth-child(6)[b-kb2nagxadb],
    .container > :nth-child(7)[b-kb2nagxadb],
    .container > :nth-child(8)[b-kb2nagxadb],
    .container > :nth-child(14)[b-kb2nagxadb],
    .container > :nth-child(43)[b-kb2nagxadb],
    .container > :nth-child(44)[b-kb2nagxadb],
    .container > :nth-child(48)[b-kb2nagxadb],
    .container > :nth-child(49)[b-kb2nagxadb] {
        visibility: hidden;
    }

.hex[b-kb2nagxadb] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/FourPlayers/FourPlayersMediumMap.razor.rz.scp.css */
.container[b-ropor4f6ci] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-ropor4f6ci] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-ropor4f6ci] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-ropor4f6ci] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-ropor4f6ci] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-ropor4f6ci] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-ropor4f6ci] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-ropor4f6ci] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-ropor4f6ci],
    .container > :nth-child(2)[b-ropor4f6ci],
    .container > :nth-child(3)[b-ropor4f6ci],
    .container > :nth-child(5)[b-ropor4f6ci],
    .container > :nth-child(6)[b-ropor4f6ci],
    .container > :nth-child(7)[b-ropor4f6ci],
    .container > :nth-child(8)[b-ropor4f6ci],
    .container > :nth-child(14)[b-ropor4f6ci],
    .container > :nth-child(43)[b-ropor4f6ci],
    .container > :nth-child(44)[b-ropor4f6ci],
    .container > :nth-child(48)[b-ropor4f6ci],
    .container > :nth-child(49)[b-ropor4f6ci] {
        visibility: hidden;
    }

.hex[b-ropor4f6ci] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/FourPlayers/FourPlayersMediumMiniWarpMap.razor.rz.scp.css */
.container[b-88tc9oxnco] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-88tc9oxnco] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-88tc9oxnco] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-88tc9oxnco] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-88tc9oxnco] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-88tc9oxnco] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-88tc9oxnco] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-88tc9oxnco] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-88tc9oxnco],
    .container > :nth-child(2)[b-88tc9oxnco],
    .container > :nth-child(3)[b-88tc9oxnco],
    .container > :nth-child(5)[b-88tc9oxnco],
    .container > :nth-child(6)[b-88tc9oxnco],
    .container > :nth-child(7)[b-88tc9oxnco],
    .container > :nth-child(8)[b-88tc9oxnco],
    .container > :nth-child(14)[b-88tc9oxnco],
    .container > :nth-child(43)[b-88tc9oxnco],
    .container > :nth-child(44)[b-88tc9oxnco],
    .container > :nth-child(48)[b-88tc9oxnco],
    .container > :nth-child(49)[b-88tc9oxnco] {
        visibility: hidden;
    }

.hex[b-88tc9oxnco] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/FourPlayers/FourPlayersMediumVerticalMap.razor.rz.scp.css */
.container[b-93k836o66n] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-93k836o66n] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-93k836o66n] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-93k836o66n] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-93k836o66n] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-93k836o66n] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-93k836o66n] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-93k836o66n] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-93k836o66n],
    .container > :nth-child(2)[b-93k836o66n],
    .container > :nth-child(3)[b-93k836o66n],
    .container > :nth-child(4)[b-93k836o66n],
    .container > :nth-child(5)[b-93k836o66n],
    .container > :nth-child(6)[b-93k836o66n],
    .container > :nth-child(7)[b-93k836o66n],
    .container > :nth-child(8)[b-93k836o66n],
    .container > :nth-child(14)[b-93k836o66n],
    .container > :nth-child(15)[b-93k836o66n],
    .container > :nth-child(21)[b-93k836o66n],
    .container > :nth-child(22)[b-93k836o66n],
    .container > :nth-child(28)[b-93k836o66n],
    .container > :nth-child(29)[b-93k836o66n],
    .container > :nth-child(35)[b-93k836o66n],
    .container > :nth-child(36)[b-93k836o66n],
    .container > :nth-child(42)[b-93k836o66n],
    .container > :nth-child(43)[b-93k836o66n],
    .container > :nth-child(44)[b-93k836o66n],
    .container > :nth-child(46)[b-93k836o66n],
    .container > :nth-child(48)[b-93k836o66n],
    .container > :nth-child(49)[b-93k836o66n] {
        visibility: hidden;
    }

.hex[b-93k836o66n] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/FourPlayers/FourPlayersMediumWarpMap.razor.rz.scp.css */
.container[b-e3hx97xh0g] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-e3hx97xh0g] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-e3hx97xh0g] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-e3hx97xh0g] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-e3hx97xh0g] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-e3hx97xh0g] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-e3hx97xh0g] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-e3hx97xh0g] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-e3hx97xh0g],
    .container > :nth-child(2)[b-e3hx97xh0g],
    .container > :nth-child(3)[b-e3hx97xh0g],
    .container > :nth-child(4)[b-e3hx97xh0g],
    .container > :nth-child(5)[b-e3hx97xh0g],
    .container > :nth-child(6)[b-e3hx97xh0g],
    .container > :nth-child(7)[b-e3hx97xh0g],
    .container > :nth-child(8)[b-e3hx97xh0g],
    .container > :nth-child(14)[b-e3hx97xh0g],
    .container > :nth-child(15)[b-e3hx97xh0g],
    .container > :nth-child(21)[b-e3hx97xh0g],
    .container > :nth-child(22)[b-e3hx97xh0g],
    .container > :nth-child(28)[b-e3hx97xh0g],
    .container > :nth-child(29)[b-e3hx97xh0g],
    .container > :nth-child(35)[b-e3hx97xh0g],
    .container > :nth-child(36)[b-e3hx97xh0g],
    .container > :nth-child(42)[b-e3hx97xh0g],
    .container > :nth-child(43)[b-e3hx97xh0g],
    .container > :nth-child(44)[b-e3hx97xh0g],
    .container > :nth-child(46)[b-e3hx97xh0g],
    .container > :nth-child(48)[b-e3hx97xh0g],
    .container > :nth-child(49)[b-e3hx97xh0g] {
        visibility: hidden;
    }

.hex[b-e3hx97xh0g] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/SevenPlayers/SevenPlayersLargeHyperlineMap.razor.rz.scp.css */
.container[b-sk2njw4pes] {
    display: grid;
    grid-template-columns: repeat(9, minmax(1px, auto));
    grid-template-rows: repeat(8, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(9n+1)[b-sk2njw4pes] {
        transform: translate(100%, 0%);
    }

    .container > :nth-child(9n+2)[b-sk2njw4pes] {
        transform: translate(75%, 50%);
    }

    .container > :nth-child(9n+3)[b-sk2njw4pes] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(9n+4)[b-sk2njw4pes] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(9n+6)[b-sk2njw4pes] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(9n+7)[b-sk2njw4pes] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(9n+8)[b-sk2njw4pes] {
        transform: translate(-75%, 50%);
    }

    .container > :nth-child(9n+9)[b-sk2njw4pes] {
        transform: translate(-100%, 0%);
    }

    .container > :nth-child(74)[b-sk2njw4pes] {
        grid-column: 3 / span 1;
        grid-row: 9;
        transform: translate(50%, 0%);
    }

    .container > :nth-child(75)[b-sk2njw4pes] {
        grid-column: 5 / span 1;
        grid-row: 9;
        transform: translate(0%, 0%);
    }

    .container > :nth-child(76)[b-sk2njw4pes] {
        grid-column: 7 / span 1;
        grid-row: 9;
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(77)[b-sk2njw4pes] {
        grid-column: 8 / span 1;
        grid-row: 9;
    }


    .container > :nth-child(1)[b-sk2njw4pes],
    .container > :nth-child(2)[b-sk2njw4pes],
    .container > :nth-child(3)[b-sk2njw4pes],
    .container > :nth-child(7)[b-sk2njw4pes],
    .container > :nth-child(8)[b-sk2njw4pes],
    .container > :nth-child(9)[b-sk2njw4pes],
    .container > :nth-child(10)[b-sk2njw4pes],
    .container > :nth-child(18)[b-sk2njw4pes],
    .container > :nth-child(77)[b-sk2njw4pes],
    .container > :nth-child(76)[b-sk2njw4pes],
    .container > :nth-child(74)[b-sk2njw4pes],
    .container > :nth-child(73)[b-sk2njw4pes],
    .container > :nth-child(72)[b-sk2njw4pes],
    .container > :nth-child(71)[b-sk2njw4pes],
    .container > :nth-child(65)[b-sk2njw4pes],
    .container > :nth-child(64)[b-sk2njw4pes] {
        visibility: hidden;
    }

.hex[b-sk2njw4pes] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/SevenPlayers/SevenPlayersLargeWarpMap.razor.rz.scp.css */
.container[b-zp6jcp00qe] {
    display: grid;
    grid-template-columns: repeat(9, minmax(1px, auto));
    grid-template-rows: repeat(8, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(9n+1)[b-zp6jcp00qe] {
        transform: translate(100%, 0%);
    }

    .container > :nth-child(9n+2)[b-zp6jcp00qe] {
        transform: translate(75%, 50%);
    }

    .container > :nth-child(9n+3)[b-zp6jcp00qe] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(9n+4)[b-zp6jcp00qe] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(9n+6)[b-zp6jcp00qe] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(9n+7)[b-zp6jcp00qe] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(9n+8)[b-zp6jcp00qe] {
        transform: translate(-75%, 50%);
    }

    .container > :nth-child(9n+9)[b-zp6jcp00qe] {
        transform: translate(-100%, 0%);
    }

    .container > :nth-child(74)[b-zp6jcp00qe] {
        grid-column: 3 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(50%, 0%);
    }

    .container > :nth-child(75)[b-zp6jcp00qe] {
        grid-column: 5 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(0%, 0%);
    }

    .container > :nth-child(76)[b-zp6jcp00qe] {
        grid-column: 7 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(77)[b-zp6jcp00qe] {
        grid-column: 8 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
    }


    .container > :nth-child(1)[b-zp6jcp00qe],
    .container > :nth-child(2)[b-zp6jcp00qe],
    .container > :nth-child(3)[b-zp6jcp00qe],
    .container > :nth-child(7)[b-zp6jcp00qe],
    .container > :nth-child(8)[b-zp6jcp00qe],
    .container > :nth-child(9)[b-zp6jcp00qe],
    .container > :nth-child(10)[b-zp6jcp00qe],
    .container > :nth-child(16)[b-zp6jcp00qe],
    .container > :nth-child(17)[b-zp6jcp00qe],
    .container > :nth-child(18)[b-zp6jcp00qe],
    .container > :nth-child(19)[b-zp6jcp00qe],
    .container > :nth-child(27)[b-zp6jcp00qe],
    .container > :nth-child(36)[b-zp6jcp00qe],
    .container > :nth-child(45)[b-zp6jcp00qe],
    .container > :nth-child(46)[b-zp6jcp00qe],
    .container > :nth-child(54)[b-zp6jcp00qe],
    .container > :nth-child(55)[b-zp6jcp00qe],
    .container > :nth-child(62)[b-zp6jcp00qe],
    .container > :nth-child(63)[b-zp6jcp00qe],
    .container > :nth-child(70)[b-zp6jcp00qe],
    .container > :nth-child(77)[b-zp6jcp00qe],
    .container > :nth-child(76)[b-zp6jcp00qe],
    .container > :nth-child(74)[b-zp6jcp00qe],
    .container > :nth-child(73)[b-zp6jcp00qe],
    .container > :nth-child(72)[b-zp6jcp00qe],
    .container > :nth-child(71)[b-zp6jcp00qe],
    .container > :nth-child(65)[b-zp6jcp00qe],
    .container > :nth-child(64)[b-zp6jcp00qe] {
        visibility: hidden;
    }

.hex[b-zp6jcp00qe] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/SixPlayers/SixPlayersLargeMap.razor.rz.scp.css */
.container[b-qow2l27bq9] {
    display: grid;
    grid-template-columns: repeat(9, minmax(1px, auto));
    grid-template-rows: repeat(8, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(9n+1)[b-qow2l27bq9] {
        transform: translate(100%, 0%);
    }

    .container > :nth-child(9n+2)[b-qow2l27bq9] {
        transform: translate(75%, 50%);
    }

    .container > :nth-child(9n+3)[b-qow2l27bq9] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(9n+4)[b-qow2l27bq9] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(9n+6)[b-qow2l27bq9] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(9n+7)[b-qow2l27bq9] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(9n+8)[b-qow2l27bq9] {
        transform: translate(-75%, 50%);
    }

    .container > :nth-child(9n+9)[b-qow2l27bq9] {
        transform: translate(-100%, 0%);
    }

    .container > :nth-child(74)[b-qow2l27bq9] {
        grid-column: 3 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(50%, 0%);
    }

    .container > :nth-child(75)[b-qow2l27bq9] {
        grid-column: 5 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(0%, 0%);
    }

    .container > :nth-child(76)[b-qow2l27bq9] {
        grid-column: 7 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(77)[b-qow2l27bq9] {
        grid-column: 8 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
    }


    .container > :nth-child(1)[b-qow2l27bq9],
    .container > :nth-child(2)[b-qow2l27bq9],
    .container > :nth-child(3)[b-qow2l27bq9],
    .container > :nth-child(7)[b-qow2l27bq9],
    .container > :nth-child(8)[b-qow2l27bq9],
    .container > :nth-child(9)[b-qow2l27bq9],
    .container > :nth-child(10)[b-qow2l27bq9],
    .container > :nth-child(18)[b-qow2l27bq9],
    .container > :nth-child(77)[b-qow2l27bq9],
    .container > :nth-child(76)[b-qow2l27bq9],
    .container > :nth-child(74)[b-qow2l27bq9],
    .container > :nth-child(73)[b-qow2l27bq9],
    .container > :nth-child(72)[b-qow2l27bq9],
    .container > :nth-child(71)[b-qow2l27bq9],
    .container > :nth-child(65)[b-qow2l27bq9],
    .container > :nth-child(64)[b-qow2l27bq9] {
        visibility: hidden;
    }

.hex[b-qow2l27bq9] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/SixPlayers/SixPlayersMediumMap.razor.rz.scp.css */
.container[b-2v0rwdli9a] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-2v0rwdli9a] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-2v0rwdli9a] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-2v0rwdli9a] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-2v0rwdli9a] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-2v0rwdli9a] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-2v0rwdli9a] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-2v0rwdli9a] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-2v0rwdli9a],
    .container > :nth-child(2)[b-2v0rwdli9a],
    .container > :nth-child(3)[b-2v0rwdli9a],
    .container > :nth-child(5)[b-2v0rwdli9a],
    .container > :nth-child(6)[b-2v0rwdli9a],
    .container > :nth-child(7)[b-2v0rwdli9a],
    .container > :nth-child(8)[b-2v0rwdli9a],
    .container > :nth-child(14)[b-2v0rwdli9a],
    .container > :nth-child(43)[b-2v0rwdli9a],
    .container > :nth-child(44)[b-2v0rwdli9a],
    .container > :nth-child(48)[b-2v0rwdli9a],
    .container > :nth-child(49)[b-2v0rwdli9a] {
        visibility: hidden;
    }

.hex[b-2v0rwdli9a] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/SixPlayers/SixPlayersMediumSpiralMap.razor.rz.scp.css */
.container[b-hltkoac86d] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-hltkoac86d] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-hltkoac86d] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-hltkoac86d] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-hltkoac86d] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-hltkoac86d] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-hltkoac86d] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-hltkoac86d] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-hltkoac86d],
    .container > :nth-child(2)[b-hltkoac86d],
    .container > :nth-child(3)[b-hltkoac86d],
    .container > :nth-child(5)[b-hltkoac86d],
    .container > :nth-child(6)[b-hltkoac86d],
    .container > :nth-child(7)[b-hltkoac86d],
    .container > :nth-child(8)[b-hltkoac86d],
    .container > :nth-child(14)[b-hltkoac86d],
    .container > :nth-child(43)[b-hltkoac86d],
    .container > :nth-child(44)[b-hltkoac86d],
    .container > :nth-child(48)[b-hltkoac86d],
    .container > :nth-child(49)[b-hltkoac86d] {
        visibility: hidden;
    }

.hex[b-hltkoac86d] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/ThreePlayers/ThreePlayersMediumHyperlineMap.razor.rz.scp.css */
.container[b-0v9z63q865] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-0v9z63q865] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-0v9z63q865] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-0v9z63q865] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-0v9z63q865] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-0v9z63q865] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-0v9z63q865] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-0v9z63q865] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-0v9z63q865],
    .container > :nth-child(2)[b-0v9z63q865],
    .container > :nth-child(3)[b-0v9z63q865],
    .container > :nth-child(5)[b-0v9z63q865],
    .container > :nth-child(6)[b-0v9z63q865],
    .container > :nth-child(7)[b-0v9z63q865],
    .container > :nth-child(8)[b-0v9z63q865],
    .container > :nth-child(14)[b-0v9z63q865],
    .container > :nth-child(43)[b-0v9z63q865],
    .container > :nth-child(44)[b-0v9z63q865],
    .container > :nth-child(48)[b-0v9z63q865],
    .container > :nth-child(49)[b-0v9z63q865] {
        visibility: hidden;
    }

.hex[b-0v9z63q865] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/ThreePlayers/ThreePlayersMediumMantaRayMap.razor.rz.scp.css */
.container[b-jzunelz1ui] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-jzunelz1ui] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-jzunelz1ui] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-jzunelz1ui] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-jzunelz1ui] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-jzunelz1ui] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-jzunelz1ui] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-jzunelz1ui] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-jzunelz1ui],
    .container > :nth-child(2)[b-jzunelz1ui],
    .container > :nth-child(3)[b-jzunelz1ui],
    .container > :nth-child(4)[b-jzunelz1ui],
    .container > :nth-child(5)[b-jzunelz1ui],
    .container > :nth-child(6)[b-jzunelz1ui],
    .container > :nth-child(7)[b-jzunelz1ui],
    .container > :nth-child(8)[b-jzunelz1ui],
    .container > :nth-child(9)[b-jzunelz1ui],
    .container > :nth-child(10)[b-jzunelz1ui],
    .container > :nth-child(11)[b-jzunelz1ui],
    .container > :nth-child(12)[b-jzunelz1ui],
    .container > :nth-child(13)[b-jzunelz1ui],
    .container > :nth-child(14)[b-jzunelz1ui],
    .container > :nth-child(15)[b-jzunelz1ui],
    .container > :nth-child(16)[b-jzunelz1ui],
    .container > :nth-child(17)[b-jzunelz1ui],
    .container > :nth-child(19)[b-jzunelz1ui],
    .container > :nth-child(20)[b-jzunelz1ui],
    .container > :nth-child(21)[b-jzunelz1ui],
    .container > :nth-child(22)[b-jzunelz1ui],
    .container > :nth-child(28)[b-jzunelz1ui],
    .container > :nth-child(43)[b-jzunelz1ui],
    .container > :nth-child(44)[b-jzunelz1ui],
    .container > :nth-child(48)[b-jzunelz1ui],
    .container > :nth-child(49)[b-jzunelz1ui] {
        visibility: hidden;
    }

.hex[b-jzunelz1ui] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/ThreePlayers/ThreePlayersMediumRexMap.razor.rz.scp.css */
.container[b-orvd7b8mcx] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-orvd7b8mcx] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-orvd7b8mcx] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-orvd7b8mcx] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-orvd7b8mcx] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-orvd7b8mcx] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-orvd7b8mcx] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-orvd7b8mcx] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-orvd7b8mcx],
    .container > :nth-child(2)[b-orvd7b8mcx],
    .container > :nth-child(3)[b-orvd7b8mcx],
    .container > :nth-child(5)[b-orvd7b8mcx],
    .container > :nth-child(6)[b-orvd7b8mcx],
    .container > :nth-child(7)[b-orvd7b8mcx],
    .container > :nth-child(8)[b-orvd7b8mcx],
    .container > :nth-child(9)[b-orvd7b8mcx],
    .container > :nth-child(13)[b-orvd7b8mcx],
    .container > :nth-child(14)[b-orvd7b8mcx],
    .container > :nth-child(22)[b-orvd7b8mcx],
    .container > :nth-child(28)[b-orvd7b8mcx],
    .container > :nth-child(43)[b-orvd7b8mcx],
    .container > :nth-child(44)[b-orvd7b8mcx],
    .container > :nth-child(45)[b-orvd7b8mcx],
    .container > :nth-child(47)[b-orvd7b8mcx],
    .container > :nth-child(48)[b-orvd7b8mcx],
    .container > :nth-child(49)[b-orvd7b8mcx] {
        visibility: hidden;
    }

.hex[b-orvd7b8mcx] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/ThreePlayers/ThreePlayersMediumSnowflakeMap.razor.rz.scp.css */
.container[b-wyy9x9dce5] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-wyy9x9dce5] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-wyy9x9dce5] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-wyy9x9dce5] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-wyy9x9dce5] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-wyy9x9dce5] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-wyy9x9dce5] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-wyy9x9dce5] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-wyy9x9dce5],
    .container > :nth-child(2)[b-wyy9x9dce5],
    .container > :nth-child(3)[b-wyy9x9dce5],
    .container > :nth-child(4)[b-wyy9x9dce5],
    .container > :nth-child(5)[b-wyy9x9dce5],
    .container > :nth-child(6)[b-wyy9x9dce5],
    .container > :nth-child(7)[b-wyy9x9dce5],
    .container > :nth-child(8)[b-wyy9x9dce5],
    .container > :nth-child(14)[b-wyy9x9dce5],
    .container > :nth-child(15)[b-wyy9x9dce5],
    .container > :nth-child(18)[b-wyy9x9dce5],
    .container > :nth-child(21)[b-wyy9x9dce5],
    .container > :nth-child(31)[b-wyy9x9dce5],
    .container > :nth-child(33)[b-wyy9x9dce5],
    .container > :nth-child(36)[b-wyy9x9dce5],
    .container > :nth-child(42)[b-wyy9x9dce5],
    .container > :nth-child(43)[b-wyy9x9dce5],
    .container > :nth-child(44)[b-wyy9x9dce5],
    .container > :nth-child(46)[b-wyy9x9dce5],
    .container > :nth-child(48)[b-wyy9x9dce5],
    .container > :nth-child(49)[b-wyy9x9dce5] {
        visibility: hidden;
    }

.hex[b-wyy9x9dce5] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/ThreePlayers/ThreePlayersMediumTriangleMap.razor.rz.scp.css */
.container[b-zaggggqb6r] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-zaggggqb6r] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-zaggggqb6r] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-zaggggqb6r] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-zaggggqb6r] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-zaggggqb6r] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-zaggggqb6r] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-zaggggqb6r] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-zaggggqb6r],
    .container > :nth-child(2)[b-zaggggqb6r],
    .container > :nth-child(3)[b-zaggggqb6r],
    .container > :nth-child(5)[b-zaggggqb6r],
    .container > :nth-child(6)[b-zaggggqb6r],
    .container > :nth-child(7)[b-zaggggqb6r],
    .container > :nth-child(8)[b-zaggggqb6r],
    .container > :nth-child(9)[b-zaggggqb6r],
    .container > :nth-child(13)[b-zaggggqb6r],
    .container > :nth-child(14)[b-zaggggqb6r],
    .container > :nth-child(15)[b-zaggggqb6r],
    .container > :nth-child(21)[b-zaggggqb6r],
    .container > :nth-child(22)[b-zaggggqb6r],
    .container > :nth-child(28)[b-zaggggqb6r],
    .container > :nth-child(43)[b-zaggggqb6r],
    .container > :nth-child(44)[b-zaggggqb6r],
    .container > :nth-child(45)[b-zaggggqb6r],
    .container > :nth-child(46)[b-zaggggqb6r],
    .container > :nth-child(47)[b-zaggggqb6r],
    .container > :nth-child(48)[b-zaggggqb6r],
    .container > :nth-child(49)[b-zaggggqb6r] {
        visibility: hidden;
    }

.hex[b-zaggggqb6r] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/ThreePlayers/ThreePlayersMediumTriangleNarrowMap.razor.rz.scp.css */
.container[b-cbzmprnraa] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-cbzmprnraa] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-cbzmprnraa] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-cbzmprnraa] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-cbzmprnraa] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-cbzmprnraa] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-cbzmprnraa] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-cbzmprnraa] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-cbzmprnraa],
    .container > :nth-child(2)[b-cbzmprnraa],
    .container > :nth-child(3)[b-cbzmprnraa],
    .container > :nth-child(4)[b-cbzmprnraa],
    .container > :nth-child(5)[b-cbzmprnraa],
    .container > :nth-child(6)[b-cbzmprnraa],
    .container > :nth-child(7)[b-cbzmprnraa],
    .container > :nth-child(8)[b-cbzmprnraa],
    .container > :nth-child(9)[b-cbzmprnraa],
    .container > :nth-child(10)[b-cbzmprnraa],
    .container > :nth-child(14)[b-cbzmprnraa],
    .container > :nth-child(15)[b-cbzmprnraa],
    .container > :nth-child(21)[b-cbzmprnraa],
    .container > :nth-child(28)[b-cbzmprnraa],
    .container > :nth-child(35)[b-cbzmprnraa],
    .container > :nth-child(36)[b-cbzmprnraa],
    .container > :nth-child(37)[b-cbzmprnraa],
    .container > :nth-child(42)[b-cbzmprnraa],
    .container > :nth-child(43)[b-cbzmprnraa],
    .container > :nth-child(44)[b-cbzmprnraa],
    .container > :nth-child(45)[b-cbzmprnraa],
    .container > :nth-child(46)[b-cbzmprnraa],
    .container > :nth-child(48)[b-cbzmprnraa],
    .container > :nth-child(49)[b-cbzmprnraa] {
        visibility: hidden;
    }

.hex[b-cbzmprnraa] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/ThreePlayers/ThreePlayersMediumTridentMap.razor.rz.scp.css */
.container[b-5xt1tcrsim] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-5xt1tcrsim] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-5xt1tcrsim] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-5xt1tcrsim] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-5xt1tcrsim] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-5xt1tcrsim] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-5xt1tcrsim] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-5xt1tcrsim] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-5xt1tcrsim],
    .container > :nth-child(2)[b-5xt1tcrsim],
    .container > :nth-child(3)[b-5xt1tcrsim],
    .container > :nth-child(5)[b-5xt1tcrsim],
    .container > :nth-child(6)[b-5xt1tcrsim],
    .container > :nth-child(7)[b-5xt1tcrsim],
    .container > :nth-child(8)[b-5xt1tcrsim],
    .container > :nth-child(14)[b-5xt1tcrsim],
    .container > :nth-child(43)[b-5xt1tcrsim],
    .container > :nth-child(44)[b-5xt1tcrsim],
    .container > :nth-child(48)[b-5xt1tcrsim],
    .container > :nth-child(49)[b-5xt1tcrsim] {
        visibility: hidden;
    }

.hex[b-5xt1tcrsim] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/ThreePlayers/ThreePlayersSmallAlternateMap.razor.rz.scp.css */
.container[b-umsv1772co] {
    display: grid;
    grid-template-columns: repeat(5, minmax(1px, auto));
    grid-template-rows: repeat(5, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(5n+1)[b-umsv1772co] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(5n+2)[b-umsv1772co] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(5n+4)[b-umsv1772co] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(5n+5)[b-umsv1772co] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(22)[b-umsv1772co] {
        grid-column: 3 / span 1;
        grid-row: 5;
        transform: translate(0%, 0%);
    }

    .container > :nth-child(23)[b-umsv1772co] {
        grid-column: 5 / span 1;
        grid-row: 5;
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(1)[b-umsv1772co],
    .container > :nth-child(5)[b-umsv1772co],
    .container > :nth-child(21)[b-umsv1772co],
    .container > :nth-child(23)[b-umsv1772co] {
        visibility: hidden;
    }

.hex[b-umsv1772co] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/ThreePlayers/ThreePlayersSmallMap.razor.rz.scp.css */
.container[b-kq7vnf5h9w] {
    display: grid;
    grid-template-columns: repeat(5, minmax(1px, auto));
    grid-template-rows: repeat(5, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(5n+1)[b-kq7vnf5h9w] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(5n+2)[b-kq7vnf5h9w] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(5n+4)[b-kq7vnf5h9w] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(5n+5)[b-kq7vnf5h9w] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(22)[b-kq7vnf5h9w] {
        grid-column: 3 / span 1;
        grid-row: 5;
        transform: translate(0%, 0%);
    }

    .container > :nth-child(23)[b-kq7vnf5h9w] {
        grid-column: 5 / span 1;
        grid-row: 5;
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(1)[b-kq7vnf5h9w],
    .container > :nth-child(5)[b-kq7vnf5h9w],
    .container > :nth-child(21)[b-kq7vnf5h9w],
    .container > :nth-child(23)[b-kq7vnf5h9w]
{
    visibility: hidden;
}

.hex[b-kq7vnf5h9w] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapGrids/TwoPlayers/TwoPlayersMediumMap.razor.rz.scp.css */
.container[b-iwzovt0gkj] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-iwzovt0gkj] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-iwzovt0gkj] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-iwzovt0gkj] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-iwzovt0gkj] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-iwzovt0gkj] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-iwzovt0gkj] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-iwzovt0gkj] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-iwzovt0gkj],
    .container > :nth-child(2)[b-iwzovt0gkj],
    .container > :nth-child(3)[b-iwzovt0gkj],
    .container > :nth-child(4)[b-iwzovt0gkj],
    .container > :nth-child(5)[b-iwzovt0gkj],
    .container > :nth-child(6)[b-iwzovt0gkj],
    .container > :nth-child(7)[b-iwzovt0gkj],
    .container > :nth-child(8)[b-iwzovt0gkj],
    .container > :nth-child(9)[b-iwzovt0gkj],
    .container > :nth-child(10)[b-iwzovt0gkj],
    .container > :nth-child(12)[b-iwzovt0gkj],
    .container > :nth-child(14)[b-iwzovt0gkj],
    .container > :nth-child(15)[b-iwzovt0gkj],
    .container > :nth-child(16)[b-iwzovt0gkj],
    .container > :nth-child(22)[b-iwzovt0gkj],
    .container > :nth-child(34)[b-iwzovt0gkj],
    .container > :nth-child(35)[b-iwzovt0gkj],
    .container > :nth-child(41)[b-iwzovt0gkj],
    .container > :nth-child(42)[b-iwzovt0gkj],
    .container > :nth-child(43)[b-iwzovt0gkj],
    .container > :nth-child(44)[b-iwzovt0gkj],
    .container > :nth-child(45)[b-iwzovt0gkj],
    .container > :nth-child(46)[b-iwzovt0gkj],
    .container > :nth-child(47)[b-iwzovt0gkj],
    .container > :nth-child(48)[b-iwzovt0gkj],
    .container > :nth-child(49)[b-iwzovt0gkj] {
        visibility: hidden;
    }

.hex[b-iwzovt0gkj] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MapGenerator/MapHexTile.razor.rz.scp.css */
.hex-container[b-n1ox9gunst] {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: grab !important;
}

    .hex-container img[b-n1ox9gunst] {
        width: 100%;
        height: 100%;
    }

[draggable=true][b-n1ox9gunst] {
    cursor: grab !important;
}

.hex-text[b-n1ox9gunst] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 22px;
}

.yellow[b-n1ox9gunst] {
    color: yellow;
}

.blue[b-n1ox9gunst] {
    color: deepskyblue;
}

.green[b-n1ox9gunst] {
    color: springgreen;
}
/* /Components/MapGenerator/MapQuickMenu.razor.rz.scp.css */
.map-quick-menu[b-tzqfqim641] {
    position: absolute;
    display: flex;
    flex-direction: column;
    right: -5%;
    top: 10%;
    z-index: 1000;
    width: 15%;
    max-height: 40%;
    min-height: 40%;
}
/* /Components/MapsArchive/MapArchiveGrid.razor.rz.scp.css */
.grid-header[b-ok1qxhs9u4] {
    padding-top: 0.5%;
    padding-bottom: 1%;
    width: 100%;
}
/* /Components/MapsArchive/MapSliceEvaluation.razor.rz.scp.css */
.slice-evaluation-grid[b-38cqr0044l] {
}

.yellow[b-38cqr0044l] {
    color: yellow;
}

.blue[b-38cqr0044l] {
    color: deepskyblue;
}

.green[b-38cqr0044l] {
    color: lawngreen;
}

.max-height[b-38cqr0044l] {
    max-height: 40px;
}

.grid-text[b-38cqr0044l] {
    text-align: center;
    align-self: center;
    justify-self: center;
}
/* /Components/MiltyDraft/MiltyDraftFaction.razor.rz.scp.css */
.responsive-icon[b-uol5goni4l] {
    display: flex;
    flex: 1 1 auto;
    max-width: 90%;
    height: auto;
    padding: 0.25em;
    align-self: center;
    justify-self: center;
    justify-content: center;
    align-items: center;
}

img[b-uol5goni4l] {
    width: 100%;
    max-width: 128px;
    height: 75px;
    max-height: 128px;
    transition: transform 0.3s ease;
    align-self: center;
    justify-self: center;
}
/* /Components/MiltyDraft/MiltyDraftGrid.razor.rz.scp.css */
.background[b-78s05tmml9] {
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
}
/* /Components/MiltyDraft/MiltyDraftHex.razor.rz.scp.css */
.hex-container[b-y02ed79t88] {
    width: 100%;
    height: 100%;
    position: relative;
}

    .hex-container img[b-y02ed79t88] {
        width: 100%;
        height: 100%;
    }

.hex-text[b-y02ed79t88] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 22px;
}
/* /Components/MiltyDraft/MiltyDraftNavBar.razor.rz.scp.css */
.milty-draft-navbar[b-7yy68eoaog] {
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 60%;
    height: 50px;
    min-height: 40px;
    align-self: center;
}
/* /Components/MiltyDraft/MiltyDraftSlice.razor.rz.scp.css */
.milty-draft-slice-grid[b-lq4yocr8n9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(1px, auto));
    grid-template-rows: repeat(4, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .milty-draft-slice-grid > :nth-child(1)[b-lq4yocr8n9] {
        grid-column: 2 / span 1;
        grid-row: 3;
        transform: translate(0%, 50%);
    }

    .milty-draft-slice-grid > :nth-child(2)[b-lq4yocr8n9] {
        grid-column: 1 / span 1;
        grid-row: 3;
        transform: translate(25%, 0%);
    }

    .milty-draft-slice-grid > :nth-child(3)[b-lq4yocr8n9] {
        grid-column: 2 / span 1;
        grid-row: 2;
        transform: translate(0%, 50%);
    }

    .milty-draft-slice-grid > :nth-child(4)[b-lq4yocr8n9] {
        grid-column: 3 / span 1;
        grid-row: 3;
        transform: translate(-25%, 0%);
    }

    .milty-draft-slice-grid > :nth-child(5)[b-lq4yocr8n9] {
        grid-column: 1 / span 1;
        grid-row: 2;
        transform: translate(25%, 0%);
    }

    .milty-draft-slice-grid > :nth-child(6)[b-lq4yocr8n9] {
        grid-column: 2 / span 1;
        grid-row: 1;
        transform: translate(0%, 50%);
    }

    .milty-draft-slice-grid > :nth-child(7)[b-lq4yocr8n9] {
        grid-column: 2 / span 1;
        grid-row: 1;
        transform: translate(0%, 50%);
    }

.hex[b-lq4yocr8n9] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/MiltyDraft/MiltyDraftSliceEvaluationStats.razor.rz.scp.css */
.max-height[b-rt5zpkncbo] {
    max-height: 40px;
    max-width: 40px;
}
/* /Components/News/NewsArticleSegment.razor.rz.scp.css */
.article-title[b-seavvpz1ml] {
    font-size: 28px;
}

.markup-text[b-seavvpz1ml] {
    line-height: 1.5;
}

.width[b-seavvpz1ml] {
    width: 100%;
}

.width-100[b-seavvpz1ml] {
    width: 100%;
}

.width-10[b-seavvpz1ml] {
    max-width: 15%;
    min-width: 15%;
}

.author[b-seavvpz1ml] {
    font-size: 18px;
    text-align: center;
}

@media (max-width: 1248px) {
    .article-title[b-seavvpz1ml] {
        font-size: 20px;
    }

    .author[b-seavvpz1ml] {
        font-size: 14px;
    }

    .markup-text[b-seavvpz1ml] {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .article-title[b-seavvpz1ml] {
        font-size: 18px;
    }

    .author[b-seavvpz1ml] {
        font-size: 12px;
    }

    .markup-text[b-seavvpz1ml] {
        font-size: 12px;
    }
}

/* /Components/PreviewMaps/CustomMapPreview.razor.rz.scp.css */
.container[b-0pq0ifxrlm] {
    display: grid;
    grid-template-columns: repeat(11, minmax(1px, auto));
    grid-template-rows: repeat(21, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(11n+1)[b-0pq0ifxrlm] {
        transform: translate(150%, 0%);
    }

    .container > :nth-child(11n+2)[b-0pq0ifxrlm] {
        transform: translate(125%, 50%);
    }

    .container > :nth-child(11n+3)[b-0pq0ifxrlm] {
        transform: translate(100%, 0%);
    }

    .container > :nth-child(11n+4)[b-0pq0ifxrlm] {
        transform: translate(75%, 50%);
    }

    .container > :nth-child(11n+5)[b-0pq0ifxrlm] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(11n+6)[b-0pq0ifxrlm] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(11n+7)[b-0pq0ifxrlm] {
        transform: translate(0%, 0%);
    }

    .container > :nth-child(11n+8)[b-0pq0ifxrlm] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(11n+9)[b-0pq0ifxrlm] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(11n+10)[b-0pq0ifxrlm] {
        transform: translate(-75%, 50%);
    }

    .container > :nth-child(11n+11)[b-0pq0ifxrlm] {
        transform: translate(-100%, 0%);
    }

    .container > :nth-child(111)[b-0pq0ifxrlm] {
        grid-column: 1 / span 1;
        grid-row: 11;
        transform: translate(150%, 0%);
    }

    .container > :nth-child(112)[b-0pq0ifxrlm] {
        grid-column: 3 / span 1;
        grid-row: 11;
        transform: translate(100%, 0%);
    }

    .container > :nth-child(113)[b-0pq0ifxrlm] {
        grid-column: 5 / span 1;
        grid-row: 11;
        transform: translate(50%, 0%);
    }

    .container > :nth-child(114)[b-0pq0ifxrlm] {
        grid-column: 7 / span 1;
        grid-row: 11;
        transform: translate(0%, 0%);
    }

    .container > :nth-child(115)[b-0pq0ifxrlm] {
        grid-column: 9 / span 1;
        grid-row: 11;
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(116)[b-0pq0ifxrlm] {
        grid-column: 11 / span 1;
        grid-row: 11;
        transform: translate(-100%, 0%);
    }

.hex[b-0pq0ifxrlm] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/EightPlayersLargeMapPreview.razor.rz.scp.css */
.container[b-776typk1i4] {
    display: grid;
    grid-template-columns: repeat(9, minmax(1px, auto));
    grid-template-rows: repeat(8, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(9n+1)[b-776typk1i4] {
        transform: translate(100%, 0%);
    }

    .container > :nth-child(9n+2)[b-776typk1i4] {
        transform: translate(75%, 50%);
    }

    .container > :nth-child(9n+3)[b-776typk1i4] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(9n+4)[b-776typk1i4] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(9n+6)[b-776typk1i4] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(9n+7)[b-776typk1i4] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(9n+8)[b-776typk1i4] {
        transform: translate(-75%, 50%);
    }

    .container > :nth-child(9n+9)[b-776typk1i4] {
        transform: translate(-100%, 0%);
    }

    .container > :nth-child(74)[b-776typk1i4] {
        grid-column: 3 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(50%, 0%);
    }

    .container > :nth-child(75)[b-776typk1i4] {
        grid-column: 5 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(0%, 0%);
    }

    .container > :nth-child(76)[b-776typk1i4] {
        grid-column: 7 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(77)[b-776typk1i4] {
        grid-column: 8 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
    }

    .container > :nth-child(1)[b-776typk1i4],
    .container > :nth-child(2)[b-776typk1i4],
    .container > :nth-child(3)[b-776typk1i4],
    .container > :nth-child(7)[b-776typk1i4],
    .container > :nth-child(8)[b-776typk1i4],
    .container > :nth-child(9)[b-776typk1i4],
    .container > :nth-child(10)[b-776typk1i4],
    .container > :nth-child(18)[b-776typk1i4],
    .container > :nth-child(77)[b-776typk1i4],
    .container > :nth-child(76)[b-776typk1i4],
    .container > :nth-child(74)[b-776typk1i4],
    .container > :nth-child(73)[b-776typk1i4],
    .container > :nth-child(72)[b-776typk1i4],
    .container > :nth-child(71)[b-776typk1i4],
    .container > :nth-child(65)[b-776typk1i4],
    .container > :nth-child(64)[b-776typk1i4] {
        visibility: hidden;
    }

.hex[b-776typk1i4] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/EightPlayersLargeWarpMapPreview.razor.rz.scp.css */
.container[b-kv19wmnog0] {
    display: grid;
    grid-template-columns: repeat(9, minmax(1px, auto));
    grid-template-rows: repeat(8, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(9n+1)[b-kv19wmnog0] {
        transform: translate(100%, 0%);
    }

    .container > :nth-child(9n+2)[b-kv19wmnog0] {
        transform: translate(75%, 50%);
    }

    .container > :nth-child(9n+3)[b-kv19wmnog0] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(9n+4)[b-kv19wmnog0] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(9n+6)[b-kv19wmnog0] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(9n+7)[b-kv19wmnog0] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(9n+8)[b-kv19wmnog0] {
        transform: translate(-75%, 50%);
    }

    .container > :nth-child(9n+9)[b-kv19wmnog0] {
        transform: translate(-100%, 0%);
    }

    .container > :nth-child(74)[b-kv19wmnog0] {
        grid-column: 3 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(50%, 0%);
    }

    .container > :nth-child(75)[b-kv19wmnog0] {
        grid-column: 5 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(0%, 0%);
    }

    .container > :nth-child(76)[b-kv19wmnog0] {
        grid-column: 7 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(77)[b-kv19wmnog0] {
        grid-column: 8 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
    }


    .container > :nth-child(1)[b-kv19wmnog0],
    .container > :nth-child(2)[b-kv19wmnog0],
    .container > :nth-child(3)[b-kv19wmnog0],
    .container > :nth-child(7)[b-kv19wmnog0],
    .container > :nth-child(8)[b-kv19wmnog0],
    .container > :nth-child(9)[b-kv19wmnog0],
    .container > :nth-child(10)[b-kv19wmnog0],
    .container > :nth-child(18)[b-kv19wmnog0],
    .container > :nth-child(19)[b-kv19wmnog0],
    .container > :nth-child(27)[b-kv19wmnog0],
    .container > :nth-child(36)[b-kv19wmnog0],
    .container > :nth-child(46)[b-kv19wmnog0],
    .container > :nth-child(55)[b-kv19wmnog0],
    .container > :nth-child(63)[b-kv19wmnog0],
    .container > :nth-child(64)[b-kv19wmnog0],
    .container > :nth-child(65)[b-kv19wmnog0],
    .container > :nth-child(71)[b-kv19wmnog0],
    .container > :nth-child(72)[b-kv19wmnog0],
    .container > :nth-child(73)[b-kv19wmnog0],
    .container > :nth-child(74)[b-kv19wmnog0],
    .container > :nth-child(76)[b-kv19wmnog0],
    .container > :nth-child(77)[b-kv19wmnog0]
    {
        visibility: hidden;
    }

.hex[b-kv19wmnog0] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/FivePlayersLargeFlatMapPreview.razor.rz.scp.css */
.container[b-v02emx16fu] {
    display: grid;
    grid-template-columns: repeat(9, minmax(1px, auto));
    grid-template-rows: repeat(8, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(9n+1)[b-v02emx16fu] {
        transform: translate(100%, 0%);
    }

    .container > :nth-child(9n+2)[b-v02emx16fu] {
        transform: translate(75%, 50%);
    }

    .container > :nth-child(9n+3)[b-v02emx16fu] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(9n+4)[b-v02emx16fu] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(9n+6)[b-v02emx16fu] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(9n+7)[b-v02emx16fu] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(9n+8)[b-v02emx16fu] {
        transform: translate(-75%, 50%);
    }

    .container > :nth-child(9n+9)[b-v02emx16fu] {
        transform: translate(-100%, 0%);
    }

    .container > :nth-child(74)[b-v02emx16fu] {
        grid-column: 3 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(50%, 0%);
    }

    .container > :nth-child(75)[b-v02emx16fu] {
        grid-column: 5 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(0%, 0%);
    }

    .container > :nth-child(76)[b-v02emx16fu] {
        grid-column: 7 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(77)[b-v02emx16fu] {
        grid-column: 8 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
    }

    .container > :nth-child(1)[b-v02emx16fu],
    .container > :nth-child(2)[b-v02emx16fu],
    .container > :nth-child(3)[b-v02emx16fu],
    .container > :nth-child(4)[b-v02emx16fu],
    .container > :nth-child(5)[b-v02emx16fu],
    .container > :nth-child(6)[b-v02emx16fu],
    .container > :nth-child(7)[b-v02emx16fu],
    .container > :nth-child(8)[b-v02emx16fu],
    .container > :nth-child(9)[b-v02emx16fu],
    .container > :nth-child(10)[b-v02emx16fu],
    .container > :nth-child(11)[b-v02emx16fu],
    .container > :nth-child(12)[b-v02emx16fu],
    .container > :nth-child(13)[b-v02emx16fu],
    .container > :nth-child(14)[b-v02emx16fu],
    .container > :nth-child(15)[b-v02emx16fu],
    .container > :nth-child(16)[b-v02emx16fu],
    .container > :nth-child(17)[b-v02emx16fu],
    .container > :nth-child(18)[b-v02emx16fu],
    .container > :nth-child(19)[b-v02emx16fu],
    .container > :nth-child(21)[b-v02emx16fu],
    .container > :nth-child(25)[b-v02emx16fu],
    .container > :nth-child(27)[b-v02emx16fu],
    .container > :nth-child(55)[b-v02emx16fu],
    .container > :nth-child(56)[b-v02emx16fu],
    .container > :nth-child(62)[b-v02emx16fu],
    .container > :nth-child(63)[b-v02emx16fu],
    .container > :nth-child(66)[b-v02emx16fu],
    .container > :nth-child(67)[b-v02emx16fu],
    .container > :nth-child(69)[b-v02emx16fu],
    .container > :nth-child(70)[b-v02emx16fu],
    .container > :nth-child(77)[b-v02emx16fu],
    .container > :nth-child(76)[b-v02emx16fu],
    .container > :nth-child(75)[b-v02emx16fu],
    .container > :nth-child(74)[b-v02emx16fu],
    .container > :nth-child(73)[b-v02emx16fu],
    .container > :nth-child(72)[b-v02emx16fu],
    .container > :nth-child(71)[b-v02emx16fu],
    .container > :nth-child(65)[b-v02emx16fu],
    .container > :nth-child(64)[b-v02emx16fu] {
        visibility: hidden;
    }

.hex[b-v02emx16fu] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/FivePlayersMediumDiamondMapPreview.razor.rz.scp.css */
.container[b-o0a7921ku1] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-o0a7921ku1] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-o0a7921ku1] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-o0a7921ku1] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-o0a7921ku1] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-o0a7921ku1] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-o0a7921ku1] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-o0a7921ku1] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-o0a7921ku1],
    .container > :nth-child(2)[b-o0a7921ku1],
    .container > :nth-child(3)[b-o0a7921ku1],
    .container > :nth-child(5)[b-o0a7921ku1],
    .container > :nth-child(6)[b-o0a7921ku1],
    .container > :nth-child(7)[b-o0a7921ku1],
    .container > :nth-child(8)[b-o0a7921ku1],
    .container > :nth-child(14)[b-o0a7921ku1],
    .container > :nth-child(15)[b-o0a7921ku1],
    .container > :nth-child(21)[b-o0a7921ku1],
    .container > :nth-child(36)[b-o0a7921ku1],
    .container > :nth-child(37)[b-o0a7921ku1],
    .container > :nth-child(41)[b-o0a7921ku1],
    .container > :nth-child(42)[b-o0a7921ku1],
    .container > :nth-child(43)[b-o0a7921ku1],
    .container > :nth-child(44)[b-o0a7921ku1],
    .container > :nth-child(48)[b-o0a7921ku1],
    .container > :nth-child(49)[b-o0a7921ku1] {
        visibility: hidden;
    }

.hex[b-o0a7921ku1] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/FivePlayersMediumHyperlineMapPreview.razor.rz.scp.css */
.container[b-iyzy0bk1p8] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-iyzy0bk1p8] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-iyzy0bk1p8] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-iyzy0bk1p8] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-iyzy0bk1p8] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-iyzy0bk1p8] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-iyzy0bk1p8] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-iyzy0bk1p8] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-iyzy0bk1p8],
    .container > :nth-child(2)[b-iyzy0bk1p8],
    .container > :nth-child(3)[b-iyzy0bk1p8],
    .container > :nth-child(5)[b-iyzy0bk1p8],
    .container > :nth-child(6)[b-iyzy0bk1p8],
    .container > :nth-child(7)[b-iyzy0bk1p8],
    .container > :nth-child(8)[b-iyzy0bk1p8],
    .container > :nth-child(14)[b-iyzy0bk1p8],
    .container > :nth-child(43)[b-iyzy0bk1p8],
    .container > :nth-child(44)[b-iyzy0bk1p8],
    .container > :nth-child(48)[b-iyzy0bk1p8],
    .container > :nth-child(49)[b-iyzy0bk1p8] {
        visibility: hidden;
    }

.hex[b-iyzy0bk1p8] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/FivePlayersMediumMapPreview.razor.rz.scp.css */
.container[b-299x1mi24w] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-299x1mi24w] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-299x1mi24w] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-299x1mi24w] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-299x1mi24w] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-299x1mi24w] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-299x1mi24w] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-299x1mi24w] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-299x1mi24w],
    .container > :nth-child(2)[b-299x1mi24w],
    .container > :nth-child(3)[b-299x1mi24w],
    .container > :nth-child(5)[b-299x1mi24w],
    .container > :nth-child(6)[b-299x1mi24w],
    .container > :nth-child(7)[b-299x1mi24w],
    .container > :nth-child(8)[b-299x1mi24w],
    .container > :nth-child(14)[b-299x1mi24w],
    .container > :nth-child(43)[b-299x1mi24w],
    .container > :nth-child(44)[b-299x1mi24w],
    .container > :nth-child(48)[b-299x1mi24w],
    .container > :nth-child(49)[b-299x1mi24w] {
        visibility: hidden;
    }

.hex[b-299x1mi24w] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/FourPlayersMediumDoubleWarpMapPreview.razor.rz.scp.css */
.container[b-1ekmxahv10] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-1ekmxahv10] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-1ekmxahv10] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-1ekmxahv10] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-1ekmxahv10] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-1ekmxahv10] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-1ekmxahv10] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-1ekmxahv10] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-1ekmxahv10],
    .container > :nth-child(2)[b-1ekmxahv10],
    .container > :nth-child(3)[b-1ekmxahv10],
    .container > :nth-child(4)[b-1ekmxahv10],
    .container > :nth-child(5)[b-1ekmxahv10],
    .container > :nth-child(6)[b-1ekmxahv10],
    .container > :nth-child(7)[b-1ekmxahv10],
    .container > :nth-child(8)[b-1ekmxahv10],
    .container > :nth-child(10)[b-1ekmxahv10],
    .container > :nth-child(12)[b-1ekmxahv10],
    .container > :nth-child(14)[b-1ekmxahv10],
    .container > :nth-child(18)[b-1ekmxahv10],
    .container > :nth-child(32)[b-1ekmxahv10],
    .container > :nth-child(43)[b-1ekmxahv10],
    .container > :nth-child(44)[b-1ekmxahv10],
    .container > :nth-child(45)[b-1ekmxahv10],
    .container > :nth-child(46)[b-1ekmxahv10],
    .container > :nth-child(47)[b-1ekmxahv10],
    .container > :nth-child(48)[b-1ekmxahv10],
    .container > :nth-child(49)[b-1ekmxahv10] {
        visibility: hidden;
    }

.hex[b-1ekmxahv10] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/FourPlayersMediumGapsMapPreview.razor.rz.scp.css */
.container[b-8qv5smjo5v] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-8qv5smjo5v] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-8qv5smjo5v] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-8qv5smjo5v] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-8qv5smjo5v] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-8qv5smjo5v] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-8qv5smjo5v] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-8qv5smjo5v] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-8qv5smjo5v],
    .container > :nth-child(2)[b-8qv5smjo5v],
    .container > :nth-child(3)[b-8qv5smjo5v],
    .container > :nth-child(4)[b-8qv5smjo5v],
    .container > :nth-child(5)[b-8qv5smjo5v],
    .container > :nth-child(6)[b-8qv5smjo5v],
    .container > :nth-child(7)[b-8qv5smjo5v],
    .container > :nth-child(8)[b-8qv5smjo5v],
    .container > :nth-child(14)[b-8qv5smjo5v],
    .container > :nth-child(15)[b-8qv5smjo5v],
    .container > :nth-child(18)[b-8qv5smjo5v],
    .container > :nth-child(21)[b-8qv5smjo5v],
    .container > :nth-child(22)[b-8qv5smjo5v],
    .container > :nth-child(28)[b-8qv5smjo5v],
    .container > :nth-child(29)[b-8qv5smjo5v],
    .container > :nth-child(32)[b-8qv5smjo5v],
    .container > :nth-child(35)[b-8qv5smjo5v],
    .container > :nth-child(36)[b-8qv5smjo5v],
    .container > :nth-child(42)[b-8qv5smjo5v],
    .container > :nth-child(43)[b-8qv5smjo5v],
    .container > :nth-child(44)[b-8qv5smjo5v],
    .container > :nth-child(46)[b-8qv5smjo5v],
    .container > :nth-child(48)[b-8qv5smjo5v],
    .container > :nth-child(49)[b-8qv5smjo5v] {
        visibility: hidden;
    }

.hex[b-8qv5smjo5v] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/FourPlayersMediumHorizontalMapPreview.razor.rz.scp.css */
.container[b-3jqq0c8qbk] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-3jqq0c8qbk] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-3jqq0c8qbk] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-3jqq0c8qbk] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-3jqq0c8qbk] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-3jqq0c8qbk] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-3jqq0c8qbk] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-3jqq0c8qbk] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-3jqq0c8qbk],
    .container > :nth-child(2)[b-3jqq0c8qbk],
    .container > :nth-child(3)[b-3jqq0c8qbk],
    .container > :nth-child(4)[b-3jqq0c8qbk],
    .container > :nth-child(5)[b-3jqq0c8qbk],
    .container > :nth-child(6)[b-3jqq0c8qbk],
    .container > :nth-child(7)[b-3jqq0c8qbk],
    .container > :nth-child(8)[b-3jqq0c8qbk],
    .container > :nth-child(10)[b-3jqq0c8qbk],
    .container > :nth-child(12)[b-3jqq0c8qbk],
    .container > :nth-child(14)[b-3jqq0c8qbk],
    .container > :nth-child(43)[b-3jqq0c8qbk],
    .container > :nth-child(44)[b-3jqq0c8qbk],
    .container > :nth-child(45)[b-3jqq0c8qbk],
    .container > :nth-child(46)[b-3jqq0c8qbk],
    .container > :nth-child(47)[b-3jqq0c8qbk],
    .container > :nth-child(48)[b-3jqq0c8qbk],
    .container > :nth-child(49)[b-3jqq0c8qbk] {
        visibility: hidden;
    }

.hex[b-3jqq0c8qbk] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/FourPlayersMediumHyperlineMapPreview.razor.rz.scp.css */
.container[b-lvukaizi77] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-lvukaizi77] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-lvukaizi77] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-lvukaizi77] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-lvukaizi77] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-lvukaizi77] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-lvukaizi77] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-lvukaizi77] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-lvukaizi77],
    .container > :nth-child(2)[b-lvukaizi77],
    .container > :nth-child(3)[b-lvukaizi77],
    .container > :nth-child(5)[b-lvukaizi77],
    .container > :nth-child(6)[b-lvukaizi77],
    .container > :nth-child(7)[b-lvukaizi77],
    .container > :nth-child(8)[b-lvukaizi77],
    .container > :nth-child(14)[b-lvukaizi77],
    .container > :nth-child(43)[b-lvukaizi77],
    .container > :nth-child(44)[b-lvukaizi77],
    .container > :nth-child(48)[b-lvukaizi77],
    .container > :nth-child(49)[b-lvukaizi77] {
        visibility: hidden;
    }

.hex[b-lvukaizi77] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/FourPlayersMediumMapPreview.razor.rz.scp.css */
.container[b-3asitcjg0k] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-3asitcjg0k] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-3asitcjg0k] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-3asitcjg0k] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-3asitcjg0k] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-3asitcjg0k] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-3asitcjg0k] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-3asitcjg0k] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-3asitcjg0k],
    .container > :nth-child(2)[b-3asitcjg0k],
    .container > :nth-child(3)[b-3asitcjg0k],
    .container > :nth-child(5)[b-3asitcjg0k],
    .container > :nth-child(6)[b-3asitcjg0k],
    .container > :nth-child(7)[b-3asitcjg0k],
    .container > :nth-child(8)[b-3asitcjg0k],
    .container > :nth-child(14)[b-3asitcjg0k],
    .container > :nth-child(43)[b-3asitcjg0k],
    .container > :nth-child(44)[b-3asitcjg0k],
    .container > :nth-child(48)[b-3asitcjg0k],
    .container > :nth-child(49)[b-3asitcjg0k] {
        visibility: hidden;
    }

.hex[b-3asitcjg0k] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/FourPlayersMediumMiniWarpMapPreview.razor.rz.scp.css */
.container[b-g9cezg46pz] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-g9cezg46pz] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-g9cezg46pz] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-g9cezg46pz] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-g9cezg46pz] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-g9cezg46pz] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-g9cezg46pz] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-g9cezg46pz] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-g9cezg46pz],
    .container > :nth-child(2)[b-g9cezg46pz],
    .container > :nth-child(3)[b-g9cezg46pz],
    .container > :nth-child(5)[b-g9cezg46pz],
    .container > :nth-child(6)[b-g9cezg46pz],
    .container > :nth-child(7)[b-g9cezg46pz],
    .container > :nth-child(8)[b-g9cezg46pz],
    .container > :nth-child(14)[b-g9cezg46pz],
    .container > :nth-child(43)[b-g9cezg46pz],
    .container > :nth-child(44)[b-g9cezg46pz],
    .container > :nth-child(48)[b-g9cezg46pz],
    .container > :nth-child(49)[b-g9cezg46pz] {
        visibility: hidden;
    }

.hex[b-g9cezg46pz] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/FourPlayersMediumVerticalMapPreview.razor.rz.scp.css */
.container[b-0k6sninrmn] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-0k6sninrmn] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-0k6sninrmn] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-0k6sninrmn] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-0k6sninrmn] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-0k6sninrmn] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-0k6sninrmn] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-0k6sninrmn] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-0k6sninrmn],
    .container > :nth-child(2)[b-0k6sninrmn],
    .container > :nth-child(3)[b-0k6sninrmn],
    .container > :nth-child(4)[b-0k6sninrmn],
    .container > :nth-child(5)[b-0k6sninrmn],
    .container > :nth-child(6)[b-0k6sninrmn],
    .container > :nth-child(7)[b-0k6sninrmn],
    .container > :nth-child(8)[b-0k6sninrmn],
    .container > :nth-child(14)[b-0k6sninrmn],
    .container > :nth-child(15)[b-0k6sninrmn],
    .container > :nth-child(21)[b-0k6sninrmn],
    .container > :nth-child(22)[b-0k6sninrmn],
    .container > :nth-child(28)[b-0k6sninrmn],
    .container > :nth-child(29)[b-0k6sninrmn],
    .container > :nth-child(35)[b-0k6sninrmn],
    .container > :nth-child(36)[b-0k6sninrmn],
    .container > :nth-child(42)[b-0k6sninrmn],
    .container > :nth-child(43)[b-0k6sninrmn],
    .container > :nth-child(44)[b-0k6sninrmn],
    .container > :nth-child(46)[b-0k6sninrmn],
    .container > :nth-child(48)[b-0k6sninrmn],
    .container > :nth-child(49)[b-0k6sninrmn] {
        visibility: hidden;
    }

.hex[b-0k6sninrmn] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/FourPlayersMediumWarpMapPreview.razor.rz.scp.css */
.container[b-7l5grl2388] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-7l5grl2388] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-7l5grl2388] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-7l5grl2388] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-7l5grl2388] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-7l5grl2388] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-7l5grl2388] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-7l5grl2388] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-7l5grl2388],
    .container > :nth-child(2)[b-7l5grl2388],
    .container > :nth-child(3)[b-7l5grl2388],
    .container > :nth-child(4)[b-7l5grl2388],
    .container > :nth-child(5)[b-7l5grl2388],
    .container > :nth-child(6)[b-7l5grl2388],
    .container > :nth-child(7)[b-7l5grl2388],
    .container > :nth-child(8)[b-7l5grl2388],
    .container > :nth-child(14)[b-7l5grl2388],
    .container > :nth-child(15)[b-7l5grl2388],
    .container > :nth-child(21)[b-7l5grl2388],
    .container > :nth-child(22)[b-7l5grl2388],
    .container > :nth-child(28)[b-7l5grl2388],
    .container > :nth-child(29)[b-7l5grl2388],
    .container > :nth-child(35)[b-7l5grl2388],
    .container > :nth-child(36)[b-7l5grl2388],
    .container > :nth-child(42)[b-7l5grl2388],
    .container > :nth-child(43)[b-7l5grl2388],
    .container > :nth-child(44)[b-7l5grl2388],
    .container > :nth-child(46)[b-7l5grl2388],
    .container > :nth-child(48)[b-7l5grl2388],
    .container > :nth-child(49)[b-7l5grl2388] {
        visibility: hidden;
    }

.hex[b-7l5grl2388] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/PreviewMapHex.razor.rz.scp.css */
.hex-container[b-vtkg7kmpe1] {
    width: 100%;
    height: 100%;
    position: relative;
}

    .hex-container img[b-vtkg7kmpe1] {
        width: 100%;
        height: 100%;
    }

.hex-text[b-vtkg7kmpe1] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 22px;
}
/* /Components/PreviewMaps/SevenPlayersLargeHyperlineMapPreview.razor.rz.scp.css */
.container[b-qq4n86hee5] {
    display: grid;
    grid-template-columns: repeat(9, minmax(1px, auto));
    grid-template-rows: repeat(8, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(9n+1)[b-qq4n86hee5] {
        transform: translate(100%, 0%);
    }

    .container > :nth-child(9n+2)[b-qq4n86hee5] {
        transform: translate(75%, 50%);
    }

    .container > :nth-child(9n+3)[b-qq4n86hee5] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(9n+4)[b-qq4n86hee5] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(9n+6)[b-qq4n86hee5] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(9n+7)[b-qq4n86hee5] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(9n+8)[b-qq4n86hee5] {
        transform: translate(-75%, 50%);
    }

    .container > :nth-child(9n+9)[b-qq4n86hee5] {
        transform: translate(-100%, 0%);
    }

    .container > :nth-child(74)[b-qq4n86hee5] {
        grid-column: 3 / span 1;
        grid-row: 9;
        transform: translate(50%, 0%);
    }

    .container > :nth-child(75)[b-qq4n86hee5] {
        grid-column: 5 / span 1;
        grid-row: 9;
        transform: translate(0%, 0%);
    }

    .container > :nth-child(76)[b-qq4n86hee5] {
        grid-column: 7 / span 1;
        grid-row: 9;
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(77)[b-qq4n86hee5] {
        grid-column: 8 / span 1;
        grid-row: 9;
    }


    .container > :nth-child(1)[b-qq4n86hee5],
    .container > :nth-child(2)[b-qq4n86hee5],
    .container > :nth-child(3)[b-qq4n86hee5],
    .container > :nth-child(7)[b-qq4n86hee5],
    .container > :nth-child(8)[b-qq4n86hee5],
    .container > :nth-child(9)[b-qq4n86hee5],
    .container > :nth-child(10)[b-qq4n86hee5],
    .container > :nth-child(18)[b-qq4n86hee5],
    .container > :nth-child(77)[b-qq4n86hee5],
    .container > :nth-child(76)[b-qq4n86hee5],
    .container > :nth-child(74)[b-qq4n86hee5],
    .container > :nth-child(73)[b-qq4n86hee5],
    .container > :nth-child(72)[b-qq4n86hee5],
    .container > :nth-child(71)[b-qq4n86hee5],
    .container > :nth-child(65)[b-qq4n86hee5],
    .container > :nth-child(64)[b-qq4n86hee5] {
        visibility: hidden;
    }

.hex[b-qq4n86hee5] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/SevenPlayersLargeWarpMapPreview.razor.rz.scp.css */
.container[b-524wayyego] {
    display: grid;
    grid-template-columns: repeat(9, minmax(1px, auto));
    grid-template-rows: repeat(8, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(9n+1)[b-524wayyego] {
        transform: translate(100%, 0%);
    }

    .container > :nth-child(9n+2)[b-524wayyego] {
        transform: translate(75%, 50%);
    }

    .container > :nth-child(9n+3)[b-524wayyego] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(9n+4)[b-524wayyego] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(9n+6)[b-524wayyego] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(9n+7)[b-524wayyego] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(9n+8)[b-524wayyego] {
        transform: translate(-75%, 50%);
    }

    .container > :nth-child(9n+9)[b-524wayyego] {
        transform: translate(-100%, 0%);
    }

    .container > :nth-child(74)[b-524wayyego] {
        grid-column: 3 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(50%, 0%);
    }

    .container > :nth-child(75)[b-524wayyego] {
        grid-column: 5 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(0%, 0%);
    }

    .container > :nth-child(76)[b-524wayyego] {
        grid-column: 7 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(77)[b-524wayyego] {
        grid-column: 8 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
    }


    .container > :nth-child(1)[b-524wayyego],
    .container > :nth-child(2)[b-524wayyego],
    .container > :nth-child(3)[b-524wayyego],
    .container > :nth-child(7)[b-524wayyego],
    .container > :nth-child(8)[b-524wayyego],
    .container > :nth-child(9)[b-524wayyego],
    .container > :nth-child(10)[b-524wayyego],
    .container > :nth-child(16)[b-524wayyego],
    .container > :nth-child(17)[b-524wayyego],
    .container > :nth-child(18)[b-524wayyego],
    .container > :nth-child(19)[b-524wayyego],
    .container > :nth-child(27)[b-524wayyego],
    .container > :nth-child(36)[b-524wayyego],
    .container > :nth-child(45)[b-524wayyego],
    .container > :nth-child(46)[b-524wayyego],
    .container > :nth-child(54)[b-524wayyego],
    .container > :nth-child(55)[b-524wayyego],
    .container > :nth-child(62)[b-524wayyego],
    .container > :nth-child(63)[b-524wayyego],
    .container > :nth-child(70)[b-524wayyego],
    .container > :nth-child(77)[b-524wayyego],
    .container > :nth-child(76)[b-524wayyego],
    .container > :nth-child(74)[b-524wayyego],
    .container > :nth-child(73)[b-524wayyego],
    .container > :nth-child(72)[b-524wayyego],
    .container > :nth-child(71)[b-524wayyego],
    .container > :nth-child(65)[b-524wayyego],
    .container > :nth-child(64)[b-524wayyego] {
        visibility: hidden;
    }

.hex[b-524wayyego] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/SixPlayersLargeMapPreview.razor.rz.scp.css */
.container[b-vold4ue3dy] {
    display: grid;
    grid-template-columns: repeat(9, minmax(1px, auto));
    grid-template-rows: repeat(8, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(9n+1)[b-vold4ue3dy] {
        transform: translate(100%, 0%);
    }

    .container > :nth-child(9n+2)[b-vold4ue3dy] {
        transform: translate(75%, 50%);
    }

    .container > :nth-child(9n+3)[b-vold4ue3dy] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(9n+4)[b-vold4ue3dy] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(9n+6)[b-vold4ue3dy] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(9n+7)[b-vold4ue3dy] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(9n+8)[b-vold4ue3dy] {
        transform: translate(-75%, 50%);
    }

    .container > :nth-child(9n+9)[b-vold4ue3dy] {
        transform: translate(-100%, 0%);
    }

    .container > :nth-child(74)[b-vold4ue3dy] {
        grid-column: 3 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(50%, 0%);
    }

    .container > :nth-child(75)[b-vold4ue3dy] {
        grid-column: 5 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(0%, 0%);
    }

    .container > :nth-child(76)[b-vold4ue3dy] {
        grid-column: 7 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(77)[b-vold4ue3dy] {
        grid-column: 8 / span 1; /* Place in 2nd column */
        grid-row: 9; /* Place in 9th row */
    }


    .container > :nth-child(1)[b-vold4ue3dy],
    .container > :nth-child(2)[b-vold4ue3dy],
    .container > :nth-child(3)[b-vold4ue3dy],
    .container > :nth-child(7)[b-vold4ue3dy],
    .container > :nth-child(8)[b-vold4ue3dy],
    .container > :nth-child(9)[b-vold4ue3dy],
    .container > :nth-child(10)[b-vold4ue3dy],
    .container > :nth-child(18)[b-vold4ue3dy],
    .container > :nth-child(77)[b-vold4ue3dy],
    .container > :nth-child(76)[b-vold4ue3dy],
    .container > :nth-child(74)[b-vold4ue3dy],
    .container > :nth-child(73)[b-vold4ue3dy],
    .container > :nth-child(72)[b-vold4ue3dy],
    .container > :nth-child(71)[b-vold4ue3dy],
    .container > :nth-child(65)[b-vold4ue3dy],
    .container > :nth-child(64)[b-vold4ue3dy] {
        visibility: hidden;
    }

.hex[b-vold4ue3dy] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/SixPlayersMediumMapPreview.razor.rz.scp.css */
.container[b-rnw1x0bynp] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-rnw1x0bynp] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-rnw1x0bynp] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-rnw1x0bynp] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-rnw1x0bynp] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-rnw1x0bynp] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-rnw1x0bynp] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-rnw1x0bynp] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-rnw1x0bynp],
    .container > :nth-child(2)[b-rnw1x0bynp],
    .container > :nth-child(3)[b-rnw1x0bynp],
    .container > :nth-child(5)[b-rnw1x0bynp],
    .container > :nth-child(6)[b-rnw1x0bynp],
    .container > :nth-child(7)[b-rnw1x0bynp],
    .container > :nth-child(8)[b-rnw1x0bynp],
    .container > :nth-child(14)[b-rnw1x0bynp],
    .container > :nth-child(43)[b-rnw1x0bynp],
    .container > :nth-child(44)[b-rnw1x0bynp],
    .container > :nth-child(48)[b-rnw1x0bynp],
    .container > :nth-child(49)[b-rnw1x0bynp] {
        visibility: hidden;
    }

.hex[b-rnw1x0bynp] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/SixPlayersMediumSpiralMapPreview.razor.rz.scp.css */
.container[b-42weutrozj] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-42weutrozj] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-42weutrozj] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-42weutrozj] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-42weutrozj] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-42weutrozj] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-42weutrozj] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-42weutrozj] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-42weutrozj],
    .container > :nth-child(2)[b-42weutrozj],
    .container > :nth-child(3)[b-42weutrozj],
    .container > :nth-child(5)[b-42weutrozj],
    .container > :nth-child(6)[b-42weutrozj],
    .container > :nth-child(7)[b-42weutrozj],
    .container > :nth-child(8)[b-42weutrozj],
    .container > :nth-child(14)[b-42weutrozj],
    .container > :nth-child(43)[b-42weutrozj],
    .container > :nth-child(44)[b-42weutrozj],
    .container > :nth-child(48)[b-42weutrozj],
    .container > :nth-child(49)[b-42weutrozj] {
        visibility: hidden;
    }

.hex[b-42weutrozj] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/ThreePlayersMediumHyperlineMapPreview.razor.rz.scp.css */
.container[b-ndjv2as9da] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-ndjv2as9da] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-ndjv2as9da] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-ndjv2as9da] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-ndjv2as9da] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-ndjv2as9da] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-ndjv2as9da] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-ndjv2as9da] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-ndjv2as9da],
    .container > :nth-child(2)[b-ndjv2as9da],
    .container > :nth-child(3)[b-ndjv2as9da],
    .container > :nth-child(5)[b-ndjv2as9da],
    .container > :nth-child(6)[b-ndjv2as9da],
    .container > :nth-child(7)[b-ndjv2as9da],
    .container > :nth-child(8)[b-ndjv2as9da],
    .container > :nth-child(14)[b-ndjv2as9da],
    .container > :nth-child(43)[b-ndjv2as9da],
    .container > :nth-child(44)[b-ndjv2as9da],
    .container > :nth-child(48)[b-ndjv2as9da],
    .container > :nth-child(49)[b-ndjv2as9da] {
        visibility: hidden;
    }

.hex[b-ndjv2as9da] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/ThreePlayersMediumMantaRayMapPreview.razor.rz.scp.css */
.container[b-kbw4mh9kad] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-kbw4mh9kad] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-kbw4mh9kad] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-kbw4mh9kad] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-kbw4mh9kad] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-kbw4mh9kad] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-kbw4mh9kad] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-kbw4mh9kad] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-kbw4mh9kad],
    .container > :nth-child(2)[b-kbw4mh9kad],
    .container > :nth-child(3)[b-kbw4mh9kad],
    .container > :nth-child(4)[b-kbw4mh9kad],
    .container > :nth-child(5)[b-kbw4mh9kad],
    .container > :nth-child(6)[b-kbw4mh9kad],
    .container > :nth-child(7)[b-kbw4mh9kad],
    .container > :nth-child(8)[b-kbw4mh9kad],
    .container > :nth-child(9)[b-kbw4mh9kad],
    .container > :nth-child(10)[b-kbw4mh9kad],
    .container > :nth-child(11)[b-kbw4mh9kad],
    .container > :nth-child(12)[b-kbw4mh9kad],
    .container > :nth-child(13)[b-kbw4mh9kad],
    .container > :nth-child(14)[b-kbw4mh9kad],
    .container > :nth-child(15)[b-kbw4mh9kad],
    .container > :nth-child(16)[b-kbw4mh9kad],
    .container > :nth-child(17)[b-kbw4mh9kad],
    .container > :nth-child(19)[b-kbw4mh9kad],
    .container > :nth-child(20)[b-kbw4mh9kad],
    .container > :nth-child(21)[b-kbw4mh9kad],
    .container > :nth-child(22)[b-kbw4mh9kad],
    .container > :nth-child(28)[b-kbw4mh9kad],
    .container > :nth-child(43)[b-kbw4mh9kad],
    .container > :nth-child(44)[b-kbw4mh9kad],
    .container > :nth-child(48)[b-kbw4mh9kad],
    .container > :nth-child(49)[b-kbw4mh9kad] {
        visibility: hidden;
    }

.hex[b-kbw4mh9kad] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/ThreePlayersMediumRexMapPreview.razor.rz.scp.css */
.container[b-c4epl8fywn] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-c4epl8fywn] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-c4epl8fywn] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-c4epl8fywn] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-c4epl8fywn] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-c4epl8fywn] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-c4epl8fywn] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-c4epl8fywn] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-c4epl8fywn],
    .container > :nth-child(2)[b-c4epl8fywn],
    .container > :nth-child(3)[b-c4epl8fywn],
    .container > :nth-child(5)[b-c4epl8fywn],
    .container > :nth-child(6)[b-c4epl8fywn],
    .container > :nth-child(7)[b-c4epl8fywn],
    .container > :nth-child(8)[b-c4epl8fywn],
    .container > :nth-child(9)[b-c4epl8fywn],
    .container > :nth-child(13)[b-c4epl8fywn],
    .container > :nth-child(14)[b-c4epl8fywn],
    .container > :nth-child(22)[b-c4epl8fywn],
    .container > :nth-child(28)[b-c4epl8fywn],
    .container > :nth-child(43)[b-c4epl8fywn],
    .container > :nth-child(44)[b-c4epl8fywn],
    .container > :nth-child(45)[b-c4epl8fywn],
    .container > :nth-child(47)[b-c4epl8fywn],
    .container > :nth-child(48)[b-c4epl8fywn],
    .container > :nth-child(49)[b-c4epl8fywn] {
        visibility: hidden;
    }

.hex[b-c4epl8fywn] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/ThreePlayersMediumSnowflakeMapPreview.razor.rz.scp.css */
.container[b-zbvrwbclhf] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-zbvrwbclhf] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-zbvrwbclhf] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-zbvrwbclhf] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-zbvrwbclhf] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-zbvrwbclhf] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-zbvrwbclhf] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-zbvrwbclhf] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-zbvrwbclhf],
    .container > :nth-child(2)[b-zbvrwbclhf],
    .container > :nth-child(3)[b-zbvrwbclhf],
    .container > :nth-child(4)[b-zbvrwbclhf],
    .container > :nth-child(5)[b-zbvrwbclhf],
    .container > :nth-child(6)[b-zbvrwbclhf],
    .container > :nth-child(7)[b-zbvrwbclhf],
    .container > :nth-child(8)[b-zbvrwbclhf],
    .container > :nth-child(14)[b-zbvrwbclhf],
    .container > :nth-child(15)[b-zbvrwbclhf],
    .container > :nth-child(18)[b-zbvrwbclhf],
    .container > :nth-child(21)[b-zbvrwbclhf],
    .container > :nth-child(31)[b-zbvrwbclhf],
    .container > :nth-child(33)[b-zbvrwbclhf],
    .container > :nth-child(36)[b-zbvrwbclhf],
    .container > :nth-child(42)[b-zbvrwbclhf],
    .container > :nth-child(43)[b-zbvrwbclhf],
    .container > :nth-child(44)[b-zbvrwbclhf],
    .container > :nth-child(46)[b-zbvrwbclhf],
    .container > :nth-child(48)[b-zbvrwbclhf],
    .container > :nth-child(49)[b-zbvrwbclhf] {
        visibility: hidden;
    }

.hex[b-zbvrwbclhf] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/ThreePlayersMediumTriangleMapPreview.razor.rz.scp.css */
.container[b-9d1n5gu3w4] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-9d1n5gu3w4] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-9d1n5gu3w4] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-9d1n5gu3w4] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-9d1n5gu3w4] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-9d1n5gu3w4] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-9d1n5gu3w4] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-9d1n5gu3w4] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-9d1n5gu3w4],
    .container > :nth-child(2)[b-9d1n5gu3w4],
    .container > :nth-child(3)[b-9d1n5gu3w4],
    .container > :nth-child(5)[b-9d1n5gu3w4],
    .container > :nth-child(6)[b-9d1n5gu3w4],
    .container > :nth-child(7)[b-9d1n5gu3w4],
    .container > :nth-child(8)[b-9d1n5gu3w4],
    .container > :nth-child(9)[b-9d1n5gu3w4],
    .container > :nth-child(13)[b-9d1n5gu3w4],
    .container > :nth-child(14)[b-9d1n5gu3w4],
    .container > :nth-child(15)[b-9d1n5gu3w4],
    .container > :nth-child(21)[b-9d1n5gu3w4],
    .container > :nth-child(22)[b-9d1n5gu3w4],
    .container > :nth-child(28)[b-9d1n5gu3w4],
    .container > :nth-child(43)[b-9d1n5gu3w4],
    .container > :nth-child(44)[b-9d1n5gu3w4],
    .container > :nth-child(45)[b-9d1n5gu3w4],
    .container > :nth-child(46)[b-9d1n5gu3w4],
    .container > :nth-child(47)[b-9d1n5gu3w4],
    .container > :nth-child(48)[b-9d1n5gu3w4],
    .container > :nth-child(49)[b-9d1n5gu3w4] {
        visibility: hidden;
    }

.hex[b-9d1n5gu3w4] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/ThreePlayersMediumTriangleNarrowMapPreview.razor.rz.scp.css */
.container[b-akw1s0yq3p] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-akw1s0yq3p] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-akw1s0yq3p] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-akw1s0yq3p] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-akw1s0yq3p] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-akw1s0yq3p] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-akw1s0yq3p] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-akw1s0yq3p] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-akw1s0yq3p],
    .container > :nth-child(2)[b-akw1s0yq3p],
    .container > :nth-child(3)[b-akw1s0yq3p],
    .container > :nth-child(4)[b-akw1s0yq3p],
    .container > :nth-child(5)[b-akw1s0yq3p],
    .container > :nth-child(6)[b-akw1s0yq3p],
    .container > :nth-child(7)[b-akw1s0yq3p],
    .container > :nth-child(8)[b-akw1s0yq3p],
    .container > :nth-child(9)[b-akw1s0yq3p],
    .container > :nth-child(10)[b-akw1s0yq3p],
    .container > :nth-child(14)[b-akw1s0yq3p],
    .container > :nth-child(15)[b-akw1s0yq3p],
    .container > :nth-child(21)[b-akw1s0yq3p],
    .container > :nth-child(28)[b-akw1s0yq3p],
    .container > :nth-child(35)[b-akw1s0yq3p],
    .container > :nth-child(36)[b-akw1s0yq3p],
    .container > :nth-child(37)[b-akw1s0yq3p],
    .container > :nth-child(42)[b-akw1s0yq3p],
    .container > :nth-child(43)[b-akw1s0yq3p],
    .container > :nth-child(44)[b-akw1s0yq3p],
    .container > :nth-child(45)[b-akw1s0yq3p],
    .container > :nth-child(46)[b-akw1s0yq3p],
    .container > :nth-child(48)[b-akw1s0yq3p],
    .container > :nth-child(49)[b-akw1s0yq3p] {
        visibility: hidden;
    }

.hex[b-akw1s0yq3p] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/ThreePlayersMediumTridentMapPreview.razor.rz.scp.css */
.container[b-bzjy1tp2od] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-bzjy1tp2od] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-bzjy1tp2od] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-bzjy1tp2od] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-bzjy1tp2od] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-bzjy1tp2od] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-bzjy1tp2od] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-bzjy1tp2od] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-bzjy1tp2od],
    .container > :nth-child(2)[b-bzjy1tp2od],
    .container > :nth-child(3)[b-bzjy1tp2od],
    .container > :nth-child(5)[b-bzjy1tp2od],
    .container > :nth-child(6)[b-bzjy1tp2od],
    .container > :nth-child(7)[b-bzjy1tp2od],
    .container > :nth-child(8)[b-bzjy1tp2od],
    .container > :nth-child(14)[b-bzjy1tp2od],
    .container > :nth-child(43)[b-bzjy1tp2od],
    .container > :nth-child(44)[b-bzjy1tp2od],
    .container > :nth-child(48)[b-bzjy1tp2od],
    .container > :nth-child(49)[b-bzjy1tp2od] {
        visibility: hidden;
    }

.hex[b-bzjy1tp2od] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/ThreePlayersSmallAlternateMapPreview.razor.rz.scp.css */
.container[b-pow28nwyug] {
    display: grid;
    grid-template-columns: repeat(5, minmax(1px, auto));
    grid-template-rows: repeat(5, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(5n+1)[b-pow28nwyug] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(5n+2)[b-pow28nwyug] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(5n+4)[b-pow28nwyug] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(5n+5)[b-pow28nwyug] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(22)[b-pow28nwyug] {
        grid-column: 3 / span 1;
        grid-row: 5;
        transform: translate(0%, 0%);
    }

    .container > :nth-child(23)[b-pow28nwyug] {
        grid-column: 5 / span 1;
        grid-row: 5;
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(1)[b-pow28nwyug],
    .container > :nth-child(5)[b-pow28nwyug],
    .container > :nth-child(21)[b-pow28nwyug],
    .container > :nth-child(23)[b-pow28nwyug] {
        visibility: hidden;
    }

.hex[b-pow28nwyug] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/ThreePlayersSmallMapPreview.razor.rz.scp.css */
.container[b-d23bwbi9dc] {
    display: grid;
    grid-template-columns: repeat(5, minmax(1px, auto));
    grid-template-rows: repeat(5, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(5n+1)[b-d23bwbi9dc] {
        transform: translate(50%, 0%);
    }

    .container > :nth-child(5n+2)[b-d23bwbi9dc] {
        transform: translate(25%, 50%);
    }

    .container > :nth-child(5n+4)[b-d23bwbi9dc] {
        transform: translate(-25%, 50%);
    }

    .container > :nth-child(5n+5)[b-d23bwbi9dc] {
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(22)[b-d23bwbi9dc] {
        grid-column: 3 / span 1;
        grid-row: 5;
        transform: translate(0%, 0%);
    }

    .container > :nth-child(23)[b-d23bwbi9dc] {
        grid-column: 5 / span 1;
        grid-row: 5;
        transform: translate(-50%, 0%);
    }

    .container > :nth-child(1)[b-d23bwbi9dc],
    .container > :nth-child(5)[b-d23bwbi9dc],
    .container > :nth-child(21)[b-d23bwbi9dc],
    .container > :nth-child(23)[b-d23bwbi9dc]
{
    visibility: hidden;
}

.hex[b-d23bwbi9dc] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewMaps/TwoPlayersMediumMapPreview.razor.rz.scp.css */
.container[b-60bd0hckk8] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1px, auto));
    grid-template-rows: repeat(7, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .container > :nth-child(7n+1)[b-60bd0hckk8] {
        transform: translate(75%, 0%);
    }

    .container > :nth-child(7n+2)[b-60bd0hckk8] {
        transform: translate(50%, 50%);
    }

    .container > :nth-child(7n+3)[b-60bd0hckk8] {
        transform: translate(25%, 0%);
    }

    .container > :nth-child(7n+4)[b-60bd0hckk8] {
        transform: translate(0%, 50%);
    }

    .container > :nth-child(7n+5)[b-60bd0hckk8] {
        transform: translate(-25%, 0%);
    }

    .container > :nth-child(7n+6)[b-60bd0hckk8] {
        transform: translate(-50%, 50%);
    }

    .container > :nth-child(7n+7)[b-60bd0hckk8] {
        transform: translate(-75%, 0%);
    }

    .container > :nth-child(1)[b-60bd0hckk8],
    .container > :nth-child(2)[b-60bd0hckk8],
    .container > :nth-child(3)[b-60bd0hckk8],
    .container > :nth-child(4)[b-60bd0hckk8],
    .container > :nth-child(5)[b-60bd0hckk8],
    .container > :nth-child(6)[b-60bd0hckk8],
    .container > :nth-child(7)[b-60bd0hckk8],
    .container > :nth-child(8)[b-60bd0hckk8],
    .container > :nth-child(9)[b-60bd0hckk8],
    .container > :nth-child(10)[b-60bd0hckk8],
    .container > :nth-child(12)[b-60bd0hckk8],
    .container > :nth-child(14)[b-60bd0hckk8],
    .container > :nth-child(15)[b-60bd0hckk8],
    .container > :nth-child(16)[b-60bd0hckk8],
    .container > :nth-child(22)[b-60bd0hckk8],
    .container > :nth-child(34)[b-60bd0hckk8],
    .container > :nth-child(35)[b-60bd0hckk8],
    .container > :nth-child(41)[b-60bd0hckk8],
    .container > :nth-child(42)[b-60bd0hckk8],
    .container > :nth-child(43)[b-60bd0hckk8],
    .container > :nth-child(44)[b-60bd0hckk8],
    .container > :nth-child(45)[b-60bd0hckk8],
    .container > :nth-child(46)[b-60bd0hckk8],
    .container > :nth-child(47)[b-60bd0hckk8],
    .container > :nth-child(48)[b-60bd0hckk8],
    .container > :nth-child(49)[b-60bd0hckk8] {
        visibility: hidden;
    }

.hex[b-60bd0hckk8] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/PreviewSlices/SlicePreview.razor.rz.scp.css */
.slice-grid[b-k5w0qoqvul] {
    display: grid;
    grid-template-columns: repeat(3, minmax(1px, auto));
    grid-template-rows: repeat(4, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .slice-grid > :nth-child(1)[b-k5w0qoqvul] {
        grid-column: 2 / span 1;
        grid-row: 3;
        transform: translate(0%, 50%);
    }

    .slice-grid > :nth-child(2)[b-k5w0qoqvul] {
        grid-column: 1 / span 1;
        grid-row: 3;
        transform: translate(25%, 0%);
    }

    .slice-grid > :nth-child(3)[b-k5w0qoqvul] {
        grid-column: 2 / span 1;
        grid-row: 2;
        transform: translate(0%, 50%);
    }

    .slice-grid > :nth-child(4)[b-k5w0qoqvul] {
        grid-column: 3 / span 1;
        grid-row: 3;
        transform: translate(-25%, 0%);
    }

    .slice-grid > :nth-child(5)[b-k5w0qoqvul] {
        grid-column: 1 / span 1;
        grid-row: 2;
        transform: translate(25%, 0%);
    }

    .slice-grid > :nth-child(6)[b-k5w0qoqvul] {
        grid-column: 2 / span 1;
        grid-row: 1;
        transform: translate(0%, 50%);
    }

    .slice-grid > :nth-child(7)[b-k5w0qoqvul] {
        grid-column: 2 / span 1;
        grid-row: 1;
        transform: translate(0%, 50%);
    }

.hex[b-k5w0qoqvul] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/Rules/ComponentFaqGrid.razor.rz.scp.css */
.faq-link-list a[b-805hl6aw0d] {
    grid-template-columns: minmax(118px, 0.42fr) 1fr;
}

.faq-link-list small[b-805hl6aw0d],
.faq-detail-title > span[b-805hl6aw0d] {
    color: #8ecfff;
    font-size: 12px;
    line-height: 1.15;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.component-groups[b-805hl6aw0d] {
    display: grid;
    gap: 24px;
}

@media (max-width: 576px) {
    .component-groups[b-805hl6aw0d] {
        gap: 18px;
    }

    .faq-link-list a[b-805hl6aw0d] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

}
/* /Components/Rules/FactionFaqGrid.razor.rz.scp.css */
.faq-link-list a[b-w5lopo69j6] {
    grid-template-columns: 52px 1fr;
}

.faction-sections[b-w5lopo69j6] {
    display: grid;
    gap: 24px;
}

.faq-faction-icon[b-w5lopo69j6] {
    width: 38px;
    height: 38px;
    object-fit: contain;
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.9));
    transition: transform 0.2s ease;
}

.faq-link-list a:hover .faq-faction-icon[b-w5lopo69j6] {
    transform: scale(1.15);
}

.faq-faction-icon-large[b-w5lopo69j6] {
    width: 58px;
    height: 58px;
}

.faction-detail-index[b-w5lopo69j6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 4px;
    margin: 12px 7% 20px;
    padding: 6px;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.52) 10%, rgba(0, 0, 0, 0.52) 90%, transparent);
}

.faction-detail-index[hidden][b-w5lopo69j6] {
    display: none;
}

.faction-detail-index[b-w5lopo69j6]  a {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 6px 9px;
    border: 1px solid rgba(142, 207, 255, 0.2);
    box-sizing: border-box;
    color: white;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.28);
}

.faction-detail-index[b-w5lopo69j6]  a:hover,
.faction-detail-index[b-w5lopo69j6]  a:focus-visible {
    border-color: #8ecfff;
    color: #8ecfff;
    outline: none;
    background: rgba(18, 57, 87, 0.72);
}

.faq-markup[b-w5lopo69j6]  h1[id],
#faction-faq[b-w5lopo69j6] {
    scroll-margin-top: 24px;
}

@media (max-width: 768px) {
    .faction-sections[b-w5lopo69j6] {
        gap: 18px;
    }

    .faq-faction-icon[b-w5lopo69j6] {
        width: 30px;
        height: 30px;
    }

    .faq-faction-icon-large[b-w5lopo69j6] {
        width: 44px;
        height: 44px;
    }

    .faction-detail-index[b-w5lopo69j6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-right: 0;
        margin-left: 0;
    }
}
/* /Components/Rules/FaqRow.razor.rz.scp.css */
.faq-entry[b-9wnrvyeh17] {
    width: 100%;
}

.faq-entry h3[b-9wnrvyeh17] {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.3;
}

.faq-entry p[b-9wnrvyeh17] {
    max-width: 76ch;
    margin: 0;
    font-size: 17px;
    line-height: 1.65;
    white-space: pre-line;
}

@media (max-width: 576px) {
    .faq-entry h3[b-9wnrvyeh17] {
        font-size: 19px;
    }

    .faq-entry p[b-9wnrvyeh17] {
        font-size: 16px;
    }
}
/* /Components/Rules/RuleContent.razor.rz.scp.css */
.rule-card[b-wr4a7noglv] {
    width: 100%;
    padding: 18px 7%;
    box-sizing: border-box;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.55) 8%, rgba(0, 0, 0, 0.55) 92%, rgba(0, 0, 0, 0));
    scroll-margin-top: 110px;
}

.rule-card-header[b-wr4a7noglv] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 14px;
    align-items: baseline;
    margin-bottom: 15px;
}

.rule-number[b-wr4a7noglv] {
    color: #8ecfff;
    font-size: 17px;
}

.rule-card h1[b-wr4a7noglv] {
    margin: 0;
    font-size: 24px;
    line-height: 1.2;
}

.markup-text[b-wr4a7noglv] {
    font-family: Myriad Pro Regular, fallback, sans-serif;
    line-height: 1.7;
}

.rule-body[b-wr4a7noglv] {
    max-width: 76ch;
    font-size: 17px;
}

.rule-notes[b-wr4a7noglv] {
    max-width: 76ch;
    margin-top: 20px;
    padding: 15px 18px;
    border-left: 2px solid rgba(142, 207, 255, 0.8);
    background: rgba(18, 57, 87, 0.28);
}

.rule-notes-title[b-wr4a7noglv] {
    margin-bottom: 8px;
    color: #8ecfff;
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .rule-card[b-wr4a7noglv] {
        padding: 20px 5%;
        scroll-margin-top: 18px;
    }

    .rule-card-header[b-wr4a7noglv] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .rule-card h1[b-wr4a7noglv] {
        font-size: 21px;
    }

    .rule-body[b-wr4a7noglv] {
        font-size: 16px;
    }
}
/* /Components/Rules/RuleGrid.razor.rz.scp.css */
.rules-shell[b-yizah1iwzz] {
    width: 80%;
    max-width: 1180px;
    margin: 0 auto;
    box-sizing: border-box;
}

.rules-detail-toolbar[b-yizah1iwzz] {
    margin-bottom: 18px;
    padding: 8px 7%;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.52) 10%, rgba(0, 0, 0, 0.52) 90%, transparent);
}

.rules-detail-toolbar[b-yizah1iwzz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.rules-back-link[b-yizah1iwzz],
.rules-search-results-link[b-yizah1iwzz] {
    color: #8ecfff;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
}

.rules-search-results-link[b-yizah1iwzz] {
    display: block;
    margin: -8px 0 12px;
    text-align: center;
}

.rules-notes-toggle[b-yizah1iwzz] {
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid rgba(142, 207, 255, 0.5);
    color: white;
    background: rgba(0, 0, 0, 0.28);
    cursor: pointer;
    text-transform: uppercase;
}

.rules-notes-toggle:hover[b-yizah1iwzz],
.rules-notes-toggle:focus-visible[b-yizah1iwzz],
.rules-notes-toggle-on[b-yizah1iwzz] {
    color: #8ecfff;
    background: rgba(14, 55, 86, 0.65);
}

.rules-topic-panel-header[b-yizah1iwzz] {
    margin-bottom: 14px;
}

.rules-topic-panel-header h1[b-yizah1iwzz] {
    margin: 0;
    color: white;
    font-size: 23px;
    text-transform: uppercase;
}

.rules-topic-sections[b-yizah1iwzz] {
    display: grid;
    gap: 16px;
}

.rules-topic-section[b-yizah1iwzz] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.rules-topic-letter[b-yizah1iwzz] {
    position: sticky;
    top: 12px;
    padding-top: 8px;
    color: #8ecfff;
    font-size: 24px;
    text-align: center;
}

.rules-topic-list[b-yizah1iwzz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px 24px;
}

.rules-topic-link[b-yizah1iwzz] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    min-height: 46px;
    padding: 4px 12px;
    color: white;
    text-decoration: none;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.18) 84%, transparent);
    transition: color 0.18s ease, background 0.18s ease;
}

.rules-topic-link:hover[b-yizah1iwzz],
.rules-topic-link:focus-visible[b-yizah1iwzz] {
    color: #8ecfff;
    outline: none;
    background: linear-gradient(to right, rgba(14, 55, 86, 0.78), rgba(6, 22, 36, 0.3) 84%, transparent);
}

.rules-topic-number[b-yizah1iwzz] {
    color: rgba(142, 207, 255, 0.78);
    font-size: 12px;
}

.rules-adjacent-navigation[b-yizah1iwzz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.rules-adjacent-navigation a[b-yizah1iwzz] {
    position: relative;
    display: grid;
    gap: 3px;
    min-width: 0;
    min-height: 54px;
    padding: 10px 16px 10px 34px;
    box-sizing: border-box;
    color: white;
    text-decoration: none;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.2), transparent);
}

.rules-adjacent-navigation a[b-yizah1iwzz]::before {
    content: "\2039";
    position: absolute;
    top: 50%;
    left: 14px;
    color: #8ecfff;
    font-size: 28px;
    transform: translateY(-50%);
}

.rules-adjacent-navigation small[b-yizah1iwzz] {
    color: #8ecfff;
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rules-adjacent-navigation span[b-yizah1iwzz] {
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rules-adjacent-navigation .rules-next-link[b-yizah1iwzz] {
    padding: 10px 34px 10px 16px;
    text-align: right;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.2), transparent);
}

.rules-adjacent-navigation .rules-next-link[b-yizah1iwzz]::before {
    content: "\203A";
    right: 14px;
    left: auto;
}

.rules-adjacent-navigation a:hover[b-yizah1iwzz],
.rules-adjacent-navigation a:focus-visible[b-yizah1iwzz] {
    color: #8ecfff;
    outline: 1px solid rgba(142, 207, 255, 0.65);
    outline-offset: -1px;
}

@media (max-width: 768px) {
    .rules-shell[b-yizah1iwzz] {
        width: 92%;
    }

    .rules-detail-toolbar[b-yizah1iwzz] {
        align-items: flex-start;
        flex-direction: column;
    }

    .rules-notes-toggle[b-yizah1iwzz] {
        width: 100%;
    }

    .rules-topic-section[b-yizah1iwzz] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .rules-topic-letter[b-yizah1iwzz] {
        position: static;
        padding: 0;
        text-align: left;
    }

    .rules-topic-list[b-yizah1iwzz],
    .rules-adjacent-navigation[b-yizah1iwzz] {
        grid-template-columns: 1fr;
    }

    .rules-adjacent-navigation .rules-next-link[b-yizah1iwzz] {
        text-align: left;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.2), transparent);
    }
}
/* /Components/Rules/RuleSearchbar.razor.rz.scp.css */
.rules-search[b-ulztb3ui4x] {
    display: grid;
    grid-template-columns: auto minmax(220px, 1fr) auto;
    gap: 16px;
    align-items: center;
    width: 100%;
    min-height: 54px;
}

.rules-search label[b-ulztb3ui4x] {
    font-size: 17px;
    text-transform: uppercase;
}

.rules-search-control[b-ulztb3ui4x] {
    position: relative;
}

.rules-search-input[b-ulztb3ui4x] {
    width: 100%;
    min-height: 38px;
    padding: 7px 70px 7px 14px;
    box-sizing: border-box;
    border: 0;
    border-bottom: 1px solid rgba(142, 207, 255, 0.75);
    border-radius: 0;
    outline: none;
    color: white;
    font-family: Myriad Pro Regular, fallback, sans-serif;
    font-size: 17px;
    background: rgba(0, 0, 0, 0.28);
}

.rules-search-input:focus[b-ulztb3ui4x] {
    border-bottom-color: white;
    outline: 1px solid rgba(142, 207, 255, 0.7);
    outline-offset: 2px;
    background: rgba(10, 40, 64, 0.45);
}

.rules-search-clear[b-ulztb3ui4x] {
    position: absolute;
    top: 50%;
    right: 8px;
    padding: 5px 7px;
    border: 0;
    color: #8ecfff;
    font-size: 11px;
    background: transparent;
    cursor: pointer;
    text-transform: uppercase;
    transform: translateY(-50%);
}

.rules-search-clear:hover[b-ulztb3ui4x],
.rules-search-clear:focus-visible[b-ulztb3ui4x] {
    color: white;
}

.rules-search-count[b-ulztb3ui4x] {
    color: #8ecfff;
    font-size: 14px;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .rules-search[b-ulztb3ui4x] {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .rules-search label[b-ulztb3ui4x] {
        font-size: 14px;
    }

    .rules-search-count[b-ulztb3ui4x] {
        justify-self: end;
    }
}
/* /Components/Rules/RulesHub.razor.rz.scp.css */
.rules-hub[b-aa7kfe88u7] {
    width: 100%;
    padding: 8px 0 56px;
}

.rules-hub[b-aa7kfe88u7]  .rules-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.rules-hub[b-aa7kfe88u7]  .rules-status,
.rules-hub[b-aa7kfe88u7]  .rules-empty {
    padding: 26px 7%;
    color: white;
    font-family: Myriad Pro Regular, fallback, sans-serif;
    font-size: 17px;
    text-align: center;
    background: rgba(0, 0, 0, 0.52);
}

.rules-hub[b-aa7kfe88u7]  .rules-status h1,
.rules-hub[b-aa7kfe88u7]  .rules-status h2 {
    margin: 0 0 8px;
    color: white;
    font-family: Handel, fallback, sans-serif;
    text-transform: uppercase;
}

.rules-hub[b-aa7kfe88u7]  .rules-action-button {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    margin-top: 8px;
    padding: 0 16px;
    border: 1px solid rgba(142, 207, 255, 0.6);
    color: white;
    text-decoration: none;
    background: rgba(12, 44, 70, 0.72);
    cursor: pointer;
    text-transform: uppercase;
}

.rules-hub[b-aa7kfe88u7]  .rules-action-button:hover,
.rules-hub[b-aa7kfe88u7]  .rules-action-button:focus-visible {
    border-color: #8ecfff;
    color: #8ecfff;
    outline: none;
    background: rgba(18, 57, 87, 0.88);
}

.rules-hub[b-aa7kfe88u7]  .faq-catalog {
    width: 80%;
    max-width: 1180px;
    margin: 0 auto;
}

.rules-hub[b-aa7kfe88u7]  .faq-title-line {
    margin: 10px 0 18px;
    overflow: hidden;
    line-height: 0;
}

.rules-hub[b-aa7kfe88u7]  .faq-link-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 30px;
}

.rules-hub[b-aa7kfe88u7]  .faq-link-list a {
    display: grid;
    align-items: center;
    min-width: 0;
    min-height: 54px;
    padding: 7px 16px;
    color: white;
    text-decoration: none;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.18) 84%, transparent);
    transition: color 0.18s ease, background 0.18s ease;
}

.rules-hub[b-aa7kfe88u7]  .faq-link-list a:hover,
.rules-hub[b-aa7kfe88u7]  .faq-link-list a:focus-visible {
    color: #8ecfff;
    outline: none;
    background: linear-gradient(to right, rgba(14, 55, 86, 0.78), rgba(6, 22, 36, 0.3) 84%, transparent);
}

.rules-hub[b-aa7kfe88u7]  .faq-detail-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 18px;
    margin-bottom: 16px;
}

.rules-hub[b-aa7kfe88u7]  .faq-detail-nav a {
    color: #8ecfff;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
}

.rules-hub[b-aa7kfe88u7]  .faq-detail-nav a:hover,
.rules-hub[b-aa7kfe88u7]  .faq-detail-nav a:focus-visible {
    color: white;
}

.rules-hub[b-aa7kfe88u7]  .faq-detail-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    text-align: center;
}

.rules-hub[b-aa7kfe88u7]  .faq-detail-title h1 {
    margin: 0;
    font-size: 32px;
    line-height: 1.1;
    overflow-wrap: anywhere;
    text-transform: uppercase;
}

.rules-hub[b-aa7kfe88u7]  .faq-detail-title > span {
    order: -1;
    color: #8ecfff;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rules-hub[b-aa7kfe88u7]  .faq-faction-title {
    flex-direction: row;
}

.rules-hub[b-aa7kfe88u7]  .faq-detail-section {
    margin-top: 18px;
    padding: 18px 7%;
    background: linear-gradient(to right, transparent, rgba(0, 10, 30, 0.7) 8%, rgba(0, 10, 30, 0.7) 92%, transparent);
}

.rules-hub[b-aa7kfe88u7]  .faq-detail-section h2 {
    margin: 0 0 14px;
    color: white;
    font-size: 22px;
    text-transform: uppercase;
}

.rules-hub[b-aa7kfe88u7]  .faq-markup {
    max-width: 76ch;
    font-family: Myriad Pro Regular, fallback, sans-serif;
    font-size: 17px;
    line-height: 1.65;
}

.rules-hub[b-aa7kfe88u7]  .faq-answer + .faq-answer {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.22);
}

.rules-hub[b-aa7kfe88u7]  .rules-search-shell {
    max-width: 100%;
    margin-bottom: 18px;
    padding: 8px 7%;
    box-sizing: border-box;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.52) 10%, rgba(0, 0, 0, 0.52) 90%, transparent);
}

.rules-hub[b-aa7kfe88u7]  .rules-filter-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    max-width: 100%;
    margin: 0 0 20px;
    padding: 0 7%;
    box-sizing: border-box;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.52) 10%, rgba(0, 0, 0, 0.52) 90%, transparent);
}

.rules-hub[b-aa7kfe88u7]  .rules-filter-bar button {
    position: relative;
    flex: 1 1 130px;
    min-width: 110px;
    min-height: 44px;
    padding: 8px 10px;
    border: 0;
    color: white;
    font-family: Handel, fallback, sans-serif;
    font-size: 13px;
    background: transparent;
    cursor: pointer;
    white-space: nowrap;
    text-transform: uppercase;
}

.rules-hub[b-aa7kfe88u7]  .rules-filter-bar button::after {
    content: "";
    position: absolute;
    right: 24%;
    bottom: 5px;
    left: 24%;
    height: 1px;
    background: #8ecfff;
    opacity: 0;
    transform: scaleX(0);
}

.rules-hub[b-aa7kfe88u7]  .rules-filter-bar button:hover,
.rules-hub[b-aa7kfe88u7]  .rules-filter-bar button:focus-visible,
.rules-hub[b-aa7kfe88u7]  .rules-filter-bar button[aria-pressed="true"] {
    color: #8ecfff;
    outline: none;
    background: linear-gradient(to right, transparent, rgba(18, 57, 87, 0.55), transparent);
}

.rules-hub[b-aa7kfe88u7]  .rules-filter-bar button:focus-visible {
    outline: 1px solid rgba(142, 207, 255, 0.7);
    outline-offset: -3px;
}

.rules-hub[b-aa7kfe88u7]  .rules-filter-bar button[aria-pressed="true"]::after {
    opacity: 1;
    transform: scaleX(1);
}

.rules-hub[b-aa7kfe88u7]  .rules-filter-bar button:disabled {
    color: rgba(255, 255, 255, 0.3);
    cursor: default;
    background: transparent;
}

.rules-hub[b-aa7kfe88u7]  .rules-filter-bar button:disabled::after {
    display: none;
}

.rules-hub[b-aa7kfe88u7]  .rules-sub-filter {
    justify-content: flex-start;
    margin-top: -10px;
    padding: 0 7%;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.42) 10%, rgba(0, 0, 0, 0.42) 90%, transparent);
}

.rules-hub[b-aa7kfe88u7]  .rules-sub-filter button {
    flex: 1 1 135px;
    min-width: 105px;
    min-height: 34px;
    font-size: 11px;
    white-space: normal;
}

.rules-hub[b-aa7kfe88u7]  .rules-dense-filter {
    display: grid;
    grid-template-columns: repeat(13, minmax(36px, 1fr));
    gap: 4px;
    justify-content: stretch;
    padding-top: 6px;
    padding-bottom: 6px;
}

.rules-hub[b-aa7kfe88u7]  .rules-dense-filter button {
    min-width: 0;
    max-width: none;
    min-height: 38px;
    padding: 0;
    border: 1px solid rgba(142, 207, 255, 0.38);
    color: white;
    font-weight: 700;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.95);
    background: rgba(0, 8, 20, 0.52);
    white-space: nowrap;
}

.rules-hub[b-aa7kfe88u7]  .rules-dense-filter button:hover,
.rules-hub[b-aa7kfe88u7]  .rules-dense-filter button:focus-visible,
.rules-hub[b-aa7kfe88u7]  .rules-dense-filter button[aria-pressed="true"] {
    border-color: #8ecfff;
    background: rgba(18, 57, 87, 0.78);
}

.rules-hub[b-aa7kfe88u7]  .rules-dense-filter button:hover,
.rules-hub[b-aa7kfe88u7]  .rules-dense-filter button:focus-visible {
    border-color: rgba(142, 207, 255, 0.75);
    color: white;
    background: rgba(18, 57, 87, 0.72);
}

.rules-hub[b-aa7kfe88u7]  .rules-dense-filter button[aria-pressed="true"] {
    border-color: #8ecfff;
    color: #8ecfff;
    background: rgba(10, 40, 64, 0.82);
}

.rules-hub[b-aa7kfe88u7]  .rules-dense-filter button:disabled {
    border-color: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.24);
    background: rgba(0, 0, 0, 0.12);
}

.rules-hub[b-aa7kfe88u7]  .faq-index-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 8px;
    padding: 5px 12px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.12) 70%, transparent);
}

.rules-hub[b-aa7kfe88u7]  .faq-index-heading h2 {
    margin: 0;
    color: white;
    font-size: 21px;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .rules-hub[b-aa7kfe88u7] {
        padding: 4px 0 36px;
    }

    .rules-hub[b-aa7kfe88u7]  .faq-catalog {
        width: calc(100vw - 24px);
        max-width: calc(100vw - 24px);
    }

    .rules-hub[b-aa7kfe88u7]  .faq-link-list {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .rules-hub[b-aa7kfe88u7]  .faq-detail-title h1 {
        font-size: 26px;
    }

    .rules-hub[b-aa7kfe88u7]  .faq-detail-section {
        padding: 16px 5%;
    }

    .rules-hub[b-aa7kfe88u7]  .rules-filter-bar {
        justify-content: flex-start;
        padding: 0;
    }

    .rules-hub[b-aa7kfe88u7]  .rules-filter-bar button {
        flex: 1 1 135px;
        min-width: 120px;
    }

    .rules-hub[b-aa7kfe88u7]  .rules-sub-filter {
        padding: 0;
    }

    .rules-hub[b-aa7kfe88u7]  .rules-sub-filter button {
        flex: 1 1 135px;
        min-width: 120px;
    }

    .rules-hub[b-aa7kfe88u7]  .rules-dense-filter button {
        min-width: 0;
        max-width: none;
        min-height: 38px;
    }

    .rules-hub[b-aa7kfe88u7]  .faq-index-heading h2 {
        font-size: 17px;
    }
}

@media (max-width: 576px) {
    .rules-hub[b-aa7kfe88u7]  .rules-dense-filter {
        grid-template-columns: repeat(7, minmax(36px, 1fr));
        gap: 3px;
    }
}

@media (max-width: 360px) {
    .rules-hub[b-aa7kfe88u7]  .rules-dense-filter {
        grid-template-columns: repeat(6, minmax(34px, 1fr));
    }
}
/* /Components/Rules/RulesIndex.razor.rz.scp.css */
.rules-index-page[b-j927w7fn51] {
    width: 80%;
    max-width: 1180px;
    margin: 0 auto;
}

.rules-index-title[b-j927w7fn51] {
    max-width: 900px;
}

.rules-index-title h1[b-j927w7fn51] {
    margin: 0;
    font-size: 34px;
    text-transform: uppercase;
}

.rules-index-line[b-j927w7fn51] {
    margin: 6px 0 14px;
    overflow: hidden;
    line-height: 0;
}

.rules-index-links[b-j927w7fn51] {
    display: grid;
    gap: 6px;
}

.rules-index-links a[b-j927w7fn51] {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    min-height: 68px;
    padding: 8px 7%;
    box-sizing: border-box;
    color: white;
    text-decoration: none;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.58) 10%, rgba(0, 0, 0, 0.58) 90%, rgba(0, 0, 0, 0));
    transition: background 0.2s ease, color 0.2s ease;
}

.rules-index-links img[b-j927w7fn51] {
    width: 54px;
    height: 54px;
    object-fit: contain;
    filter: drop-shadow(0 2px 5px #000);
    transition: transform 0.2s ease;
}

.rules-index-links strong[b-j927w7fn51] {
    display: block;
    color: white;
    font-size: 27px;
    text-transform: uppercase;
}

.rules-index-links small[b-j927w7fn51] {
    display: block;
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.68);
    font-family: Myriad Pro Regular, fallback, sans-serif;
    font-size: 15px;
    line-height: 1.25;
}

.rules-index-links a:hover[b-j927w7fn51],
.rules-index-links a:focus-visible[b-j927w7fn51] {
    outline: 2px solid rgba(142, 207, 255, 0.8);
    outline-offset: -2px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(12, 44, 70, 0.75) 10%, rgba(12, 44, 70, 0.75) 90%, rgba(0, 0, 0, 0));
}

.rules-index-links a:hover img[b-j927w7fn51],
.rules-index-links a:focus-visible img[b-j927w7fn51] {
    transform: scale(1.12);
}

.rules-index-links a:hover strong[b-j927w7fn51],
.rules-index-links a:focus-visible strong[b-j927w7fn51] {
    color: #8ecfff;
}

@media (max-width: 768px) {
    .rules-index-page[b-j927w7fn51] {
        width: 92%;
    }

    .rules-index-title h1[b-j927w7fn51] {
        font-size: 29px;
    }

    .rules-index-links a[b-j927w7fn51] {
        grid-template-columns: 52px 1fr;
        gap: 14px;
        min-height: 66px;
        padding: 9px 6%;
    }

    .rules-index-links img[b-j927w7fn51] {
        width: 44px;
        height: 44px;
    }

    .rules-index-links strong[b-j927w7fn51] {
        font-size: 21px;
    }

    .rules-index-links small[b-j927w7fn51] {
        font-size: 14px;
    }
}
/* /Components/Rules/RulesNavigation.razor.rz.scp.css */
.rules-navigation[b-5bmi8xz9xq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 80%;
    min-height: 46px;
    margin: 0 auto 24px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0));
}

.rules-navigation a[b-5bmi8xz9xq] {
    position: relative;
    flex: 1 1 135px;
    max-width: 260px;
    min-height: 46px;
    padding: 12px 18px;
    box-sizing: border-box;
    color: white;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s ease;
}

.rules-navigation a[b-5bmi8xz9xq]::after {
    content: "";
    position: absolute;
    right: 25%;
    bottom: 7px;
    left: 25%;
    height: 1px;
    background: #8ecfff;
    opacity: 0;
    transform: scaleX(0);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.rules-navigation a:hover[b-5bmi8xz9xq],
.rules-navigation a.active[b-5bmi8xz9xq] {
    color: #8ecfff;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(18, 57, 87, 0.42), rgba(0, 0, 0, 0));
}

.rules-navigation a:hover[b-5bmi8xz9xq]::after,
.rules-navigation a.active[b-5bmi8xz9xq]::after {
    opacity: 1;
    transform: scaleX(1);
}

.rules-navigation a:focus-visible[b-5bmi8xz9xq] {
    outline: 2px solid #8ecfff;
    outline-offset: -4px;
}

@media (max-width: 768px) {
    .rules-navigation[b-5bmi8xz9xq] {
        display: flex;
        width: 92%;
        margin-bottom: 18px;
        background: none;
    }

    .rules-navigation a[b-5bmi8xz9xq] {
        flex: 1 1 145px;
        max-width: none;
        min-height: 44px;
        padding: 10px 14px;
        box-sizing: border-box;
        font-size: 14px;
        background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0));
    }
}
/* /Components/Rules/RulesResources.razor.rz.scp.css */
.rules-resources[b-usvklznhhx] {
    width: 80%;
    max-width: 1180px;
    margin: 0 auto;
}

.rules-visually-hidden[b-usvklznhhx] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.resources-list[b-usvklznhhx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 24px;
}

.resources-list a[b-usvklznhhx] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-height: 58px;
    padding: 8px 16px;
    color: white;
    text-decoration: none;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.18) 84%, transparent);
}

.resources-list img[b-usvklznhhx] {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.resources-list span[b-usvklznhhx] {
    display: grid;
    min-width: 0;
}

.resources-list strong[b-usvklznhhx] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resources-list b[b-usvklznhhx] {
    color: #8ecfff;
    font-size: 25px;
}

.resources-list a:hover[b-usvklznhhx],
.resources-list a:focus-visible[b-usvklznhhx] {
    color: #8ecfff;
    outline: 1px solid rgba(142, 207, 255, 0.65);
    outline-offset: -1px;
    background: linear-gradient(to right, rgba(14, 55, 86, 0.78), rgba(6, 22, 36, 0.3) 84%, transparent);
}

@media (max-width: 768px) {
    .rules-resources[b-usvklznhhx] {
        width: 92%;
    }

    .resources-list[b-usvklznhhx] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/AccountMenu.razor.rz.scp.css */
#account-menu[b-4eh31mjspf] {
    position: absolute;
    top: 0;
    right: 1%;
    min-width: 20%;
}

@media (max-width: 970px) {
    #account-menu[b-4eh31mjspf] {
        position: relative;
        top: 0;
        right: 1%;
        width: 100%;
        display: flex;
    }
}

.space[b-4eh31mjspf] {
    align-self: center;
    min-width: 20px !important;
}

#main-navbar[b-4eh31mjspf] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    height: 30px;
    min-height: 30px;
    align-self: center;
    min-width: 50%;
}

.menu-item[b-4eh31mjspf] {
    position: relative;
    min-width: 5%;
    text-align: center;
    margin: 0 18px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    flex-grow: 1;
    flex-shrink: 1;
}

    .menu-item a[b-4eh31mjspf] {
        color: white;
        font-family: Handel, fallback, sans-serif;
        font-size: 24px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        text-shadow: 0px 2px 6px rgba(0, 0, 0, 1), 2px 0px 6px rgba(0, 0, 0, 1), 0px -2px 6px rgba(0, 0, 0, 1), -2px 0px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1), 1px -1px 6px rgba(0, 0, 0, 1), -1px 1px 6px rgba(0, 0, 0, 1), -1px -1px 6px rgba(0, 0, 0, 1);
    }

.dropdown[b-4eh31mjspf] {
    position: absolute;
    top: 120%;
    left: calc(-50% + 50% * 0.5);
    width: 150%;
    z-index: 1000;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s, visibility 1s;
}

    .dropdown:hover[b-4eh31mjspf] {
        display: block;
        animation: none;
    }

    .dropdown a[b-4eh31mjspf] {
        font-size: 14px;
        background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.6) 10%, rgba(0,0,0,0.6) 90%, rgba(0,0,0,0));
        color: white;
        display: block;
        text-decoration: none;
        white-space: nowrap;
        margin-top: 3px;
        margin-bottom: 1px;
    }

        .dropdown a:hover[b-4eh31mjspf] {
            font-size: 16px;
        }

.menu-container[b-4eh31mjspf] {
    position: relative;
    font-size: 22px;
}

    .menu-container:hover .dropdown[b-4eh31mjspf] {
        opacity: 1;
        visibility: visible;
    }
/* /Components/Shared/Bars/AsyncPlayerProgressBar.razor.rz.scp.css */
.value[b-bsmyjptyxm] {
    position: absolute;
    left: 50%;
}

.orange[b-bsmyjptyxm] {
    background-color: orange;
}

.red[b-bsmyjptyxm] {
    background-color: red;
}

.green[b-bsmyjptyxm] {
    background-color: lawngreen;
}

.blue[b-bsmyjptyxm] {
    background-color: deepskyblue;
}

.yellow[b-bsmyjptyxm] {
    background-color: yellow;
}

progress[b-bsmyjptyxm] {
    -webkit-appearance: none;
    appearance: none;
}

.darkgreen[b-bsmyjptyxm] {
    background-color: limegreen;
}

.black[b-bsmyjptyxm] {
    background-color: black;
}

.pink[b-bsmyjptyxm] {
    background-color: hotpink;
}

.planets[b-bsmyjptyxm] {
    background-color: orange;
    background: linear-gradient(to right, rgba(0, 255, 0, 1) 15%, rgba(0, 0, 255, 1) 50%, rgba(255, 0, 0, 1) 85%);
}

.wormholes[b-bsmyjptyxm] {
    background-color: white;
    background: linear-gradient(to right, rgb(246, 133, 10) 15%,rgb(72, 189, 71) 50%, rgb(196, 49, 98) 85%);
}

.ab[b-bsmyjptyxm] {
    color: 
}
/* /Components/Shared/Bars/AutoComplete.razor.rz.scp.css */
.custom-autocomplete[b-x1twnnyesd] {
    position: relative;
    width: 100%;
    max-width: 400px;
}

.custom-input[b-x1twnnyesd] {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    font-family: Handel, fallback, sans-serif;
    border-radius: 4px;
    outline: none;
    box-sizing: border-box;
}

    .custom-input:focus[b-x1twnnyesd] {
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }

.custom-autocomplete-list[b-x1twnnyesd] {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    font-family: Handel, fallback, sans-serif;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}

.custom-autocomplete-item[b-x1twnnyesd] {
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
}

    .custom-autocomplete-item:hover[b-x1twnnyesd] {
        background-color: #f1f1f1;
    }
/* /Components/Shared/Bars/ProgressBar.razor.rz.scp.css */
.value[b-elo2enq3eb] {
    position: absolute;
    left: 50%;
}

.orange[b-elo2enq3eb] {
    background-color: orange;
}

.red[b-elo2enq3eb] {
    background-color: red;
}

.green[b-elo2enq3eb] {
    background-color: lawngreen;
}

.blue[b-elo2enq3eb] {
    background-color: deepskyblue;
}

.yellow[b-elo2enq3eb] {
    background-color: yellow;
}

progress[b-elo2enq3eb] {
    -webkit-appearance: none;
    appearance: none;
}

.darkgreen[b-elo2enq3eb] {
    background-color: limegreen;
}

.black[b-elo2enq3eb] {
    background-color: black;
}

.pink[b-elo2enq3eb] {
    background-color: hotpink;
}

.planets[b-elo2enq3eb] {
    background-color: orange;
    background: linear-gradient(to right, rgba(0, 255, 0, 1) 15%, rgba(0, 0, 255, 1) 50%, rgba(255, 0, 0, 1) 85%);
}

.wormholes[b-elo2enq3eb] {
    background-color: white;
    background: linear-gradient(to right, rgb(246, 133, 10) 15%,rgb(72, 189, 71) 50%, rgb(196, 49, 98) 85%);
}
/* /Components/Shared/Bars/SearchBar.razor.rz.scp.css */
.radzen-textbox[b-auivo3jac7] {
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
}
/* /Components/Shared/Bars/StarRating.razor.rz.scp.css */
.comment-stars[b-pn37i6pqd8] {
    display: flex;
    flex-direction: row-reverse;
}

    .comment-stars.is-read-only .comment-stars-view[b-pn37i6pqd8] {
        cursor: default;
        pointer-events: none; /* Prevents any interaction */
    }

.comment-stars-input[b-pn37i6pqd8] {
    display: none;
}

    .comment-stars-input:checked ~ .comment-stars-view svg[b-pn37i6pqd8] {
        fill: yellow;
    }

    .comment-stars-input:checked ~ .comment-stars-view:hover svg[b-pn37i6pqd8],
    .comment-stars-input:checked ~ .comment-stars-view:hover ~ .comment-stars-view
    svg[b-pn37i6pqd8] {
        fill: gold;
    }

.comment-stars-view[b-pn37i6pqd8] {
    cursor: pointer;
}

    .comment-stars-view svg[b-pn37i6pqd8] {
        fill: #ededef;
        width: calc(1.39306640625em * 1.5);
        height: calc(1.5em * 1.5);
    }

    .comment-stars-view.is-half[b-pn37i6pqd8] {
        transform: translateX(100%);
        margin-left: calc(-0.69580078125em * 1.5);
    }

        .comment-stars-view.is-half svg[b-pn37i6pqd8] {
            width: calc(0.69580078125em * 1.5);
        }

    .comment-stars-view:hover svg[b-pn37i6pqd8],
    .comment-stars-view:hover ~ .comment-stars-view svg[b-pn37i6pqd8] {
        fill: gold;
    }

/* Additional CSS to handle disabled (read-only) state */
.comment-stars-input:disabled ~ .comment-stars-view svg[b-pn37i6pqd8] {
    fill: yellow;
}
/* /Components/Shared/Controls/ArrowButton.razor.rz.scp.css */
.space[b-rp9raezb5i] {
    align-self: center;
    min-width: 20px !important;
}

.arrow-button[b-rp9raezb5i] {
    transform: translateY(-5px);
}
/* /Components/Shared/Controls/Button.razor.rz.scp.css */
.button[b-k1o12b8qei] {
    border-radius: 10px !important;
    border: 2px solid black !important;
    background-color: rgba(0, 0, 255, 0.3) !important;
    transition: background-color 0.3s ease !important;
    padding: 10px 30px !important;
}

.button-disabled[b-k1o12b8qei] {
    border-radius: 10px !important;
    border: 2px solid black !important;
    background-color: rgba(128, 128, 128, 0.3) !important;
    transition: background-color 0.3s ease !important;
    padding: 10px 30px !important;
}

.button:hover[b-k1o12b8qei] {
    background-color: white !important;
}

.div-like-button[b-k1o12b8qei] {
    display: block !important;
    padding: 10px 30px !important;
    background-color: rgba(0, 0, 255, 0.3);
    color: white !important;
    border: 2px solid black !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 16px;
    margin-bottom: 0px !important;
}

    .div-like-button:hover[b-k1o12b8qei] {
        background-color: white !important;
    }
/* /Components/Shared/Controls/NumericPicker.razor.rz.scp.css */
body[b-0g2jcbhfqz] {
}
/* /Components/Shared/CultureMenu.razor.rz.scp.css */
#country-menu[b-ti3tmayofb] {
    position: absolute;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

img[b-ti3tmayofb] {
    width: 50px;
    height: 45px;
    margin: 0 5px;
}
/* /Components/Shared/Footer.razor.rz.scp.css */
@font-face {
    font-family: 'Myriad';
    src: url('/resources/fonts/Myriad Pro Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

footer[b-h399o75wns] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: white;
    padding: 0;
    width: 100%;
    font-family: 'Myriad', sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: 100px;
}

p[b-h399o75wns] {
    font-size: 18px;
}

@media (max-width: 1024px) {
    p[b-h399o75wns] {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    p[b-h399o75wns] {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    p[b-h399o75wns] {
        font-size: 14px;
    }
}
/* /Components/Shared/GameVersions/GameVersionIcon.razor.rz.scp.css */
.gameversion-icon[b-6g835ax54k] {
    max-height: 20px;
    margin-left: 10px;
    margin-right: 10px;
    align-content: center;
    cursor: pointer;
}
/* /Components/Shared/GameVersions/GameVersionPicker.razor.rz.scp.css */
.version-row[b-yufwijicw0] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 25px;
    padding: 0% 0% 0% 0%;
}

.margin-bottom[b-yufwijicw0] {
    margin-bottom: 0px !important;
}

.background[b-yufwijicw0] {
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 1%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0));
}
/* /Components/Shared/Header.razor.rz.scp.css */
.header-space[b-h0viajs677] {
    align-self: center;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

img[b-h0viajs677] {
    object-fit: contain;
    display: block;
    width: 100%;
    max-width: 600px;
    align-self: center;
}

a[b-h0viajs677] {
    align-self: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
/* /Components/Shared/Layouts/BorderedImage.razor.rz.scp.css */
.image-item[b-cqogbfr38d] {
    position: relative;
    display: inline-block;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100% !important;
}

    .image-item img[b-cqogbfr38d] {
        display: block;
        border-radius: 20px;
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
        height: 100% !important;
    }

    .image-item[b-cqogbfr38d]::before {
        content: "";
        position: absolute;
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: inset 0 0 0 5px #000;
        pointer-events: none;
        border-radius: 20px;
    }

@media (max-width: 1280px) {

    .image-item img[b-cqogbfr38d] {
        border-radius: 10px;
    }

    .image-item[b-cqogbfr38d]::before {
        border-radius: 10px;
        box-shadow: inset 0 0 0 3px #000;
    }
}

@media (max-width: 768px) {

    .image-item img[b-cqogbfr38d] {
        border-radius: 5px;
    }

    .image-item[b-cqogbfr38d]::before {
        border-radius: 5px;
        box-shadow: inset 0 0 0 2px #000;
    }
}
/* /Components/Shared/Layouts/FlexColumnCenteredContainer.razor.rz.scp.css */
.flex-column-center[b-whur3snniz] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; /*main-axis*/
    justify-items: center; /*main-axis*/
    align-items: center; /*cross-axis*/
}
/* /Components/Shared/Layouts/FlexColumnContainer.razor.rz.scp.css */
.flex-column[b-ccx9ztvo82] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
/* /Components/Shared/Layouts/FlexRowContainer.razor.rz.scp.css */
.flex-row[b-wptmwvlcsh] {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.bar[b-wptmwvlcsh] {
    background-color: black;
}
/* /Components/Shared/Layouts/GridLayout.razor.rz.scp.css */
.grid-container[b-74vcizj7gj] {
    display: grid;
}
/* /Components/Shared/Layouts/ImageBackgroundContainer.razor.rz.scp.css */
.image-item[b-izvhft28a7] {
    position: relative;
    display: inline-block;
    height: 750px;
    width: 500px;
    border-radius: 50px;
}
/* /Components/Shared/Layouts/StretchHeightContainer.razor.rz.scp.css */
.stretch-height-container[b-0trfxgkidr] {
    width: 100%;
    min-height: 100vh;
}
/* /Components/Shared/Layouts/TitleLine.razor.rz.scp.css */
.offset-left[b-lz8zrv59z0] {

}
/* /Components/Shared/MainNavigation.razor.rz.scp.css */
#main-navbar[b-pc717fzh4y] {
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 80%;
    height: 50px;
    min-height: 40px;
    margin-bottom: 50px;
    align-self: center;
}

.menu-item[b-pc717fzh4y] {
    position: relative;
    min-width: 5%;
    text-align: center;
    margin: 0 18px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    flex-grow: 1;
    flex-shrink: 1;
}

    .menu-item a[b-pc717fzh4y] {
        color: white;
        font-family: Handel, fallback, sans-serif;
        font-size: 28px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        text-shadow: 0px 2px 6px rgba(0, 0, 0, 1), 2px 0px 6px rgba(0, 0, 0, 1), 0px -2px 6px rgba(0, 0, 0, 1), -2px 0px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1), 1px -1px 6px rgba(0, 0, 0, 1), -1px 1px 6px rgba(0, 0, 0, 1), -1px -1px 6px rgba(0, 0, 0, 1);
    }

.dropdown[b-pc717fzh4y] {
    position: absolute;
    top: 120%;
    left: calc(-50% + 50% * 0.5);
    width: 150%;
    z-index: 1000;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.5s;
}

    .dropdown:hover[b-pc717fzh4y] {
        display: block;
        animation: none;
    }

    .dropdown a[b-pc717fzh4y] {
        font-size: 16px;
        background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.6) 10%, rgba(0,0,0,0.6) 90%, rgba(0,0,0,0));
        color: white;
        display: block;
        text-decoration: none;
        white-space: nowrap;
        margin-top: 3px;
        margin-bottom: 1px;
    }

        .dropdown a:hover[b-pc717fzh4y] {
            font-size: 18px;
        }

.menu-container[b-pc717fzh4y] {
    position: relative;
}

    .menu-container:hover .dropdown[b-pc717fzh4y] {
        opacity: 1;
        visibility: visible;
    }

@media (max-width: 1280px) {
    #main-navbar[b-pc717fzh4y] {
        height: auto;
        flex-direction: row;
        margin-bottom: 0;
        background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        width: 100%;
        height: 50px;
        min-height: 40px;
        margin-bottom: 50px;
        align-self: center;
    }

    .menu-item[b-pc717fzh4y] {
        position: relative;
        min-width: 10%;
        text-align: center;
        margin: 0 18px;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
        flex-grow: 1;
        flex-shrink: 1;
    }

        .menu-item a[b-pc717fzh4y] {
            color: white;
            font-family: Handel, fallback, sans-serif;
            font-size: 18px;
            font-weight: bold;
            text-decoration: none;
            text-transform: uppercase;
            text-shadow: 0px 2px 6px rgba(0, 0, 0, 1), 2px 0px 6px rgba(0, 0, 0, 1), 0px -2px 6px rgba(0, 0, 0, 1), -2px 0px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1), 1px -1px 6px rgba(0, 0, 0, 1), -1px 1px 6px rgba(0, 0, 0, 1), -1px -1px 6px rgba(0, 0, 0, 1);
        }

    .dropdown[b-pc717fzh4y] {
        position: absolute;
        top: 120%;
        left: calc(-25% + 50% * 0.5);
        width: 100%;
        z-index: 100;
    }

        .dropdown a[b-pc717fzh4y] {
            font-size: 10px;
            background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.6) 10%, rgba(0,0,0,0.6) 90%, rgba(0,0,0,0));
            color: white;
            display: block;
            text-decoration: none;
            white-space: nowrap;
            margin-top: 3px;
            margin-bottom: 1px;
        }

            .dropdown a:hover[b-pc717fzh4y] {
                font-size: 12px;
            }
}

@media (max-width: 768px) {
    #main-navbar[b-pc717fzh4y] {
        height: auto;
        flex-direction: row;
        margin-bottom: 0;
        background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        width: 100%;
        height: 50px;
        max-height: 15px;
        margin-bottom: 50px;
        align-self: center;
    }

    .menu-item[b-pc717fzh4y] {
        position: relative;
        min-width: 10%;
        text-align: center;
        margin: 0 14px;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
        flex-grow: 1;
        flex-shrink: 1;
    }

        .menu-item a[b-pc717fzh4y] {
            color: white;
            font-family: Handel, fallback, sans-serif;
            font-size: 14px;
            font-weight: bold;
            text-decoration: none;
            text-transform: uppercase;
            text-shadow: 0px 2px 6px rgba(0, 0, 0, 1), 2px 0px 6px rgba(0, 0, 0, 1), 0px -2px 6px rgba(0, 0, 0, 1), -2px 0px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1), 1px -1px 6px rgba(0, 0, 0, 1), -1px 1px 6px rgba(0, 0, 0, 1), -1px -1px 6px rgba(0, 0, 0, 1);
        }

    .dropdown[b-pc717fzh4y] {
        position: absolute;
        top: 180%;
        left: calc(-50% + 50% * 0.5);
        width: 150%;
        z-index: 1000;
        flex-direction: column;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.5s, visibility 0.5s;
    }
        .dropdown:hover[b-pc717fzh4y] {
            display: block;
            animation: none;
        }

        .dropdown a[b-pc717fzh4y] {
            font-size: 8px;
            background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.6) 10%, rgba(0,0,0,0.6) 90%, rgba(0,0,0,0));
            color: white;
            display: block;
            text-decoration: none;
            white-space: nowrap;
            margin-top: 2px;
            margin-bottom: 1px;
        }

            .dropdown a:hover[b-pc717fzh4y] {
                font-size: 10px;
            }

    .menu-container[b-pc717fzh4y] {
        position: relative;
    }

        .menu-container:hover .dropdown[b-pc717fzh4y] {
            opacity: 1;
            visibility: visible;
        }

    .dropdown a:hover[b-pc717fzh4y] {
        font-size: 9px;
    }
}
/* /Components/Shared/Page.razor.rz.scp.css */
.page[b-1lrw5s5xhp] {
    width: 100%;
}

.page-template[b-1lrw5s5xhp] {
    display: flex;
    flex-direction: column;
    justify-content: center; /*main-axis*/
    justify-items: center; /*main-axis*/
    align-items: center; /*cross-axis*/
}

.page-template-width[b-1lrw5s5xhp] {
    width: 80% !important;
}

@media (max-width: 1024px) {
    .page-template-width[b-1lrw5s5xhp] {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .page-template-width[b-1lrw5s5xhp] {
        width: 100% !important;
    }
}

@media (max-width: 576px) {
    .page-template-width[b-1lrw5s5xhp] {
        width: 100% !important;
    }
}
/* /Components/Shared/Text/CardGenerator/ActionCard/ActionCardFlavoredText.razor.rz.scp.css */
hr[b-ey26fn7gxm] {
    border: none;
    border-top: 2px solid white;
    width: 70%;
    margin-top: 30px;
}
/* /Components/Shared/Text/CardGenerator/ActionCard/ActionCardText.razor.rz.scp.css */
.action-card-text[b-iol0w3xa9o] {
    width: 375px;
}

.center-text[b-iol0w3xa9o] {
    text-align: center;
}
/* /Components/Shared/Text/CardGenerator/ActionCard/ActionCardTitle.razor.rz.scp.css */
.action-card-title[b-bw7q3i2htv] {
    width: 325px;
    height: 100px;

    overflow-wrap: break-word;

    display: flex;
    align-items: center;
}

.background[b-bw7q3i2htv] {
    background: -webkit-linear-gradient(left, #E9DA6A, #F4F1EF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #E9DA6A, #F4F1EF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #E9DA6A, #F4F1EF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #E9DA6A, #F4F1EF); /* Standard syntax (must be last) */
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* /Components/Shared/Text/CardGenerator/AgendaCard/AgendaCardText.razor.rz.scp.css */
.agenda-card-text[b-rst1a1z0lw] {
    width: 375px;
    height: 100%;
    overflow-wrap: break-word;
    text-align: center;
    text-justify: auto;
    max-height: 375px;
}

.center-text[b-rst1a1z0lw] {
    text-align: center;
}
/* /Components/Shared/Text/CardGenerator/AgendaCard/AgendaCardTitle.razor.rz.scp.css */
.agenda-card-title[b-gsxx9gtctk] {
    width: 325px;
    height: 100px;
    background: -webkit-linear-gradient(left, #67A6E2, #F4F1EF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #67A6E2, #F4F1EF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #67A6E2, #F4F1EF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #67A6E2, #F4F1EF); /* Standard syntax (must be last) */

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow-wrap: break-word;
    display: flex;
    align-items: center;
}
/* /Components/Shared/Text/CardGenerator/ObjectiveStageOneCard/ObjectiveStageOneCardTitle.razor.rz.scp.css */
.objective-stage-one-card-title[b-ui3w18plbe] {
    width: 325px;
    height: 100px;
    background: -webkit-linear-gradient(left, #EFCD74, #F4F1EF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #EFCD74, #F4F1EF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #EFCD74, #F4F1EF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #EFCD74, #F4F1EF); /* Standard syntax (must be last) */

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow-wrap: break-word;
    display: flex;
    align-items: center;
}
/* /Components/Shared/Text/CardGenerator/ObjectiveStageTwoCard/ObjectiveStageTwoCardTitle.razor.rz.scp.css */
.objective-stage-two-card-title[b-65a5imyr0p] {
    width: 325px;
    height: 100px;
    background: -webkit-linear-gradient(left, #AFAFF5, #F4F1EF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #AFAFF5, #F4F1EF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #AFAFF5, #F4F1EF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #AFAFF5, #F4F1EF); /* Standard syntax (must be last) */

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow-wrap: break-word;
    display: flex;
    align-items: center;
}
/* /Components/Shared/Text/CardGenerator/SecretCard/SecretCardText.razor.rz.scp.css */
.secret-card-text[b-25cvw5mrgh] {
    width: 375px;
    height: 100%;
    overflow-wrap: break-word;
    text-align: center;
    text-justify: auto;
    max-height: 375px;
}

.center-text[b-25cvw5mrgh] {
    text-align: center;
}
/* /Components/Shared/Text/CardGenerator/SecretCard/SecretCardTitle.razor.rz.scp.css */
.secret-card-title[b-rwx1f4xd2l] {
    width: 425px;
    height: 100px;
    background: -webkit-linear-gradient(left, #CF6B6B, #F8F4F3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #CF6B6B, #F8F4F3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #CF6B6B, #F8F4F3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #CF6B6B, #F8F4F3); /* Standard syntax (must be last) */

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow-wrap: break-word;
    display: flex;
    align-items: center;
}
/* /Components/Shared/Text/HelpText.razor.rz.scp.css */

/* /Components/Shared/Text/Label.razor.rz.scp.css */
.label[b-69h2uwjrgu] {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    margin: 0;
    padding: 0;
    display: block;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 0.0rem;
}

.red[b-69h2uwjrgu] {
    color: red;
}

.green[b-69h2uwjrgu] {
    color: lawngreen;
}

.white[b-69h2uwjrgu] {
    color: white;
}

.yellow[b-69h2uwjrgu] {
    color: yellow;
}

.blue[b-69h2uwjrgu] {
    color: blue;
}

.light-blue[b-69h2uwjrgu] {
    color: #3b82f6;
}

.orange[b-69h2uwjrgu] {
    color: orange;
}

.purple[b-69h2uwjrgu] {
    color: rebeccapurple;
}

.pink[b-69h2uwjrgu] {
    color: magenta;
}

.darkgreen[b-69h2uwjrgu] {
    color: green;
}

.grey[b-69h2uwjrgu] {
    color: grey;
}

.transparent[b-69h2uwjrgu] {
    color: transparent;
}

.unranked[b-69h2uwjrgu] {
    color: white;
}

.minister[b-69h2uwjrgu] {
    color: #3498db;
}

.agent[b-69h2uwjrgu] {
    color: #206694;
}

.commander[b-69h2uwjrgu] {
    color: #b2a8e4;
}

.hero[b-69h2uwjrgu] {
    color: #816de6;
}

.thrall[b-69h2uwjrgu] {
    color: #df966e;
}

.acolyte[b-69h2uwjrgu] {
    color: #ce8863;
}

.legionnaire[b-69h2uwjrgu] {
    color: #c3764c;
}

.starlancer[b-69h2uwjrgu] {
    color: #c26b3d;
}

.gene-sorcerer[b-69h2uwjrgu] {
    color: #d6682d;
}

.ixth-lord[b-69h2uwjrgu] {
    color: #d66223;
}

.archon[b-69h2uwjrgu] {
    color: #ec651c;
}

.tyrant[b-69h2uwjrgu] {
    color: #f65904;
}

.galactic-threat[b-69h2uwjrgu] {
    color: #ba6de6;
}

.pmbg[b-69h2uwjrgu] {
    color: #f1c40f;
}

.underline[b-69h2uwjrgu] {
    text-decoration: underline;
}

.vertical-text[b-69h2uwjrgu] {
    writing-mode: vertical-rl;
    text-orientation: sideways;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.invisible-text[b-69h2uwjrgu] {
    visibility: hidden;
}
/* /Components/Shared/Text/MarkupStringLabel.razor.rz.scp.css */
.label[b-gzw8chekhk] {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    margin: 0;
    padding: 0;
    display: block;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 0.0rem;
}

.red[b-gzw8chekhk] {
    color: red;
}

.green[b-gzw8chekhk] {
    color: lawngreen;
}

.white[b-gzw8chekhk] {
    color: white;
}

.yellow[b-gzw8chekhk] {
    color: yellow;
}

.blue[b-gzw8chekhk] {
    color: blue;
}

.orange[b-gzw8chekhk] {
    color: orange;
}

.purple[b-gzw8chekhk] {
    color: rebeccapurple;
}

.pink[b-gzw8chekhk] {
    color: magenta;
}

.darkgreen[b-gzw8chekhk] {
    color: green;
}

.grey[b-gzw8chekhk] {
    color: grey;
}

.transparent[b-gzw8chekhk] {
    color: transparent;
}

.underline[b-gzw8chekhk] {
    text-decoration: underline;
}
/* /Components/Shared/Text/Title.razor.rz.scp.css */

/* /Components/Shared/UpdateAvailable.razor.rz.scp.css */
.update-notify[b-0z6acivw5o] {
    background-color: deepskyblue;
    color: white;
}

.button[b-0z6acivw5o] {
    border-radius: 10px !important;
    border: 2px solid black !important;
    background-color: rgba(0, 0, 255, 0.3) !important;
    transition: background-color 0.3s ease !important;
    padding: 10px 30px !important;
}

.button-disabled[b-0z6acivw5o] {
    border-radius: 10px !important;
    border: 2px solid black !important;
    background-color: rgba(128, 128, 128, 0.3) !important;
    transition: background-color 0.3s ease !important;
    padding: 10px 30px !important;
}

.button:hover[b-0z6acivw5o] {
    background-color: white !important;
}

.div-like-button[b-0z6acivw5o] {
    display: block !important;
    padding: 10px 30px !important;
    background-color: rgba(0, 0, 255, 0.3);
    color: white !important;
    border: 2px solid black !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 16px;
    margin-bottom: 0px !important;
}

    .div-like-button:hover[b-0z6acivw5o] {
        background-color: white !important;
    }
/* /Components/Shared/WinnerImg.razor.rz.scp.css */
@media (max-width: 1248px) {
    .faction-icon[b-39c9mwu2x7] {
        max-height: 25px;
    }
}

@media (max-width: 768px) {
    .faction-icon[b-39c9mwu2x7] {
        max-height: 15px;
    }
}
/* /Components/SliceGenerators/Slice.razor.rz.scp.css */
.slice-grid[b-bq4vw8091y] {
    display: grid;
    grid-template-columns: repeat(3, minmax(1px, auto));
    grid-template-rows: repeat(4, auto);
    grid-gap: 0px;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .slice-grid > :nth-child(1)[b-bq4vw8091y] {
        grid-column: 2 / span 1;
        grid-row: 3;
        transform: translate(0%, 50%);
    }

    .slice-grid > :nth-child(2)[b-bq4vw8091y] {
        grid-column: 1 / span 1;
        grid-row: 3;
        transform: translate(25%, 0%);
    }

    .slice-grid > :nth-child(3)[b-bq4vw8091y] {
        grid-column: 2 / span 1;
        grid-row: 2;
        transform: translate(0%, 50%);
    }

    .slice-grid > :nth-child(4)[b-bq4vw8091y] {
        grid-column: 3 / span 1;
        grid-row: 3;
        transform: translate(-25%, 0%);
    }

    .slice-grid > :nth-child(5)[b-bq4vw8091y] {
        grid-column: 1 / span 1;
        grid-row: 2;
        transform: translate(25%, 0%);
    }

    .slice-grid > :nth-child(6)[b-bq4vw8091y] {
        grid-column: 2 / span 1;
        grid-row: 1;
        transform: translate(0%, 50%);
    }

    .slice-grid > :nth-child(7)[b-bq4vw8091y] {
        grid-column: 2 / span 1;
        grid-row: 1;
        transform: translate(0%, 50%);
    }

.hex[b-bq4vw8091y] {
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
/* /Components/SliceGenerators/SliceEvaluationGrid.razor.rz.scp.css */
.slice-evaluation-grid[b-5o1ee3ppkb] {
}

.yellow[b-5o1ee3ppkb] {
    color: yellow;
}

.blue[b-5o1ee3ppkb] {
    color: deepskyblue;
}

.green[b-5o1ee3ppkb] {
    color: lawngreen;
}

.max-height[b-5o1ee3ppkb] {
    max-height: 40px;
}

.grid-text[b-5o1ee3ppkb] {
    text-align: center;
    align-self: center;
    justify-self: center;
}
/* /Components/SliceGenerators/SliceEvaluationStats.razor.rz.scp.css */
.max-height[b-fva4xyfp3v] {
    max-height: 40px;
    max-width: 40px;
}
/* /Components/SliceGenerators/SliceGeneratorGrid.razor.rz.scp.css */
body[b-ucsmo7xy5m] {
}
/* /Components/SliceGenerators/SliceGeneratorNavBar.razor.rz.scp.css */
.slice-generator-navbar[b-2hvvgdk73i] {
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 60%;
    height: 50px;
    min-height: 40px;
    align-self: center;
}
/* /Components/SliceGenerators/SliceHex.razor.rz.scp.css */
.hex-container[b-okvx55pyk0] {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: grab !important;
}

    .hex-container img[b-okvx55pyk0] {
        width: 100%;
        height: 100%;
    }

[draggable=true][b-okvx55pyk0] {
    cursor: grab !important;
}

.hex-text[b-okvx55pyk0] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 22px;
}

.yellow[b-okvx55pyk0] {
    color: yellow;
}

.blue[b-okvx55pyk0] {
    color: deepskyblue;
}

.green[b-okvx55pyk0] {
    color: springgreen;
}
/* /Components/SliceGenerators/SliceHexTile.razor.rz.scp.css */
.hex-container[b-kv82k0gi6r] {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: grab !important;
}

    .hex-container img[b-kv82k0gi6r] {
        width: 100%;
        height: 100%;
    }

[draggable=true][b-kv82k0gi6r] {
    cursor: grab !important;
}

.hex-text[b-kv82k0gi6r] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 22px;
}

.yellow[b-kv82k0gi6r] {
    color: yellow;
}

.blue[b-kv82k0gi6r] {
    color: deepskyblue;
}

.green[b-kv82k0gi6r] {
    color: springgreen;
}
/* /Components/SliceGenerators/SliceHexTileMenu.razor.rz.scp.css */
.hex-menu[b-b7bd5mcfyd] {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 20px;
    top: 400px;
    z-index: 1000;
    width: 10%;
    max-height: 835px;
    min-height: 835px;
}

.rz-dropdown-item[b-b7bd5mcfyd] {
    font-family: Handel, fallback, sans-serif !important;
}

.radzen-dropdown[b-b7bd5mcfyd] {
    font-family: Handel, fallback, sans-serif !important;
}

.scrollbar-area[b-b7bd5mcfyd] {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

    .scrollbar-area[b-b7bd5mcfyd]::-webkit-scrollbar {
        width: 12px;
    }

    .scrollbar-area[b-b7bd5mcfyd]::-webkit-scrollbar-track {
        background: transparent;
    }

    .scrollbar-area[b-b7bd5mcfyd]::-webkit-scrollbar-thumb {
        background: #0024ff;
    }

    .scrollbar-area[b-b7bd5mcfyd]::-webkit-scrollbar-button {
        background-color: transparent;
        color: transparent;
    }
/* /Components/SliceGenerators/SliceQuickMenu.razor.rz.scp.css */
.slice-quick-menu[b-fshwmcvgs4] {
    position: absolute;
    display: flex;
    flex-direction: column;
    right: 50px;
    top: 400px;
    z-index: 1000;
    width: 10%;
    max-height: 40%;
    min-height: 40%;
}
/* /Components/Technologies/BaseTechnologyTree.razor.rz.scp.css */
.tech-tree-grid[b-3zcjge9g49] {
    display: grid;
    grid-template-columns: repeat(2, minmax(1px, auto));
    grid-template-rows: repeat(auto, auto);
    grid-column-gap: 5%;
    width: 80%;
    padding: 0% 10%;
}

.image-container[b-3zcjge9g49] {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    padding: 2% 0%;
}

.container > :nth-child(5)[b-3zcjge9g49] {

}

.container > :nth-child(6)[b-3zcjge9g49] {
    
}

.big-image-overlay[b-3zcjge9g49] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    background-image: url('/resources/images/shared/Twilight_imperium_ultimate_background.webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

    .big-image-overlay img[b-3zcjge9g49] {
        position: relative;
        max-width: 100%;
        max-height: 100%;
        cursor: pointer;
        border-radius: 20px;
    }

        .big-image-overlay img[b-3zcjge9g49]::before {
            content: "";
            position: absolute;
            flex-grow: 1;
            flex-shrink: 1;
            width: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            box-shadow: inset 0 0 0 5px #000;
            pointer-events: none;
            margin-bottom: 20px;
            border-radius: 20px;
            z-index: 999;
        }

.image-container-big-image[b-3zcjge9g49] {
    position: relative;
    display: inline-block;
    flex-shrink: 1;
    width: 100%;
/*    height: 100%;*/
}

    .image-container-big-image img[b-3zcjge9g49] {
        display: block;
        width: 100%;
        border-radius: 5%;
    }

    .image-container-big-image[b-3zcjge9g49]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        box-shadow: inset 0 0 0 10px #000;
        pointer-events: none;
        border-radius: 5%;
        width: 100%;
    }
/* /Components/Technologies/FactionTechnologyTree.razor.rz.scp.css */
.faction-tech-tree-grid[b-o6dhmtcd08] {
    display: grid;
    grid-template-columns: repeat(2, minmax(1px, auto));
    grid-template-rows: repeat(4, auto);
    grid-row-gap: 5%;
    width: 80%;
    height: 100%;
}

.image-container[b-o6dhmtcd08] {
    position: relative;
    max-width: 100%;
    max-height: 100%;
}
/* /Components/Technologies/TechnologyCard.razor.rz.scp.css */
.image-item[b-dced9p3jhn] {
    position: relative;
    display: inline-block;
    flex-shrink: 1;
    width: 100%;
    height: 100%;
}

    .image-item img[b-dced9p3jhn] {
        display: block;
        width: 100%;
        border-radius: 20px;
    }

    .image-item[b-dced9p3jhn]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: inset 0 0 0 5px #000;
        pointer-events: none;
        border-radius: 5%;
        width: 100%;
    }
/* /Components/Technologies/TechnologyGrid.razor.rz.scp.css */
/* /Components/Technologies/TechnologyNavbar.razor.rz.scp.css */
.technology-navbar[b-2vsu9hyge3] {
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100%;
    height: 50px;
    min-height: 40px;
    margin-bottom: 50px;
    align-self: center;
}
/* /Components/Technologies/TechnologyNavItem.razor.rz.scp.css */
.tech-nav-item[b-sx0g131hor] {
    font-family: Handel, fallback, sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 1), 2px 0px 6px rgba(0, 0, 0, 1), 0px -2px 6px rgba(0, 0, 0, 1), -2px 0px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1), 1px -1px 6px rgba(0, 0, 0, 1), -1px 1px 6px rgba(0, 0, 0, 1), -1px -1px 6px rgba(0, 0, 0, 1);
}

.max-height[b-sx0g131hor] {
    max-height: 40px;
}

.green[b-sx0g131hor] {
    color: darkgreen;
}

.yellow[b-sx0g131hor] {
    color: yellow;
}

.red[b-sx0g131hor] {
    color: red;
}

.blue[b-sx0g131hor] {
    color: dodgerblue;
}

.white[b-sx0g131hor] {
    color: white;
}

.purple[b-sx0g131hor] {
    color: purple;
}

@media (max-width: 1600px) {
    .max-height[b-sx0g131hor] {
        max-height: 30px;
    }

    .tech-nav-item[b-sx0g131hor] {
        font-size: 14px;
    }
}

@media (max-width: 1280px) {
    .max-height[b-sx0g131hor] {
        max-height: 16px;
    }

    .tech-nav-item[b-sx0g131hor] {
        font-size: 12px;
    }
}

@media (max-width: 768px) {

    .max-height[b-sx0g131hor] {
        max-height: 10px;
    }

    .tech-nav-item[b-sx0g131hor] {
        font-size: 8px;
    }
}
/* /Components/Tigl/LeaderImg.razor.rz.scp.css */
@media (max-width: 1248px) {
    .leader-icon[b-3nftupyz4j] {
        max-height: 25px;
    }
}

@media (max-width: 768px) {
    .leader-icon[b-3nftupyz4j] {
        max-height: 15px;
    }
}
/* /Components/Tigl/RankingsMenu.razor.rz.scp.css */
.ranking-navbar[b-yq5vhzkfyp] {
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 70%;
    height: 50px;
    min-height: 40px;
    align-self: center;
}
/* /Components/Tigl/TiglFactionImg.razor.rz.scp.css */
@media (max-width: 1248px) {
    .tigl-faction-icon[b-zfcjezvgwx] {
        max-height: 25px;
    }
}

@media (max-width: 768px) {
    .tigl-faction-icon[b-zfcjezvgwx] {
        max-height: 15px;
    }
}
/* /Components/Tigl/TiglPlayerAlphabet.razor.rz.scp.css */
.alphabet-row[b-byr760bwas] {
    background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0.5));
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100%;
    height: 30px;
    min-height: 40px;
    align-self: center;
    box-sizing: border-box;
}
/* /Components/Tigl/TiglPlayersList.razor.rz.scp.css */
.players-grid[b-czw569hu0u] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 1rem;
    width: 100%;
    padding-top: 3%;
}
/* /Components/TiglAdmin/AdminMenu.razor.rz.scp.css */
.tigl-admin-navbar[b-u47btgz9ya] {
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 70%;
    height: 50px;
    min-height: 40px;
    align-self: center;
}
/* /Components/TiglProfile/TiglProfileAchievementRow.razor.rz.scp.css */
.achievement-row[b-67afvoq16j] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.5);
    border-left: 3px solid rgba(255, 255, 255, 0.2);
    transition: background 0.2s ease;
}

    .achievement-row:hover[b-67afvoq16j] {
        background: rgba(0, 0, 0, 0.6);
    }

.achievement-unearned[b-67afvoq16j] {
    opacity: 0.45;
}

.achievement-info[b-67afvoq16j] {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    overflow: hidden;
}

.achievement-name-label[b-67afvoq16j] {
    font-weight: 600;
}

.achievement-meta[b-67afvoq16j] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    white-space: nowrap;
    min-width: 20%;
}

/* ── Rarity: Legendary (<0.1%) ── pink */
.rarity-legendary[b-67afvoq16j] {
    border-left-color: #ff69b4;
}

/* ── Rarity: Epic (<0.5%) ── orange */
.rarity-epic[b-67afvoq16j] {
    border-left-color: #ff8c00;
}

/* ── Rarity: Rare (<5%) ── purple */
.rarity-rare[b-67afvoq16j] {
    border-left-color: #a855f7;
}

/* ── Rarity: Uncommon (<15%) ── blue */
.rarity-uncommon[b-67afvoq16j] {
    border-left-color: #3b82f6;
}

/* ── Rarity: Common (<30%) ── green */
.rarity-common[b-67afvoq16j] {
    border-left-color: #22c55e;
}

/* ── Rarity: Default (>30%) ── grey */
.rarity-default[b-67afvoq16j] {
    border-left-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 768px) {
    .achievement-row[b-67afvoq16j] {
        flex-wrap: wrap;
        gap: 6px;
        padding: 8px 10px;
    }

    .achievement-meta[b-67afvoq16j] {
        width: 100%;
        justify-content: flex-start;
        gap: 8px;
        flex-wrap: wrap;
    }
}
/* /Components/TiglProfile/TiglProfileGrid.razor.rz.scp.css */
.ratings-section[b-pb3flqxf9p] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.rating-card[b-pb3flqxf9p] {
    flex: 1 1 280px;
    max-width: 350px;
    min-width: 250px;
    border-radius: 8px;
    padding: 16px;
    background: rgba(0, 0, 0, 0.5);
}

.rating-row[b-pb3flqxf9p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
}

.rating-divider[b-pb3flqxf9p] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}

.section-container[b-pb3flqxf9p] {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.chart-container[b-pb3flqxf9p] {
    width: 100%;
    min-height: 300px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    padding: 16px;
    box-sizing: border-box;
}

.history-list[b-pb3flqxf9p] {
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    overflow: hidden;
}

.rank-league-badge[b-pb3flqxf9p] {
    background: rgba(255, 215, 0, 0.1);
    padding: 2px 8px;
    border-radius: 4px;
}

.prestige-row[b-pb3flqxf9p] {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    gap: 12px;
}

    .prestige-row:last-child[b-pb3flqxf9p] {
        border-bottom: none;
    }

.prestige-info[b-pb3flqxf9p] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
}

.prestige-faction[b-pb3flqxf9p] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.prestige-icon[b-pb3flqxf9p] {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.season-header-row[b-pb3flqxf9p] {
    display: flex;
    align-items: flex-start;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    gap: 12px;
    cursor: pointer;
    transition: background 0.15s ease;
}

    .season-header-row:hover[b-pb3flqxf9p] {
        background: rgba(255, 255, 255, 0.06);
    }

.season-stats[b-pb3flqxf9p] {
    margin-left: auto;
    flex-shrink: 0;
    white-space: nowrap;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.85);
}

.season-legend[b-pb3flqxf9p] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.season-games[b-pb3flqxf9p] {
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.season-game-row[b-pb3flqxf9p] {
    padding: 5px 24px 5px 32px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

    .season-game-row:last-child[b-pb3flqxf9p] {
        border-bottom: none;
    }

.game-header-row[b-pb3flqxf9p] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    gap: 8px;
}

.game-row[b-pb3flqxf9p] {
    display: flex;
    align-items: center;
    padding: 6px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    gap: 8px;
    transition: background 0.15s ease;
}

    .game-row:last-child[b-pb3flqxf9p] {
        border-bottom: none;
    }

    .game-row:hover[b-pb3flqxf9p] {
        background: rgba(255, 255, 255, 0.04);
    }

.achievements-list[b-pb3flqxf9p] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.achievement-title-row[b-pb3flqxf9p] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
}

.achievement-checkbox-label[b-pb3flqxf9p] {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7);
    user-select: none;
}

    .achievement-checkbox-label input[type="checkbox"][b-pb3flqxf9p] {
        cursor: pointer;
        accent-color: gold;
        width: 16px;
        height: 16px;
    }

.opponent-row[b-pb3flqxf9p] {
    display: flex;
    align-items: center;
    padding: 6px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    gap: 8px;
    transition: background 0.15s ease;
    cursor: pointer;
}

.opponent-empty[b-pb3flqxf9p] {
    min-height: 31px;
}

.opponents-columns[b-pb3flqxf9p] {
    display: flex;
    gap: 16px;
    width: 100%;
}

.opponents-table[b-pb3flqxf9p] {
    flex: 1 1 0;
    min-width: 0;
}

.opponent-header-row[b-pb3flqxf9p] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    gap: 8px;
}

    .opponent-row:last-child[b-pb3flqxf9p] {
        border-bottom: none;
    }

    .opponent-row:hover[b-pb3flqxf9p] {
        background: rgba(255, 255, 255, 0.04);
    }

.overview-compact[b-pb3flqxf9p] {
    width: 100%;
    border-radius: 8px;
    padding: 16px;
    background: rgba(0, 0, 0, 0.5);
}

.overview-top-row[b-pb3flqxf9p] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 16px;
}

.overview-stat[b-pb3flqxf9p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.overview-ratings-grid[b-pb3flqxf9p] {
    display: flex;
    gap: 16px;
    width: 100%;
}

.overview-rating-col[b-pb3flqxf9p] {
    flex: 1 1 0;
    min-width: 0;
}

.overview-empty-row[b-pb3flqxf9p] {
    min-height: 26px;
}

@media (max-width: 768px) {
    .rating-card[b-pb3flqxf9p] {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .chart-container[b-pb3flqxf9p] {
        min-height: 250px;
        padding: 8px;
    }

    .prestige-row[b-pb3flqxf9p] {
        flex-wrap: wrap;
        gap: 4px;
        padding: 8px 10px;
    }

    .prestige-info[b-pb3flqxf9p],
    .prestige-faction[b-pb3flqxf9p] {
        flex-wrap: wrap;
    }

    .game-header-row[b-pb3flqxf9p] {
        display: none;
    }

    .game-row[b-pb3flqxf9p] {
        flex-wrap: wrap;
        gap: 4px;
        padding: 8px 10px;
    }

    .opponent-header-row[b-pb3flqxf9p] {
        display: none;
    }

    .opponent-row[b-pb3flqxf9p] {
        flex-wrap: wrap;
        gap: 4px;
        padding: 8px 10px;
    }

    .opponents-columns[b-pb3flqxf9p] {
        flex-direction: column;
    }

    .overview-top-row[b-pb3flqxf9p] {
        flex-wrap: wrap;
    }

    .overview-ratings-grid[b-pb3flqxf9p] {
        flex-direction: column;
    }
}
/* /Components/Units/UnitImage.razor.rz.scp.css */
@media (max-width: 1248px) {
    .unit-image[b-tgx10fmpur] {
        max-width: 50px;
    }
}

@media (max-width: 768px) {
    .unit-image[b-tgx10fmpur] {
        max-width: 35px;
    }
}
/* /MainLayout.razor.rz.scp.css */
/* /Pages/About/About.razor.rz.scp.css */
.about[b-ckll0vm0l0] {
    color: white;
    text-align: justify;
    width: 80%;
    line-height: 1.5;
    text-indent: 2em;
}

    .about[b-ckll0vm0l0]::after {
        content: "";
        display: inline-block;
        width: 100%;
    }

@media (max-width: 1248px) {
    .about[b-ckll0vm0l0] {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .about[b-ckll0vm0l0] {
        font-size: 10px;
    }
}
/* /Pages/Account/Info.razor.rz.scp.css */
.fixed-width[b-4dvrvx2sbe] {
    width: 100%; /* Or any desired width, e.g., 300px */
    box-sizing: border-box !important; /* Ensures padding and border are included in the width */
}
/* /Pages/Account/Register.razor.rz.scp.css */
.button[b-746fnogmhe] {
    min-width: 40%;
}

.red[b-746fnogmhe] {
    color: red !important;
}
/* /Pages/Community/Diy.razor.rz.scp.css */
body[b-xcq1a5xh29] {
}
/* /Pages/Community/FactionGuides.razor.rz.scp.css */
body[b-rykiojuted] {
}
/* /Pages/Community/MapDetail.razor.rz.scp.css */
body[b-gn98d1vypy] {
}
/* /Pages/Community/PlayOfTheMonth.razor.rz.scp.css */
body[b-od03nfbc6y] {
}
/* /Pages/Community/Websites.razor.rz.scp.css */
body[b-yb57fqvahm] {
}
/* /Pages/Game/Cards.razor.rz.scp.css */
#main-navbar[b-p6s6xi6tj2] {
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
    display: flex;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    width: 100%;
    height: 50px;
    margin-bottom: 50px;
    align-self: center;
    justify-self: center;
}

.menu-item[b-p6s6xi6tj2] {
    position: relative;
    text-align: center;
    height: 50px;
    width: 100%;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    flex-grow: 1;
    flex-shrink: 1;
    text-transform: uppercase;
    color: white;
    font-family: Handel, fallback, sans-serif;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-container[b-p6s6xi6tj2] {
    position: relative;
}

    .menu-container:hover .dropdown[b-p6s6xi6tj2] {
        opacity: 1;
        visibility: visible;
    }

img[b-p6s6xi6tj2] {
    height: 43px;
    border: 2px solid black;
}

img:not(:nth-child(1)):not(:nth-child(8))[b-p6s6xi6tj2] {
    border: 2px solid black;
}

    img:nth-child(1)[b-p6s6xi6tj2],
    img:nth-child(8)[b-p6s6xi6tj2] {
        border: none;
    }

img-exploration[b-p6s6xi6tj2] {
}

@media (max-width: 768px) {
    #main-navbar[b-p6s6xi6tj2] {
        height: 50px;
        flex-direction: row;
        margin-bottom: 0;
        background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0));
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        width: 100%;
        margin-bottom: 50px;
        align-self: center;
    }

    .menu-item[b-p6s6xi6tj2] {
        position: relative;
        width: 100%;
        height: 20px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
        flex-grow: 1;
        flex-shrink: 1;
    }

        .menu-item a[b-p6s6xi6tj2] {
            color: white;
            font-family: Handel, fallback, sans-serif;
            font-size: 18px;
            font-weight: bold;
            text-decoration: none;
            text-transform: uppercase;
            text-shadow: 0px 2px 6px rgba(0, 0, 0, 1), 2px 0px 6px rgba(0, 0, 0, 1), 0px -2px 6px rgba(0, 0, 0, 1), -2px 0px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1), 1px -1px 6px rgba(0, 0, 0, 1), -1px 1px 6px rgba(0, 0, 0, 1), -1px -1px 6px rgba(0, 0, 0, 1);
        }
}
/* /Pages/Game/Factions.razor.rz.scp.css */
/* /Pages/Game/Planets.razor.rz.scp.css */
.planet-container[b-106ugq5vy3] {
    display: grid;
    grid-template-columns: 18% 18% 18% 18% 18%;
    place-items: center;
    grid-column-gap: 2.5%;
    width: 80%;
}

.planet[b-106ugq5vy3] {
    flex-shrink: 1;
    flex-grow: 1;
    max-height: 200px;
    max-width: 100%;
}

.big-image-overlay[b-106ugq5vy3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

    .big-image-overlay img[b-106ugq5vy3] {
        position: relative;
        max-width: 100%;
        max-height: 100%;
        cursor: pointer;
        border-radius: 20px;
    }

        .big-image-overlay img[b-106ugq5vy3]::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            box-shadow: inset 0 0 0 5px #000;
            pointer-events: none;
            border-radius: 20px;
            z-index: 999;
        }
/* /Pages/Game/Statistics.razor.rz.scp.css */

/* /Pages/Game/SystemTiles.razor.rz.scp.css */
.systemtile-container[b-5wmhk5mjba] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    place-items: center;
    grid-column-gap: 20px;
    width: 80%;
}

.systemtile[b-5wmhk5mjba] {
    flex-shrink: 1;
    flex-grow: 1;
    max-height: 200px;
    max-width: 100%;
}

.size[b-5wmhk5mjba] {
    margin-bottom: 15px;
}

.big-image-overlay[b-5wmhk5mjba] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

    .big-image-overlay img[b-5wmhk5mjba] {
        position: relative;
        max-width: 100%;
        max-height: 100%;
        cursor: pointer;
        border-radius: 20px;
    }

        .big-image-overlay img[b-5wmhk5mjba]::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            box-shadow: inset 0 0 0 5px #000;
            pointer-events: none;
            border-radius: 20px;
            z-index: 999;
        }

@media (max-width: 1280px) {
    .size[b-5wmhk5mjba] {
        font-size: 12px;
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    .size[b-5wmhk5mjba] {
        font-size: 8px;
        margin-bottom: 5px;
    }
}
/* /Pages/Game/Technologies.razor.rz.scp.css */
p[b-y7mzxsvqhw] {
    color: white;
    font-family: 'Handel', fallback, sans-serif;
    font-display: block;
    font-size: 24px;
    text-indent: 2em;
    text-align: justify;
    margin-top: 50px;
}
/* /Pages/News/Index.razor.rz.scp.css */
p[b-ekdms8rxfq] {
    color: white;
    font-family: 'Handel', fallback, sans-serif;
    font-display: block;
    font-size: 24px;
    text-indent: 2em;
    text-align: justify;
}

.text-handel[b-ekdms8rxfq] {
    font-family: 'Handel', fallback, sans-serif;
    font-display: block;
    font-size: 24px;
    text-indent: 2em;
    text-align: justify;
}

.text-bodoni[b-ekdms8rxfq] {
    font-family: 'Bodoni', fallback, sans-serif;
    font-display: block;
    font-size: 24px;
    text-indent: 2em;
    text-align: justify;
}

.text-miryad[b-ekdms8rxfq] {
    font-family: 'Myriad', fallback, sans-serif;
    font-display: block;
    font-size: 24px;
    text-indent: 2em;
    text-align: justify;
}

.text-slider[b-ekdms8rxfq] {
    font-family: 'Slider', fallback, sans-serif;
    font-display: block;
    font-size: 24px;
    text-indent: 2em;
    text-align: justify;
}

.loading-text-section[b-ekdms8rxfq] {
    font-family: Handel, fallback, sans-serif !important;
    color: white;
    font-size: 36px !important;
    font-weight: bold !important;
    color: white !important;
    padding-top: 100px;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 1), 2px 0px 6px rgba(0, 0, 0, 1), 0px -2px 6px rgba(0, 0, 0, 1), -2px 0px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1), 1px -1px 6px rgba(0, 0, 0, 1), -1px 1px 6px rgba(0, 0, 0, 1), -1px -1px 6px rgba(0, 0, 0, 1) !important;
}
/* /Pages/Rules/ChatGpt.razor.rz.scp.css */
body[b-mrn9f8row7] {
}
/* /Pages/Rules/Resources.razor.rz.scp.css */
.resource-grid[b-jcc21wa4bs] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
    margin-left: 20%;
}

a[b-jcc21wa4bs] {
    color: white;
    text-decoration: none;
}
/* /Pages/Rules/Rules.razor.rz.scp.css */
/* /Pages/Tigl/ReportGame.razor.rz.scp.css */
.position-badge[b-av8pdrmod8] {
    background: #6c757d;
    color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.875rem;
}

.position-badge.winner[b-av8pdrmod8] {
    background: linear-gradient(45deg, #ffd700, #ffed4e);
    color: #333;
    box-shadow: 0 2px 4px rgba(255, 215, 0, 0.3);
}

.player-row[b-av8pdrmod8] {
    transition: all 0.2s ease;
}

    .player-row:hover[b-av8pdrmod8] {
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

.border-warning[b-av8pdrmod8] {
    background-color: rgba(255, 193, 7, 0.05);
}
/* /Pages/Tigl/TiglGameReportDetail.razor.rz.scp.css */
.position-badge[b-glgtpzgdqh] {
    background: #6c757d;
    color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.875rem;
}

.position-badge.winner[b-glgtpzgdqh] {
    background: linear-gradient(45deg, #ffd700, #ffed4e);
    color: #333;
    box-shadow: 0 2px 4px rgba(255, 215, 0, 0.3);
}

.player-row[b-glgtpzgdqh] {
    transition: all 0.2s ease;
}

    .player-row:hover[b-glgtpzgdqh] {
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

.border-warning[b-glgtpzgdqh] {
    background-color: rgba(255, 193, 7, 0.05);
}
/* /Pages/Tigl/TiglInfo.razor.rz.scp.css */
.info-content[b-s3kv472mn8] {
    color: white;
    text-align: justify;
    width: 80%;
    line-height: 1.5;
    text-indent: 2em;
}

    .info-content[b-s3kv472mn8]::after {
        content: "";
        display: inline-block;
        width: 100%;
    }

    .info-content h3[b-s3kv472mn8] {
        margin-top: 20px;
        margin-bottom: 10px;
        color: gold;
        font-size: 24px;
        text-indent: 0;
    }

    .info-content p[b-s3kv472mn8] {
        margin-bottom: 12px;
    }

    .info-content ol[b-s3kv472mn8],
    .info-content ul[b-s3kv472mn8] {
        margin-left: 2em;
        margin-bottom: 12px;
        text-indent: 0;
    }

    .info-content li[b-s3kv472mn8] {
        margin-bottom: 6px;
    }

    .info-content code[b-s3kv472mn8] {
        background-color: rgba(255, 255, 255, 0.1);
        padding: 2px 6px;
        border-radius: 4px;
        font-family: monospace;
    }

.info-buttons[b-s3kv472mn8] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 30px 0 50px 0;
    flex-wrap: wrap;
}

@media (max-width: 1248px) {
    .info-content[b-s3kv472mn8] {
        font-size: 16px;
    }

    .info-content h3[b-s3kv472mn8] {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .info-content[b-s3kv472mn8] {
        font-size: 10px;
        width: 95%;
    }

    .info-content h3[b-s3kv472mn8] {
        font-size: 16px;
    }

    .info-buttons[b-s3kv472mn8] {
        flex-direction: column;
        gap: 10px;
    }
}
/* /Pages/Tigl/TiglPlayerProfile.razor.rz.scp.css */
[b-01j5fd43qm] .ratings-section {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

[b-01j5fd43qm] .rating-card {
    flex: 1 1 280px;
    max-width: 350px;
    min-width: 250px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    padding: 16px;
    background: rgba(0, 0, 0, 0.2);
}

[b-01j5fd43qm] .rating-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
}

[b-01j5fd43qm] .section-container {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

[b-01j5fd43qm] .section-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 8px;
    margin-bottom: 16px;
}

[b-01j5fd43qm] .chart-container {
    width: 100%;
    min-height: 300px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 16px;
    box-sizing: border-box;
}

[b-01j5fd43qm] .rank-history-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[b-01j5fd43qm] .rank-history-row:last-child {
    border-bottom: none;
}

[b-01j5fd43qm] .prestige-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[b-01j5fd43qm] .prestige-row:last-child {
    border-bottom: none;
}

@media (max-width: 768px) {
    [b-01j5fd43qm] .rating-card {
        flex: 1 1 100%;
        max-width: 100%;
    }

    [b-01j5fd43qm] .chart-container {
        min-height: 250px;
        padding: 8px;
    }
}
/* /Pages/Tigl/TiglRegisterUser.razor.rz.scp.css */
.position-badge[b-9smokswhol] {
    background: #6c757d;
    color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.875rem;
}

.position-badge.winner[b-9smokswhol] {
    background: linear-gradient(45deg, #ffd700, #ffed4e);
    color: #333;
    box-shadow: 0 2px 4px rgba(255, 215, 0, 0.3);
}

.player-row[b-9smokswhol] {
    transition: all 0.2s ease;
}

    .player-row:hover[b-9smokswhol] {
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

.border-warning[b-9smokswhol] {
    background-color: rgba(255, 193, 7, 0.05);
}