/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-layout[b-cryytjex9m] {
    min-height: 100vh;
}

.top-header[b-cryytjex9m] {
    min-height: 90px;
    background: rgba(5, 10, 25, 0.98);
    border-bottom: 1px solid rgba(213, 178, 2, 0.18);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 0 2rem;
}

.top-nav[b-cryytjex9m] {
    display: flex;
    align-items: center;
    gap: 42px;
    flex-wrap: wrap;
}

    .top-nav[b-cryytjex9m]  a {
        color: white !important;
        text-decoration: none !important;
        font-family: 'Orbitron', Arial, sans-serif;
        font-size: 2rem;
        font-weight: 900;
    }

        .top-nav[b-cryytjex9m]  a:hover {
            color: #ffcc00 !important;
        }

        .top-nav[b-cryytjex9m]  a.active {
            color: #ffcc00 !important;
        }

.nav-dropdown[b-cryytjex9m] {
    position: relative;
}

.nav-dropdown-summary[b-cryytjex9m] {
    appearance: none;
    background: transparent;
    border: 0;
    color: white;
    cursor: pointer;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
    list-style: none;
    padding: 0;
}

.nav-dropdown-summary[b-cryytjex9m]::after {
    content: "v";
    color: #D5B202;
    font-size: 0.8rem;
    margin-left: 0.45rem;
    vertical-align: middle;
}

.nav-dropdown.open .nav-dropdown-summary[b-cryytjex9m],
.nav-dropdown-summary:hover[b-cryytjex9m],
.nav-dropdown-summary:focus-visible[b-cryytjex9m] {
    color: #ffcc00;
    outline: none;
}

.nav-dropdown.open .nav-dropdown-summary[b-cryytjex9m]::after {
    content: "^";
}

.nav-dropdown-menu[b-cryytjex9m] {
    position: absolute;
    top: calc(100% + 0.55rem);
    left: 0;
    z-index: 30;
    display: grid;
    gap: 0.35rem;
    min-width: 230px;
    padding: 0.65rem;
    background: rgba(5, 10, 25, 0.98);
    border: 1px solid rgba(213, 178, 2, 0.45);
    border-radius: 10px;
    box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.68);
}

.top-nav .nav-dropdown-menu[b-cryytjex9m]  a {
    color: white !important;
    border-radius: 8px;
    font-size: 0.95rem;
    padding: 0.55rem 0.7rem;
    white-space: nowrap;
}

.top-nav .nav-dropdown-menu[b-cryytjex9m]  a:hover,
.top-nav .nav-dropdown-menu[b-cryytjex9m]  a.active {
    color: #1B1C1C !important;
    background: #D5B202;
}

.page-content[b-cryytjex9m] {
    min-height: calc(100vh - 90px);
}

.site-footer[b-cryytjex9m] {
    align-items: center;
    background: rgba(5, 10, 25, 0.98);
    border-top: 1px solid rgba(213, 178, 2, 0.18);
    color: rgba(255, 255, 255, 0.78);
    display: flex;
    flex-wrap: wrap;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 0.9rem;
    font-weight: 900;
    gap: 0.75rem;
    justify-content: center;
    padding: 1rem;
    text-align: center;
}

.site-footer a[b-cryytjex9m] {
    background: #D5B202;
    border: 1px solid #D5B202;
    border-radius: 8px;
    color: #1B1C1C !important;
    display: inline-flex;
    padding: 0.45rem 0.85rem;
    text-decoration: none !important;
}

.site-footer a:hover[b-cryytjex9m],
.site-footer a:focus-visible[b-cryytjex9m] {
    background: transparent;
    color: #D5B202 !important;
    outline: none;
}

.header-status[b-cryytjex9m] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 0.35rem;
    justify-content: flex-end;
    min-width: 190px;
}

.header-status form[b-cryytjex9m] {
    margin: 0;
}

.campaign-info[b-cryytjex9m] {
    flex-basis: 100%;
    color: #D5B202;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

.header-settings-link[b-cryytjex9m] {
    align-items: center;
    background: rgba(213,178,2,0.12);
    border: 1px solid rgba(213,178,2,0.55);
    border-radius: 8px;
    box-sizing: border-box;
    color: white !important;
    display: inline-flex;
    font-size: 1.05rem;
    font-weight: 900;
    height: 34px;
    justify-content: center;
    line-height: 1;
    text-decoration: none !important;
    width: 38px;
}

.header-settings-link img[b-cryytjex9m] {
    display: block;
    height: 27px;
    object-fit: contain;
    width: 27px;
}

.header-settings-link:hover[b-cryytjex9m],
.header-settings-link:focus-visible[b-cryytjex9m],
.header-settings-link.active[b-cryytjex9m] {
    color: #D5B202 !important;
    border-color: #D5B202;
    outline: none;
}

.header-auth-link[b-cryytjex9m],
.header-auth-button[b-cryytjex9m] {
    color: white !important;
    background: rgba(213,178,2,0.08);
    border: 1px solid rgba(213,178,2,0.55);
    border-radius: 8px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    height: 34px;
    padding: 0.35rem 0.8rem;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1;
    text-decoration: none !important;
}

.header-auth-button[b-cryytjex9m] {
    appearance: none;
    cursor: pointer;
}

.header-auth-link:hover[b-cryytjex9m],
.header-auth-button:hover[b-cryytjex9m] {
    color: #D5B202 !important;
    border-color: #D5B202;
}

@media (max-width: 1180px) {
    .top-header[b-cryytjex9m] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.85rem;
        padding: 1rem 1.25rem;
    }

    .top-nav[b-cryytjex9m] {
        gap: 1rem 1.35rem;
        width: 100%;
    }

    .top-nav[b-cryytjex9m]  a,
    .nav-dropdown-summary[b-cryytjex9m] {
        font-size: 1.35rem;
    }

    .header-status[b-cryytjex9m] {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    .campaign-info[b-cryytjex9m] {
        text-align: left;
    }

    .page-content[b-cryytjex9m] {
        min-height: auto;
    }
}

@media (max-width: 640px) {
    .top-header[b-cryytjex9m] {
        padding: 0.75rem;
        gap: 0.65rem;
    }

    .top-nav[b-cryytjex9m] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
    }

    .top-nav[b-cryytjex9m]  a,
    .nav-dropdown-summary[b-cryytjex9m] {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        justify-content: center;
        min-height: 40px;
        width: 100%;
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(213,178,2,0.22);
        border-radius: 8px;
        font-size: 0.88rem;
        padding: 0.45rem 0.55rem;
        text-align: center;
    }

    .nav-dropdown[b-cryytjex9m] {
        position: static;
        min-width: 0;
        width: 100%;
    }

    .nav-dropdown.open[b-cryytjex9m] {
        grid-column: 1 / -1;
    }

    .nav-dropdown-menu[b-cryytjex9m] {
        position: static;
        width: 100%;
        min-width: 0;
        margin-top: 0.45rem;
        box-shadow: none;
    }

    .top-nav .nav-dropdown-menu[b-cryytjex9m]  a {
        min-height: 38px;
        white-space: normal;
    }

    .header-status[b-cryytjex9m] {
        display: flex;
        gap: 0.5rem;
    }

    .header-settings-link[b-cryytjex9m] {
        flex: 0 0 42px;
        height: 38px;
    }

    .header-settings-link img[b-cryytjex9m] {
        height: 30px;
        width: 30px;
    }

    .header-auth-link[b-cryytjex9m],
    .header-auth-button[b-cryytjex9m] {
        flex: 1 1 auto;
    }

    .campaign-info[b-cryytjex9m] {
        font-size: 0.82rem;
        white-space: normal;
        word-break: break-word;
    }
}

@media (max-width: 420px) {
    .top-nav[b-cryytjex9m] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-samaawbuby] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-samaawbuby] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-samaawbuby] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-samaawbuby] {
    font-size: 1.1rem;
}

.bi[b-samaawbuby] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-samaawbuby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-samaawbuby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-samaawbuby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-samaawbuby] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-samaawbuby] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-samaawbuby] {
        padding-bottom: 1rem;
    }

    .nav-item[b-samaawbuby]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-samaawbuby]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-samaawbuby]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-samaawbuby] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-samaawbuby] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-samaawbuby] {
        display: none;
    }

    .nav-scrollable[b-samaawbuby] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-rn2lhtkps3],
.components-reconnect-repeated-attempt-visible[b-rn2lhtkps3],
.components-reconnect-failed-visible[b-rn2lhtkps3],
.components-pause-visible[b-rn2lhtkps3],
.components-resume-failed-visible[b-rn2lhtkps3],
.components-rejoining-animation[b-rn2lhtkps3] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-rn2lhtkps3],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-rn2lhtkps3],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-rn2lhtkps3],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-rn2lhtkps3],
#components-reconnect-modal.components-reconnect-retrying[b-rn2lhtkps3],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-rn2lhtkps3],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-rn2lhtkps3],
#components-reconnect-modal.components-reconnect-failed[b-rn2lhtkps3],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-rn2lhtkps3] {
    display: block;
}


#components-reconnect-modal[b-rn2lhtkps3] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-rn2lhtkps3 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-rn2lhtkps3 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-rn2lhtkps3 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-rn2lhtkps3]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-rn2lhtkps3 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-rn2lhtkps3 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-rn2lhtkps3 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-rn2lhtkps3 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-rn2lhtkps3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-rn2lhtkps3] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-rn2lhtkps3] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-rn2lhtkps3] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-rn2lhtkps3] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-rn2lhtkps3] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-rn2lhtkps3] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-rn2lhtkps3 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-rn2lhtkps3] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-rn2lhtkps3 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/ArmyList.razor.rz.scp.css */
.army-list-header[b-xyt4qgt7tb],
.army-list-page-actions[b-xyt4qgt7tb],
.army-list-controls[b-xyt4qgt7tb],
.command-card-panel[b-xyt4qgt7tb],
.army-list-register-units[b-xyt4qgt7tb],
.army-list-preview[b-xyt4qgt7tb],
.saved-army-lists[b-xyt4qgt7tb],
.army-list-empty[b-xyt4qgt7tb] {
    background: rgba(5, 10, 25, 0.92);
    border: 1px solid rgba(213, 178, 2, 0.22);
    border-radius: 10px;
    color: white;
    padding: 1rem;
}

.army-list-header[b-xyt4qgt7tb] {
    margin-bottom: 1rem;
}

.army-list-page-actions[b-xyt4qgt7tb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.army-list-header h1[b-xyt4qgt7tb],
.army-list-page-actions h2[b-xyt4qgt7tb],
.command-card-panel h2[b-xyt4qgt7tb],
.army-list-register-units h2[b-xyt4qgt7tb],
.army-list-preview h2[b-xyt4qgt7tb],
.saved-army-lists h2[b-xyt4qgt7tb] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    margin: 0 0 0.5rem;
}

.army-list-header p[b-xyt4qgt7tb],
.army-list-page-actions p[b-xyt4qgt7tb],
.command-card-panel p[b-xyt4qgt7tb],
.army-list-empty p[b-xyt4qgt7tb] {
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
}

.army-list-controls[b-xyt4qgt7tb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr)) auto auto auto;
    gap: 1rem;
    align-items: end;
    margin-bottom: 1rem;
}

.army-list-controls label[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.35rem;
    color: #D5B202;
    font-weight: 900;
}

.army-list-controls input[b-xyt4qgt7tb],
.army-list-controls select[b-xyt4qgt7tb] {
    width: 100%;
    color: white;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    padding: 0.75rem;
}

.army-list-controls select option[b-xyt4qgt7tb] {
    color: #1B1C1C;
    background: white;
}

.army-list-total[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.15rem;
    color: rgba(255, 255, 255, 0.72);
}

.army-list-total strong[b-xyt4qgt7tb] {
    color: #D5B202;
    font-size: 1.25rem;
}

.save-army-list-btn[b-xyt4qgt7tb],
.create-army-list-btn[b-xyt4qgt7tb],
.cancel-army-list-btn[b-xyt4qgt7tb],
.army-list-empty a[b-xyt4qgt7tb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #D5B202;
    color: #1B1C1C;
    border: 1px solid #D5B202;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 900;
    min-height: 44px;
    padding: 0.75rem 1rem;
    text-decoration: none;
}

.cancel-army-list-btn[b-xyt4qgt7tb] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.25);
    color: white;
}

.create-army-list-btn[b-xyt4qgt7tb] {
    flex: 0 0 auto;
}

.army-list-empty a[b-xyt4qgt7tb] {
    margin-top: 1rem;
}

.army-list-message[b-xyt4qgt7tb] {
    background: rgba(213, 178, 2, 0.12);
    border: 1px solid rgba(213, 178, 2, 0.28);
    border-radius: 8px;
    color: #D5B202;
    font-weight: 900;
    padding: 0.75rem 1rem;
}

.force-organization-panel[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.75rem;
    background: rgba(5, 10, 25, 0.92);
    border: 1px solid rgba(213, 178, 2, 0.22);
    border-radius: 10px;
    color: white;
    margin-bottom: 1rem;
    padding: 1rem;
}

.force-organization-panel strong[b-xyt4qgt7tb] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
}

.force-organization-panel small[b-xyt4qgt7tb] {
    color: rgba(255,255,255,0.68);
    display: block;
    margin-top: 0.15rem;
}

.force-rank-grid[b-xyt4qgt7tb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.5rem;
}

.force-rank-grid span[b-xyt4qgt7tb] {
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 8px;
    background: rgba(255,255,255,0.06);
    font-weight: 900;
    padding: 0.5rem 0.6rem;
}

.force-rank-grid span.valid[b-xyt4qgt7tb] {
    color: #9ff0bd;
    border-color: rgba(159,240,189,0.36);
}

.force-rank-grid span.invalid[b-xyt4qgt7tb] {
    color: #ffb4b4;
    border-color: rgba(255,180,180,0.42);
}

.force-note[b-xyt4qgt7tb] {
    background: rgba(213,178,2,0.08);
    border: 1px solid rgba(213,178,2,0.22);
    border-radius: 8px;
    padding: 0.55rem 0.65rem;
}

.heroic-intervention-panel[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.45rem;
    background: rgba(213, 178, 2, 0.1);
    border: 1px solid rgba(213, 178, 2, 0.32);
    border-radius: 10px;
    color: white;
    margin-bottom: 1rem;
    padding: 1rem;
}

.heroic-intervention-panel label[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.35rem;
    color: #D5B202;
    font-weight: 900;
}

.heroic-intervention-panel select[b-xyt4qgt7tb] {
    width: 100%;
    color: white;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    padding: 0.75rem;
}

.heroic-intervention-panel select option[b-xyt4qgt7tb] {
    color: #1B1C1C;
    background: white;
}

.heroic-intervention-panel small[b-xyt4qgt7tb] {
    color: rgba(255, 255, 255, 0.68);
}

.army-list-strategic-assets[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.55rem;
}

.strategic-asset-toggle[b-xyt4qgt7tb] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: 0.65rem;
    color: white;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    cursor: pointer;
    padding: 0.65rem;
}

.strategic-asset-toggle.selected[b-xyt4qgt7tb] {
    background: rgba(213, 178, 2, 0.18);
    border-color: rgba(213, 178, 2, 0.5);
}

.strategic-asset-toggle input[b-xyt4qgt7tb] {
    margin-top: 0.2rem;
}

.strategic-asset-toggle span[b-xyt4qgt7tb],
.strategic-asset-toggle strong[b-xyt4qgt7tb],
.strategic-asset-toggle small[b-xyt4qgt7tb] {
    display: block;
}

.command-card-panel[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.75rem;
}

.command-card-toggle[b-xyt4qgt7tb],
.command-card-pip-toggle[b-xyt4qgt7tb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: white;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    cursor: pointer;
    padding: 0.8rem;
    text-align: left;
    width: 100%;
}

.command-card-toggle strong[b-xyt4qgt7tb],
.command-card-pip-toggle span[b-xyt4qgt7tb] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
}

.command-card-toggle small[b-xyt4qgt7tb] {
    color: rgba(255, 255, 255, 0.68);
    display: block;
    margin-top: 0.2rem;
}

.command-card-count[b-xyt4qgt7tb],
.command-card-pip-toggle strong[b-xyt4qgt7tb] {
    border-radius: 999px;
    font-family: 'Orbitron', Arial, sans-serif;
    padding: 0.3rem 0.65rem;
    white-space: nowrap;
}

.command-card-count.valid[b-xyt4qgt7tb],
.command-card-pip-toggle strong.valid[b-xyt4qgt7tb] {
    color: #0b1b10;
    background: #58d68d;
}

.command-card-count.invalid[b-xyt4qgt7tb],
.command-card-pip-toggle strong.invalid[b-xyt4qgt7tb] {
    color: #1b1c1c;
    background: #D5B202;
}

.command-card-groups[b-xyt4qgt7tb],
.command-card-list[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.6rem;
}

.battle-deck-recon-note[b-xyt4qgt7tb] {
    color: rgba(255, 255, 255, 0.72);
    font-weight: 800;
    margin: 0;
}

.command-card-pip-group[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.45rem;
}

.command-card-pip-toggle[b-xyt4qgt7tb] {
    background: rgba(5, 10, 25, 0.7);
    padding: 0.65rem 0.75rem;
}

.command-card-row[b-xyt4qgt7tb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 0.45rem;
}

.command-card-row:hover[b-xyt4qgt7tb],
.command-card-row.selected[b-xyt4qgt7tb],
.command-card-row.previewing[b-xyt4qgt7tb] {
    border-color: rgba(213, 178, 2, 0.72);
    box-shadow: 0 0 0 2px rgba(213, 178, 2, 0.12);
}

.command-card-row.required[b-xyt4qgt7tb] {
    background: rgba(213, 178, 2, 0.1);
}

.command-card-preview-button[b-xyt4qgt7tb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: center;
    background: transparent;
    border: 0;
    color: white;
    cursor: pointer;
    min-width: 0;
    padding: 0.24rem 0.3rem;
    text-align: left;
}

.command-card-preview-button > span:first-child[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.command-card-preview-button strong[b-xyt4qgt7tb] {
    color: white;
    overflow-wrap: anywhere;
}

.command-card-preview-button small[b-xyt4qgt7tb] {
    color: rgba(255, 255, 255, 0.62);
}

.command-card-add-button[b-xyt4qgt7tb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    min-width: 2.35rem;
    border: 1px solid rgba(213, 178, 2, 0.5);
    border-radius: 8px;
    background: rgba(213, 178, 2, 0.14);
    color: #D5B202;
    cursor: pointer;
    font-size: 1.25rem;
    font-weight: 900;
}

.command-card-add-button:hover:not(:disabled)[b-xyt4qgt7tb] {
    background: #D5B202;
    color: #1B1C1C;
}

.command-card-add-button:disabled[b-xyt4qgt7tb] {
    cursor: not-allowed;
    opacity: 0.45;
}

.pip-badge[b-xyt4qgt7tb],
.missing-command-card-image[b-xyt4qgt7tb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(213, 178, 2, 0.35);
    border-radius: 999px;
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    font-weight: 900;
    padding: 0.28rem 0.55rem;
    white-space: nowrap;
}

.command-card-preview[b-xyt4qgt7tb] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
    background: rgba(5, 10, 25, 0.78);
    border: 1px solid rgba(213, 178, 2, 0.28);
    border-radius: 8px;
    padding: 0.85rem;
    position: sticky;
    top: 1rem;
    z-index: 1;
}

.command-card-frame img[b-xyt4qgt7tb],
.command-card-frame .missing-command-card-image[b-xyt4qgt7tb] {
    width: 100%;
    max-height: min(58vh, 520px);
    min-height: 240px;
    border-radius: 8px;
}

.command-card-frame img[b-xyt4qgt7tb] {
    display: block;
    object-fit: contain;
    background: rgba(255, 255, 255, 0.05);
}

.command-card-frame .missing-command-card-image[b-xyt4qgt7tb] {
    border-radius: 8px;
}

.battle-card-placeholder[b-xyt4qgt7tb] {
    display: grid;
    align-content: center;
    gap: 0.5rem;
    min-height: 340px;
    padding: 1rem;
    text-align: center;
    white-space: normal;
}

.battle-card-placeholder strong[b-xyt4qgt7tb] {
    color: white;
    font-size: 1.25rem;
    overflow-wrap: anywhere;
}

.battle-card-placeholder span[b-xyt4qgt7tb] {
    color: #D5B202;
    font-size: 0.95rem;
}

.command-card-preview h3[b-xyt4qgt7tb] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    margin: 0 0 0.25rem;
}

.command-card-preview p[b-xyt4qgt7tb],
.command-card-preview small[b-xyt4qgt7tb] {
    color: rgba(255, 255, 255, 0.68);
    margin: 0;
}

.army-list-builder[b-xyt4qgt7tb] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
    gap: 1rem;
    align-items: start;
}

.army-list-main-column[b-xyt4qgt7tb] {
    display: grid;
    gap: 1rem;
}

.army-list-register-units[b-xyt4qgt7tb],
.army-list-preview[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.75rem;
}

.army-list-unit[b-xyt4qgt7tb],
.army-list-preview-unit[b-xyt4qgt7tb],
.saved-army-list-card[b-xyt4qgt7tb] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 0.85rem;
}

.army-list-unit.selected[b-xyt4qgt7tb] {
    border-color: rgba(213, 178, 2, 0.7);
}

.army-list-unit-top[b-xyt4qgt7tb],
.army-list-preview-unit[b-xyt4qgt7tb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.unit-checkbox[b-xyt4qgt7tb] {
    display: flex;
    gap: 0.75rem;
}

.unit-checkbox span[b-xyt4qgt7tb],
.army-list-preview-unit div[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.2rem;
}

.army-list-unit-title[b-xyt4qgt7tb] {
    align-items: center;
    display: flex;
    gap: 0.45rem;
    min-width: 0;
}

.unit-alert-icons[b-xyt4qgt7tb] {
    align-items: center;
    display: inline-flex;
    gap: 0.25rem;
    flex: 0 0 auto;
}

.unit-alert-icons img[b-xyt4qgt7tb] {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    object-fit: cover;
}

.unit-checkbox small[b-xyt4qgt7tb],
.army-list-preview-unit small[b-xyt4qgt7tb],
.saved-army-list-card small[b-xyt4qgt7tb] {
    color: rgba(255, 255, 255, 0.65);
}

.unit-checkbox .unit-setbacks[b-xyt4qgt7tb],
.army-list-preview-unit .unit-setbacks[b-xyt4qgt7tb] {
    color: #ffb4b4;
    font-weight: 800;
}

.unit-paragon[b-xyt4qgt7tb],
.unit-defining-trait[b-xyt4qgt7tb],
.unit-mercenary[b-xyt4qgt7tb] {
    display: block;
    font-size: 0.8rem;
    margin-top: 0.15rem;
}

.unit-paragon[b-xyt4qgt7tb] {
    color: #67e8f9 !important;
    font-weight: 900;
}

.unit-defining-trait[b-xyt4qgt7tb] {
    color: rgba(103, 232, 249, 0.88) !important;
}

.unit-mercenary[b-xyt4qgt7tb] {
    color: #D5B202 !important;
    font-weight: 900;
}

.army-list-upgrades[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.75rem;
    padding-left: 1.65rem;
}

.army-list-upgrades > strong[b-xyt4qgt7tb] {
    color: #D5B202;
}

.army-list-upgrades label[b-xyt4qgt7tb] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.6rem;
    align-items: center;
}

.no-upgrades[b-xyt4qgt7tb] {
    display: block;
    color: rgba(255, 255, 255, 0.62);
    margin-top: 0.75rem;
    padding-left: 1.65rem;
}

.army-list-preview-unit[b-xyt4qgt7tb] {
    display: grid;
    grid-template-columns: 1fr auto;
}

.army-list-preview-unit-button[b-xyt4qgt7tb] {
    color: white;
    cursor: pointer;
    text-align: left;
    width: 100%;
}

.army-list-preview-unit-button:hover[b-xyt4qgt7tb],
.army-list-preview-unit-button.active[b-xyt4qgt7tb],
.saved-army-unit-link:hover[b-xyt4qgt7tb],
.saved-army-unit-link.active[b-xyt4qgt7tb] {
    border-color: rgba(213, 178, 2, 0.78);
    box-shadow: 0 0 0 2px rgba(213, 178, 2, 0.14);
}

.army-list-preview-unit.heroic[b-xyt4qgt7tb] {
    border-color: rgba(213, 178, 2, 0.72);
    background: rgba(213, 178, 2, 0.12);
}

.army-list-preview-unit ul[b-xyt4qgt7tb] {
    grid-column: 1 / -1;
    margin: 0.65rem 0 0;
}

.saved-army-lists[b-xyt4qgt7tb] {
    margin-top: 1rem;
}

.saved-army-list-grid[b-xyt4qgt7tb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.saved-army-list-card h3[b-xyt4qgt7tb] {
    color: #D5B202;
    margin: 0;
}

.saved-army-list-header-button[b-xyt4qgt7tb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(213, 178, 2, 0.22);
    border-radius: 8px;
    color: white;
    cursor: pointer;
    padding: 0.85rem;
    text-align: left;
    width: 100%;
}

.saved-army-list-header-button:hover[b-xyt4qgt7tb],
.saved-army-list-header-button:focus-visible[b-xyt4qgt7tb] {
    border-color: rgba(213, 178, 2, 0.65);
    box-shadow: 0 0 0 2px rgba(213, 178, 2, 0.12);
    outline: none;
}

.saved-army-list-header-button > span:first-child[b-xyt4qgt7tb],
.saved-army-list-summary[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.2rem;
}

.saved-army-list-summary[b-xyt4qgt7tb] {
    justify-items: end;
    white-space: nowrap;
}

.saved-army-list-summary strong[b-xyt4qgt7tb] {
    color: #D5B202;
}

.saved-army-list-card ul[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.55rem;
    margin-bottom: 0;
    padding-left: 0;
}

.saved-army-list-card li[b-xyt4qgt7tb] {
    list-style: none;
}

.saved-army-list-card span[b-xyt4qgt7tb] {
    color: rgba(255, 255, 255, 0.65);
}

.saved-army-unit-link[b-xyt4qgt7tb] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    color: white;
    cursor: pointer;
    padding: 0.7rem;
    text-align: left;
    width: 100%;
}

.saved-army-unit-link > span[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.18rem;
}

.saved-army-unit-link small[b-xyt4qgt7tb] {
    color: rgba(255, 255, 255, 0.62);
}

.saved-army-unit-link > strong[b-xyt4qgt7tb] {
    color: #D5B202;
}

.army-card-viewer[b-xyt4qgt7tb] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(170px, 0.52fr) minmax(0, 1fr);
    gap: 1rem;
    background: rgba(5, 10, 25, 0.78);
    border: 1px solid rgba(213, 178, 2, 0.28);
    border-radius: 8px;
    margin-top: 0.75rem;
    padding: 0.85rem;
}

.army-card-viewer.saved[b-xyt4qgt7tb] {
    margin-top: 0.9rem;
}

.unit-card-frame[b-xyt4qgt7tb] {
    min-height: 230px;
    overflow: hidden;
}

.unit-card-frame img[b-xyt4qgt7tb],
.missing-card-image[b-xyt4qgt7tb] {
    width: 100%;
    min-height: 230px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
}

.unit-card-frame img[b-xyt4qgt7tb] {
    display: block;
    height: auto;
    object-fit: contain;
    background: rgba(255, 255, 255, 0.05);
}

.missing-card-image[b-xyt4qgt7tb] {
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 0.4rem;
    background:
        linear-gradient(135deg, rgba(213, 178, 2, 0.16), rgba(255, 255, 255, 0.04)),
        rgba(255, 255, 255, 0.05);
    color: white;
    padding: 1rem;
    text-align: center;
}

.missing-card-image strong[b-xyt4qgt7tb] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
}

.missing-card-image span[b-xyt4qgt7tb] {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 900;
}

.army-card-details[b-xyt4qgt7tb] {
    display: grid;
    align-content: start;
    gap: 0.85rem;
}

.army-card-details h3[b-xyt4qgt7tb] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    margin: 0 0 0.2rem;
}

.army-card-details p[b-xyt4qgt7tb] {
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}

.upgrade-card-grid[b-xyt4qgt7tb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.65rem;
}

.upgrade-card-tile[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.55rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    color: white;
    cursor: pointer;
    padding: 0.7rem;
    text-align: left;
    width: 100%;
}

.upgrade-card-tile:hover[b-xyt4qgt7tb],
.upgrade-card-tile.active[b-xyt4qgt7tb] {
    border-color: rgba(213, 178, 2, 0.7);
    box-shadow: 0 0 0 2px rgba(213, 178, 2, 0.12);
}

.upgrade-card-tile img[b-xyt4qgt7tb] {
    width: 64px;
    max-width: 100%;
    height: 88px;
    object-fit: contain;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 5px;
}

.upgrade-card-tile strong[b-xyt4qgt7tb] {
    color: white;
}

.upgrade-card-tile small[b-xyt4qgt7tb] {
    color: #D5B202;
    display: block;
    font-weight: 900;
    margin-top: 0.15rem;
}

.upgrade-card-tile p[b-xyt4qgt7tb] {
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.9rem;
    margin-top: 0.35rem;
}

.saved-heroic-commander[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.2rem;
    background: rgba(213, 178, 2, 0.1);
    border: 1px solid rgba(213, 178, 2, 0.26);
    border-radius: 8px;
    margin-top: 0.75rem;
    padding: 0.55rem 0.65rem;
}

.saved-heroic-commander strong[b-xyt4qgt7tb] {
    color: #D5B202;
}

.saved-command-cards[b-xyt4qgt7tb] {
    display: grid;
    gap: 0.2rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    margin-top: 0.75rem;
    padding: 0.55rem 0.65rem;
}

.saved-command-cards strong[b-xyt4qgt7tb] {
    color: #D5B202;
}

.saved-army-list-actions[b-xyt4qgt7tb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.edit-army-list-btn[b-xyt4qgt7tb],
.delete-army-list-btn[b-xyt4qgt7tb] {
    appearance: none;
    border-radius: 10px;
    cursor: pointer;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1;
    min-height: 44px;
    padding: 0.65rem 0.8rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.edit-army-list-btn[b-xyt4qgt7tb] {
    background: rgba(5, 10, 25, 0.92);
    border: 2px solid rgba(213,178,2,0.72);
    box-shadow: 5px 5px 0 rgba(0,0,0,0.72);
    color: #D5B202;
}

.delete-army-list-btn[b-xyt4qgt7tb] {
    background: rgba(255, 120, 120, 0.12);
    border: 1px solid rgba(255, 120, 120, 0.5);
    color: #ffb4b4;
}

.edit-army-list-btn:hover[b-xyt4qgt7tb],
.edit-army-list-btn:focus-visible[b-xyt4qgt7tb] {
    background: rgba(213,178,2,0.14);
    border-color: #D5B202;
    box-shadow: 7px 7px 0 rgba(0,0,0,0.72);
    color: white;
    outline: none;
    transform: translateY(-2px);
}

@media (max-width: 860px) {
    .army-list-controls[b-xyt4qgt7tb],
    .army-list-builder[b-xyt4qgt7tb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .army-list-header[b-xyt4qgt7tb],
    .army-list-page-actions[b-xyt4qgt7tb],
    .army-list-controls[b-xyt4qgt7tb],
    .command-card-panel[b-xyt4qgt7tb],
    .army-list-register-units[b-xyt4qgt7tb],
    .army-list-preview[b-xyt4qgt7tb],
    .saved-army-lists[b-xyt4qgt7tb],
    .army-list-empty[b-xyt4qgt7tb],
    .heroic-intervention-panel[b-xyt4qgt7tb],
    .force-organization-panel[b-xyt4qgt7tb] {
        padding: 0.85rem;
    }

    .army-list-controls[b-xyt4qgt7tb] {
        gap: 0.75rem;
    }

    .army-list-page-actions[b-xyt4qgt7tb] {
        align-items: stretch;
        flex-direction: column;
    }

    .save-army-list-btn[b-xyt4qgt7tb],
    .create-army-list-btn[b-xyt4qgt7tb],
    .cancel-army-list-btn[b-xyt4qgt7tb],
    .army-list-empty a[b-xyt4qgt7tb] {
        width: 100%;
    }

    .army-list-unit-top[b-xyt4qgt7tb],
    .unit-checkbox[b-xyt4qgt7tb],
    .saved-army-list-actions[b-xyt4qgt7tb] {
        align-items: stretch;
        flex-direction: column;
    }

    .army-list-preview-unit[b-xyt4qgt7tb],
    .army-list-upgrades label[b-xyt4qgt7tb],
    .saved-army-unit-link[b-xyt4qgt7tb],
    .saved-army-list-header-button[b-xyt4qgt7tb],
    .command-card-preview-button[b-xyt4qgt7tb],
    .army-card-viewer[b-xyt4qgt7tb] {
        grid-template-columns: 1fr;
    }

    .command-card-toggle[b-xyt4qgt7tb],
    .command-card-pip-toggle[b-xyt4qgt7tb] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.55rem;
    }

    .command-card-row[b-xyt4qgt7tb] {
        grid-template-columns: minmax(0, 1fr) 2.5rem;
    }

    .pip-badge[b-xyt4qgt7tb] {
        justify-self: start;
    }

    .command-card-preview[b-xyt4qgt7tb] {
        position: static;
        padding: 0.7rem;
    }

    .command-card-frame img[b-xyt4qgt7tb],
    .command-card-frame .missing-command-card-image[b-xyt4qgt7tb] {
        max-height: 58vh;
        min-height: 180px;
    }

    .unit-card-frame[b-xyt4qgt7tb],
    .unit-card-frame img[b-xyt4qgt7tb],
    .missing-card-image[b-xyt4qgt7tb] {
        min-height: 180px;
    }

    .army-list-upgrades[b-xyt4qgt7tb],
    .no-upgrades[b-xyt4qgt7tb] {
        padding-left: 0;
    }

    .saved-army-list-grid[b-xyt4qgt7tb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .army-list-header[b-xyt4qgt7tb],
    .army-list-controls[b-xyt4qgt7tb],
    .command-card-panel[b-xyt4qgt7tb],
    .army-list-register-units[b-xyt4qgt7tb],
    .army-list-preview[b-xyt4qgt7tb],
    .saved-army-lists[b-xyt4qgt7tb],
    .army-list-empty[b-xyt4qgt7tb],
    .heroic-intervention-panel[b-xyt4qgt7tb],
    .force-organization-panel[b-xyt4qgt7tb] {
        padding: 0.75rem;
    }

    .force-rank-grid[b-xyt4qgt7tb] {
        grid-template-columns: 1fr;
    }

    .command-card-row[b-xyt4qgt7tb] {
        padding: 0.4rem;
    }

    .command-card-add-button[b-xyt4qgt7tb] {
        min-width: 2.5rem;
        min-height: 2.5rem;
    }

    .upgrade-card-grid[b-xyt4qgt7tb] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/CampaignLog.razor.rz.scp.css */
.campaign-log-page[b-5bq5gov96h] {
    color: white;
    padding: 2rem;
}

.campaign-log-header[b-5bq5gov96h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.campaign-log-header h1[b-5bq5gov96h] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    margin: 0;
}

.campaign-log-header p[b-5bq5gov96h] {
    color: rgba(255,255,255,0.72);
    margin: 0.35rem 0 0;
}

.back-to-campaign[b-5bq5gov96h] {
    background: rgba(5, 10, 25, 0.92);
    border: 2px solid rgba(213,178,2,0.72);
    border-radius: 10px;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.72);
    color: #D5B202;
    display: inline-flex;
    align-items: center;
    font-family: 'Orbitron', Arial, sans-serif;
    font-weight: 900;
    justify-content: center;
    letter-spacing: 0.03em;
    min-height: 42px;
    padding: 0.7rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
    white-space: nowrap;
}

.back-to-campaign:hover[b-5bq5gov96h],
.back-to-campaign:focus-visible[b-5bq5gov96h] {
    background: rgba(213,178,2,0.14);
    border-color: #D5B202;
    color: white;
    transform: translateY(-2px);
    box-shadow: 7px 7px 0 rgba(0,0,0,0.72);
    outline: none;
}

.campaign-log-list[b-5bq5gov96h] {
    display: grid;
    gap: 0.75rem;
    max-width: 900px;
}

.campaign-log-item[b-5bq5gov96h],
.empty-log[b-5bq5gov96h] {
    background: rgba(5, 10, 25, 0.9);
    border: 1px solid rgba(213,178,2,0.18);
    border-left: 4px solid #D5B202;
    border-radius: 8px;
    padding: 1rem;
}

.campaign-log-item span[b-5bq5gov96h] {
    color: #D5B202;
    font-weight: 900;
}

.campaign-log-item p[b-5bq5gov96h] {
    margin: 0.4rem 0 0;
}

.campaign-log-details[b-5bq5gov96h] {
    margin-top: 0.65rem;
}

.campaign-log-details summary[b-5bq5gov96h] {
    color: #D5B202;
    cursor: pointer;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 900;
    text-transform: uppercase;
}

.campaign-log-details p[b-5bq5gov96h] {
    color: rgba(255,255,255,0.72);
    line-height: 1.45;
}

.battle-report-photo-strip[b-5bq5gov96h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.75rem;
}

.battle-report-photo-strip img[b-5bq5gov96h] {
    aspect-ratio: 4 / 3;
    border: 1px solid rgba(213,178,2,0.32);
    border-radius: 8px;
    max-width: min(240px, 100%);
    object-fit: cover;
    width: 100%;
}

.empty-log[b-5bq5gov96h] {
    color: rgba(255,255,255,0.72);
    max-width: 540px;
}

@media (max-width: 700px) {
    .campaign-log-page[b-5bq5gov96h] {
        padding: 0.75rem;
    }

    .campaign-log-header[b-5bq5gov96h] {
        align-items: stretch;
        flex-direction: column;
    }

    .back-to-campaign[b-5bq5gov96h] {
        justify-content: center;
        width: 100%;
    }
}
/* /Components/Pages/CampaignMap.razor.rz.scp.css */
.campaign-map-page[b-tjjeb1iv6v] {
    min-height: calc(100vh - 90px);
    padding: 2rem;
    color: white;
    background: radial-gradient(circle at top, rgba(42, 49, 62, 0.72), #05070d 58%);
}

.campaign-map-header[b-tjjeb1iv6v] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.campaign-map-header h1[b-tjjeb1iv6v] {
    color: #d5b202;
    font-family: 'Orbitron', Arial, sans-serif;
    margin: 0;
}

.campaign-map-header p[b-tjjeb1iv6v] {
    color: rgba(255, 255, 255, 0.72);
    margin: 0.25rem 0 0;
}

.map-legend[b-tjjeb1iv6v] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.legend-item[b-tjjeb1iv6v] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: rgba(255, 255, 255, 0.86);
    background: rgba(5, 10, 25, 0.82);
    border: 1px solid rgba(213, 178, 2, 0.24);
    border-radius: 999px;
    padding: 0.35rem 0.65rem;
    font-size: 0.82rem;
    font-weight: 800;
}

.legend-item span[b-tjjeb1iv6v] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    background: var(--team-color);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.12);
}

.legend-item.neutral span[b-tjjeb1iv6v] {
    background: #aab2c0;
}

.campaign-map-layout[b-tjjeb1iv6v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1rem;
    align-items: start;
    width: 100%;
}

.map-main-panel[b-tjjeb1iv6v] {
    min-width: 0;
    width: 100%;
}

.map-scroll-frame[b-tjjeb1iv6v] {
    width: 100%;
    max-width: 100%;
    overflow: auto;
    max-height: calc(100vh - 220px);
    border: 1px solid rgba(213, 178, 2, 0.34);
    border-radius: 10px;
    background: #05070d;
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.62);
    cursor: grab;
    scrollbar-color: #d5b202 rgba(5, 10, 25, 0.9);
    scrollbar-width: thin;
    touch-action: none;
}

.map-scroll-frame.is-panning[b-tjjeb1iv6v] {
    cursor: grabbing;
    user-select: none;
}

.map-toolbar[b-tjjeb1iv6v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.zoom-controls[b-tjjeb1iv6v] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: white;
    background: rgba(5, 10, 25, 0.86);
    border: 1px solid rgba(213, 178, 2, 0.28);
    border-radius: 10px;
    padding: 0.4rem;
}

.zoom-controls button[b-tjjeb1iv6v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    min-height: 2rem;
    color: #1b1c1c;
    background: #d5b202;
    border: 2px solid #1b1c1c;
    border-radius: 8px;
    box-shadow: 3px 3px 0 #7a6500;
    cursor: pointer;
    font-family: 'Orbitron', Arial, sans-serif;
    font-weight: 900;
}

.zoom-controls button:hover[b-tjjeb1iv6v],
.zoom-controls button:focus-visible[b-tjjeb1iv6v] {
    filter: brightness(1.08);
    outline: none;
}

.zoom-controls button:disabled[b-tjjeb1iv6v] {
    cursor: not-allowed;
    filter: grayscale(0.55);
    opacity: 0.55;
}

.zoom-controls span[b-tjjeb1iv6v] {
    min-width: 3.2rem;
    text-align: center;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 0.9rem;
    font-weight: 900;
}

.map-help[b-tjjeb1iv6v] {
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.9rem;
    font-weight: 800;
}

.map-stage[b-tjjeb1iv6v] {
    position: relative;
    width: var(--map-width);
    aspect-ratio: 7016 / 4961;
    overflow: hidden;
}

.map-stage img[b-tjjeb1iv6v] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
}

.planet-marker[b-tjjeb1iv6v],
.register-marker[b-tjjeb1iv6v],
.planet-register-marker[b-tjjeb1iv6v] {
    position: absolute;
    z-index: 2;
    border: 0;
    cursor: pointer;
    font: inherit;
}

.planet-marker[b-tjjeb1iv6v] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: white;
    background: rgba(5, 10, 25, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    max-width: 120px;
    padding: 0.14rem 0.38rem 0.14rem 0.18rem;
    transform: translate(-0.58rem, -50%);
    transform-origin: 0.58rem center;
    transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.planet-marker:hover[b-tjjeb1iv6v],
.planet-marker:focus-visible[b-tjjeb1iv6v],
.planet-marker.selected[b-tjjeb1iv6v] {
    z-index: 4;
    background: rgba(5, 10, 25, 0.95);
    border-color: var(--team-color);
    outline: none;
    transform: translate(-0.58rem, -50%) scale(1.12);
}

.planet-dot[b-tjjeb1iv6v] {
    flex: 0 0 auto;
    width: 0.8rem;
    height: 0.8rem;
    border: 2px solid var(--team-color);
    border-radius: 50%;
    background: rgba(5, 10, 25, 0.9);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.42), 0 0 12px var(--team-color);
}

.planet-name[b-tjjeb1iv6v] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.register-marker[b-tjjeb1iv6v] {
    z-index: 5;
    width: 2.05rem;
    height: 2.05rem;
}

.register-marker[b-tjjeb1iv6v],
.planet-register-marker[b-tjjeb1iv6v] {
    background:
        radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--team-color) 82%, white 8%) 0 42%, color-mix(in srgb, var(--team-color) 62%, black 20%) 68%, rgba(5, 10, 25, 0.96) 100%);
    border: 2px solid var(--team-color);
    border-radius: 50%;
    box-shadow:
        0 0 0 2px rgba(0, 0, 0, 0.78),
        0 0 10px color-mix(in srgb, var(--team-color) 70%, transparent),
        3px 4px 0 rgba(0, 0, 0, 0.72);
    overflow: hidden;
    padding: 0.18rem;
    transform: translate(-50%, -50%);
    transition: filter 0.15s ease, transform 0.15s ease;
}

.planet-register-marker[b-tjjeb1iv6v] {
    z-index: 6;
    width: 2.15rem;
    height: 2.15rem;
}

.register-marker[b-tjjeb1iv6v]::after,
.planet-register-marker[b-tjjeb1iv6v]::after {
    content: "";
    position: absolute;
    inset: 0.18rem;
    border-radius: 50%;
    background: var(--team-color);
    mix-blend-mode: color;
    opacity: 0.42;
    pointer-events: none;
}

.register-marker img[b-tjjeb1iv6v],
.planet-register-marker img[b-tjjeb1iv6v] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
    filter: saturate(0.88) contrast(1.05) drop-shadow(0 4px 5px rgba(0, 0, 0, 0.9));
    pointer-events: none;
}

.register-marker:hover[b-tjjeb1iv6v],
.register-marker:focus-visible[b-tjjeb1iv6v],
.planet-register-marker:hover[b-tjjeb1iv6v],
.planet-register-marker:focus-visible[b-tjjeb1iv6v] {
    filter: brightness(1.12);
    outline: none;
    transform: translate(-50%, -50%) scale(1.14);
}

.map-detail-panel[b-tjjeb1iv6v],
.map-empty-panel[b-tjjeb1iv6v] {
    color: white;
    background: rgba(5, 10, 25, 0.92);
    border: 1px solid rgba(213, 178, 2, 0.28);
    border-radius: 10px;
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.62);
    padding: 1rem;
}

.map-detail-panel[b-tjjeb1iv6v] {
    position: sticky;
    top: 110px;
}

.map-empty-panel[b-tjjeb1iv6v] {
    max-width: 520px;
}

.map-empty-panel h2[b-tjjeb1iv6v],
.map-detail-panel h2[b-tjjeb1iv6v],
.map-detail-panel h3[b-tjjeb1iv6v] {
    margin-top: 0;
}

.map-empty-panel h2[b-tjjeb1iv6v],
.map-detail-panel h2[b-tjjeb1iv6v] {
    color: #d5b202;
}

.map-empty-panel a[b-tjjeb1iv6v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem;
    min-height: 42px;
    padding: 0.7rem 1rem;
    color: #1b1c1c;
    background: #d5b202;
    border: 2px solid #1b1c1c;
    border-radius: 10px;
    box-shadow: 5px 5px 0 #7a6500;
    font-family: 'Orbitron', Arial, sans-serif;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
}

.detail-eyebrow[b-tjjeb1iv6v] {
    display: block;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.map-detail-panel dl[b-tjjeb1iv6v] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.45rem 0.75rem;
    margin: 1rem 0;
}

.map-detail-panel dt[b-tjjeb1iv6v] {
    color: rgba(255, 255, 255, 0.62);
}

.map-detail-panel dd[b-tjjeb1iv6v] {
    margin: 0;
}

.control-pill[b-tjjeb1iv6v] {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--team-color);
    border-radius: 999px;
    color: white;
    background: color-mix(in srgb, var(--team-color) 18%, rgba(5, 10, 25, 0.8));
    padding: 0.2rem 0.55rem;
    font-weight: 900;
}

.planet-control-meter-panel[b-tjjeb1iv6v] {
    display: grid;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    margin: 1rem 0;
    padding: 0.75rem;
}

.planet-control-meter-panel > div:first-child[b-tjjeb1iv6v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.planet-control-meter-panel strong[b-tjjeb1iv6v] {
    color: #d5b202;
    font-family: 'Orbitron', Arial, sans-serif;
}

.planet-control-meter-panel span[b-tjjeb1iv6v] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.78rem;
    font-weight: 900;
}

.planet-control-meter[b-tjjeb1iv6v] {
    display: flex;
    overflow: hidden;
    min-height: 1rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
}

.planet-control-meter span[b-tjjeb1iv6v] {
    width: max(var(--control-width), 0%);
    background: var(--team-color);
}

.planet-control-meter-legend[b-tjjeb1iv6v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.65rem;
}

.planet-control-meter-legend span[b-tjjeb1iv6v] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.planet-control-meter-legend i[b-tjjeb1iv6v] {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    background: var(--team-color);
    box-shadow: 0 0 8px var(--team-color);
}

.detail-register-list[b-tjjeb1iv6v] {
    display: grid;
    gap: 0.55rem;
}

.attack-panel[b-tjjeb1iv6v] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(213, 178, 2, 0.22);
}

.map-register-actions[b-tjjeb1iv6v],
.move-register-panel[b-tjjeb1iv6v] {
    display: grid;
    gap: 0.75rem;
}

.map-register-actions[b-tjjeb1iv6v] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(213, 178, 2, 0.22);
}

.move-register-panel label[b-tjjeb1iv6v] {
    display: grid;
    gap: 0.35rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.86rem;
    font-weight: 900;
}

.move-register-panel select[b-tjjeb1iv6v] {
    width: 100%;
    color: white;
    background: rgba(7, 13, 30, 0.96);
    border: 1px solid rgba(213, 178, 2, 0.45);
    border-radius: 8px;
    padding: 0.55rem 0.65rem;
}

.move-register-panel select option[b-tjjeb1iv6v] {
    color: white;
    background: #070d1e;
}

.attack-panel h3[b-tjjeb1iv6v] {
    color: #d5b202;
    margin-bottom: 0;
}

.attack-panel label[b-tjjeb1iv6v] {
    display: grid;
    gap: 0.35rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.86rem;
    font-weight: 900;
}

.attack-panel select[b-tjjeb1iv6v] {
    width: 100%;
    color: white;
    background: rgba(7, 13, 30, 0.96);
    border: 1px solid rgba(213, 178, 2, 0.45);
    border-radius: 8px;
    padding: 0.55rem 0.65rem;
}

.attack-panel select option[b-tjjeb1iv6v] {
    color: white;
    background: #070d1e;
}

.attack-planet-btn[b-tjjeb1iv6v],
.map-action-btn[b-tjjeb1iv6v],
.create-battle-report-btn[b-tjjeb1iv6v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    width: 100%;
    color: #d5b202;
    background: rgba(5, 10, 25, 0.92);
    border: 2px solid rgba(213,178,2,0.72);
    border-radius: 10px;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.72);
    cursor: pointer;
    font-family: 'Orbitron', Arial, sans-serif;
    font-weight: 900;
    padding: 0.7rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, filter 0.15s ease;
}

.campaign-map-create-register-btn[b-tjjeb1iv6v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    width: 100%;
    color: #1b1c1c !important;
    background: #d5b202;
    border: 2px solid #1b1c1c;
    border-radius: 10px;
    box-shadow: 5px 5px 0 #7a6500;
    box-sizing: border-box;
    cursor: pointer;
    font-family: 'Orbitron', Arial, sans-serif;
    font-weight: 900;
    line-height: 1;
    padding: 0.7rem 1rem;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.campaign-map-create-register-btn:hover[b-tjjeb1iv6v],
.campaign-map-create-register-btn:focus-visible[b-tjjeb1iv6v] {
    color: #1b1c1c !important;
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow: 7px 7px 0 #7a6500;
    outline: none;
}

.map-action-btn:disabled[b-tjjeb1iv6v] {
    cursor: not-allowed;
    filter: grayscale(0.55);
    opacity: 0.55;
}

.create-battle-report-btn:hover[b-tjjeb1iv6v],
.create-battle-report-btn:focus-visible[b-tjjeb1iv6v],
.map-action-btn:hover:not(:disabled)[b-tjjeb1iv6v],
.map-action-btn:focus-visible:not(:disabled)[b-tjjeb1iv6v] {
    background: rgba(213,178,2,0.14);
    border-color: #d5b202;
    color: white;
    transform: translateY(-2px);
    box-shadow: 7px 7px 0 rgba(0,0,0,0.72);
    outline: none;
}

.attack-planet-btn:hover[b-tjjeb1iv6v],
.attack-planet-btn:focus-visible[b-tjjeb1iv6v] {
    background: #d5b202;
    color: #1b1c1c;
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow: 7px 7px 0 #7a6500;
    outline: none;
}

.battle-setup-message[b-tjjeb1iv6v] {
    color: rgba(255, 255, 255, 0.78);
    background: rgba(213, 178, 2, 0.1);
    border: 1px solid rgba(213, 178, 2, 0.24);
    border-radius: 8px;
    margin: 0;
    padding: 0.6rem 0.7rem;
}

.map-action-message[b-tjjeb1iv6v] {
    color: rgba(255, 255, 255, 0.78);
    background: rgba(213, 178, 2, 0.1);
    border: 1px solid rgba(213, 178, 2, 0.24);
    border-radius: 8px;
    margin: 0;
    padding: 0.6rem 0.7rem;
}

.detail-register-list article[b-tjjeb1iv6v],
.detail-register-button[b-tjjeb1iv6v],
.map-stat-grid article[b-tjjeb1iv6v] {
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 0.65rem;
}

.detail-register-button[b-tjjeb1iv6v] {
    color: white;
    cursor: pointer;
    font: inherit;
    text-align: left;
    width: 100%;
}

.detail-register-button:hover[b-tjjeb1iv6v],
.detail-register-button:focus-visible[b-tjjeb1iv6v] {
    border-color: rgba(213, 178, 2, 0.55);
    outline: none;
}

.detail-register-list strong[b-tjjeb1iv6v],
.detail-register-list span[b-tjjeb1iv6v],
.map-stat-grid strong[b-tjjeb1iv6v],
.map-stat-grid span[b-tjjeb1iv6v] {
    display: block;
}

.detail-register-list strong[b-tjjeb1iv6v],
.map-stat-grid strong[b-tjjeb1iv6v] {
    color: #d5b202;
}

.detail-register-list span[b-tjjeb1iv6v],
.map-stat-grid span[b-tjjeb1iv6v],
.muted[b-tjjeb1iv6v] {
    color: rgba(255, 255, 255, 0.68);
}

.map-stat-grid[b-tjjeb1iv6v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.map-stat-grid strong[b-tjjeb1iv6v] {
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 1.6rem;
}

@media (max-width: 1100px) {
    .campaign-map-layout[b-tjjeb1iv6v] {
        grid-template-columns: 1fr;
        overflow: hidden;
    }

    .map-detail-panel[b-tjjeb1iv6v] {
        position: static;
    }
}

@media (max-width: 760px) {
    .campaign-map-page[b-tjjeb1iv6v] {
        padding: 0.65rem;
    }

    .campaign-map-header[b-tjjeb1iv6v] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .campaign-map-header p[b-tjjeb1iv6v] {
        font-size: 0.92rem;
    }

    .map-legend[b-tjjeb1iv6v] {
        justify-content: flex-start;
        gap: 0.4rem;
    }

    .legend-item[b-tjjeb1iv6v] {
        font-size: 0.76rem;
        padding: 0.3rem 0.5rem;
    }

    .map-stage[b-tjjeb1iv6v] {
        width: max(var(--map-width), 980px);
        max-width: none;
    }

    .map-toolbar[b-tjjeb1iv6v] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.55rem;
        margin-bottom: 0.55rem;
    }

    .map-scroll-frame[b-tjjeb1iv6v] {
        width: 100%;
        max-width: calc(100vw - 1.3rem);
        height: 62vh;
        height: min(64svh, 540px);
        max-height: none;
        border-radius: 8px;
        box-shadow: none;
        overscroll-behavior: contain;
    }

    .zoom-controls[b-tjjeb1iv6v],
    .map-help[b-tjjeb1iv6v],
    .map-stat-grid[b-tjjeb1iv6v],
    .map-detail-panel dl[b-tjjeb1iv6v] {
        width: 100%;
    }

    .zoom-controls[b-tjjeb1iv6v] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.45rem;
        justify-content: stretch;
    }

    .zoom-controls span[b-tjjeb1iv6v] {
        order: -1;
        width: 100%;
        min-width: 0;
        font-size: 0.82rem;
    }

    .zoom-controls button[b-tjjeb1iv6v] {
        flex: 1 1 3rem;
        min-height: 44px;
    }

    .map-help[b-tjjeb1iv6v] {
        font-size: 0.8rem;
    }

    .map-stat-grid[b-tjjeb1iv6v],
    .map-detail-panel dl[b-tjjeb1iv6v] {
        grid-template-columns: 1fr;
    }

    .map-detail-panel[b-tjjeb1iv6v],
    .map-empty-panel[b-tjjeb1iv6v] {
        box-shadow: none;
        padding: 0.85rem;
    }

    .planet-marker[b-tjjeb1iv6v] {
        max-width: 110px;
        min-height: 1.45rem;
        padding: 0.16rem 0.38rem 0.16rem 0.18rem;
    }

    .planet-dot[b-tjjeb1iv6v] {
        width: 0.9rem;
        height: 0.9rem;
    }

    .planet-name[b-tjjeb1iv6v] {
        font-size: 0.54rem;
    }

    .register-marker[b-tjjeb1iv6v] {
        width: 2.25rem;
        height: 2.25rem;
    }
}

@media (max-width: 480px) {
    .campaign-map-page[b-tjjeb1iv6v] {
        padding: 0.5rem;
    }

    .map-stage[b-tjjeb1iv6v] {
        width: max(var(--map-width), 1040px);
    }

    .map-scroll-frame[b-tjjeb1iv6v] {
        max-width: calc(100vw - 1rem);
        height: 58vh;
        height: min(60svh, 500px);
    }

    .map-detail-panel[b-tjjeb1iv6v],
    .map-empty-panel[b-tjjeb1iv6v] {
        border-radius: 8px;
        padding: 0.75rem;
    }

    .map-stat-grid[b-tjjeb1iv6v] {
        gap: 0.55rem;
    }

    .map-stat-grid strong[b-tjjeb1iv6v] {
        font-size: 1.3rem;
    }

    .attack-panel[b-tjjeb1iv6v] {
        gap: 0.6rem;
    }
}
/* /Components/Pages/CampaignPage.razor.rz.scp.css */
.campaign-overview-header[b-8xbwya24ek] {
    background: rgba(5, 10, 25, 0.92);
    border: 1px solid rgba(213, 178, 2, 0.22);
    border-radius: 10px;
    color: white;
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin: 2rem 2rem 1rem;
    padding: 1rem;
}

.campaign-overview-header h1[b-8xbwya24ek] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    margin: 0 0 0.5rem;
}

.campaign-overview-header p[b-8xbwya24ek] {
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
}

.campaign-page[b-8xbwya24ek] {
    min-height: calc(100vh - 90px);
    padding: 60px;
    background: radial-gradient(circle at top, rgba(42, 49, 62, 0.72), #05070d 58%);
    background-attachment: fixed;
    position: relative;
}

    .campaign-page[b-8xbwya24ek]::before {
        content: none;
    }

    .campaign-page > *[b-8xbwya24ek] {
        position: relative;
        z-index: 1;
    }
.start-campaign-panel[b-8xbwya24ek],

.news-panel[b-8xbwya24ek] {
    max-width: 420px;
    color: white;
    background: rgba(5, 10, 25, 0.90);
    padding: 20px;
    border-radius: 14px;
    box-shadow: 7px 7px 0 #111111;
    margin: 1em;
}

.news-panel.expanded[b-8xbwya24ek] {
    max-width: 620px;
}
    .start-campaign-panel input[b-8xbwya24ek],
    .start-campaign-panel select[b-8xbwya24ek] {
        width: 100%;
        margin-top: 8px;
        margin-bottom: 20px;
        padding: 12px;
        border: none;
        border-radius: 10px;
        font-size: 1rem;
    }

    .start-campaign-panel small[b-8xbwya24ek] {
        display: block;
        color: rgba(255, 255, 255, 0.68);
        font-weight: 800;
        margin: -12px 0 20px;
    }
    .start-campaign-panel button[b-8xbwya24ek] {
        background: #D5B202;
        color: #1B1C1C;
        border: none;
        border-radius: 14px;
        padding: 14px 28px;
        font-weight: 900;
        cursor: pointer;
        box-shadow: 7px 7px 0 #7A6500;
        transition: 0.15s;
    }

        .start-campaign-panel button:hover[b-8xbwya24ek] {
            transform: translateY(-2px);
        }

.start-campaign-panel .error[b-8xbwya24ek] {
    margin-top: 18px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 120, 120, 0.55);
    border-radius: 10px;
    color: #ffb4b4;
    background: rgba(90, 0, 0, 0.35);
    font-weight: 900;
}

.news-title-button[b-8xbwya24ek] {
    width: 100%;
    background: transparent;
    border: none;
    color: #D5B202;
    cursor: pointer;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 1.45rem;
    font-weight: 900;
    padding: 0;
    text-align: left;
}

.news-title-button:hover[b-8xbwya24ek] {
    color: white;
}

.news-item[b-8xbwya24ek] {
    margin-top: 12px;
    padding: 12px;

    background: rgba(255,255,255,0.08);

    border-radius: 8px;

    border-left: 4px solid #D5B202;
}

.news-item span[b-8xbwya24ek] {
    color: #D5B202;
    font-weight: 800;
    font-size: 0.82rem;
}

.news-item p[b-8xbwya24ek] {
    margin: 0.35rem 0 0;
}

.news-details[b-8xbwya24ek] {
    margin-top: 0.55rem;
}

.news-details summary[b-8xbwya24ek] {
    color: #D5B202;
    cursor: pointer;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 900;
    text-transform: uppercase;
}

.battle-report-photo-strip[b-8xbwya24ek] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.75rem;
}

.battle-report-photo-strip img[b-8xbwya24ek] {
    aspect-ratio: 4 / 3;
    border: 1px solid rgba(213, 178, 2, 0.32);
    border-radius: 8px;
    max-width: min(220px, 100%);
    object-fit: cover;
    width: 100%;
}

.news-details p[b-8xbwya24ek] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.88rem;
    line-height: 1.45;
}

.campaign-log-btn[b-8xbwya24ek] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(5, 10, 25, 0.95);
    color: #D5B202;
    border: 2px solid rgba(213,178,2,0.82);
    border-radius: 10px;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.72);
    font-family: 'Orbitron', Arial, sans-serif;
    font-weight: 900;
    letter-spacing: 0.03em;
    margin-top: 14px;
    min-height: 42px;
    padding: 0.7rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.campaign-log-btn:hover[b-8xbwya24ek],
.campaign-log-btn:focus-visible[b-8xbwya24ek] {
    background: rgba(213,178,2,0.16);
    color: white;
    transform: translateY(-2px);
    box-shadow: 7px 7px 0 rgba(0,0,0,0.72);
    outline: none;
}

.campaign-actions[b-8xbwya24ek] {
    margin: 0 2rem 1.5rem;
}

.header-battle-report-btn[b-8xbwya24ek] {
    flex: 0 0 auto;
}

.campaign-metrics[b-8xbwya24ek] {
    color: white;
    background: rgba(5, 10, 25, 0.92);
    border: 1px solid rgba(213, 178, 2, 0.22);
    border-radius: 10px;
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.45);
    display: grid;
    gap: 1rem;
    margin: 0 2rem 1rem;
    padding: 1rem;
}

.campaign-metrics-heading[b-8xbwya24ek] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.campaign-metrics-heading span[b-8xbwya24ek],
.metric-card header span[b-8xbwya24ek],
.damage-list small[b-8xbwya24ek],
.top-xp-list small[b-8xbwya24ek] {
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.campaign-metrics-heading h2[b-8xbwya24ek],
.metric-card h3[b-8xbwya24ek] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    margin: 0.15rem 0 0;
}

.campaign-metrics-heading p[b-8xbwya24ek] {
    color: rgba(255, 255, 255, 0.72);
    margin: 0;
    text-align: right;
}

.metrics-grid[b-8xbwya24ek] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.9fr);
    gap: 1rem;
}

.bloodiest-grid[b-8xbwya24ek] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.bloodiest-card[b-8xbwya24ek] {
    display: grid;
    gap: 0.45rem;
    background: rgba(213, 178, 2, 0.08);
    border: 1px solid rgba(213, 178, 2, 0.22);
    border-radius: 8px;
    padding: 0.9rem;
}

.bloodiest-card span[b-8xbwya24ek] {
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bloodiest-card strong[b-8xbwya24ek] {
    color: white;
    font-family: 'Orbitron', Arial, sans-serif;
    line-height: 1.35;
}

.metric-card[b-8xbwya24ek] {
    display: grid;
    gap: 0.85rem;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 1rem;
}

.metric-card header[b-8xbwya24ek] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.victory-chart-card[b-8xbwya24ek] {
    grid-row: span 2;
}

.vp-chart[b-8xbwya24ek] {
    width: 100%;
    min-height: 240px;
    background:
        linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px),
        rgba(0, 0, 0, 0.18);
    background-size: 100% 51px, 96px 100%;
    border: 1px solid rgba(213, 178, 2, 0.18);
    border-radius: 8px;
}

.chart-axis[b-8xbwya24ek] {
    stroke: rgba(255,255,255,0.32);
    stroke-width: 2;
}

.vp-line[b-8xbwya24ek] {
    fill: none;
    stroke: var(--series-color);
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 6px var(--series-color));
}

.vp-point[b-8xbwya24ek] {
    fill: var(--series-color);
    stroke: #05070d;
    stroke-width: 2;
}

.chart-legend[b-8xbwya24ek] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.chart-legend span[b-8xbwya24ek] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: rgba(255,255,255,0.82);
    font-size: 0.82rem;
    font-weight: 800;
}

.chart-legend i[b-8xbwya24ek] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: var(--series-color);
}

.planet-type-control-list[b-8xbwya24ek] {
    display: grid;
    gap: 0.85rem;
}

.planet-type-control-row[b-8xbwya24ek] {
    display: grid;
    gap: 0.45rem;
    background: rgba(5, 10, 25, 0.66);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    padding: 0.75rem;
}

.planet-type-control-heading[b-8xbwya24ek] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.planet-type-control-heading strong[b-8xbwya24ek] {
    color: white;
    font-family: 'Orbitron', Arial, sans-serif;
}

.planet-type-control-heading span[b-8xbwya24ek] {
    color: rgba(255,255,255,0.64);
    font-size: 0.78rem;
    font-weight: 900;
}

.planet-type-control-bar[b-8xbwya24ek] {
    display: flex;
    overflow: hidden;
    min-height: 1.1rem;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 999px;
}

.planet-type-control-bar span[b-8xbwya24ek] {
    width: max(var(--bar-width), 0%);
    min-width: 0;
    background: var(--team-color);
    box-shadow: inset 0 0 10px rgba(0,0,0,0.32);
}

.planet-type-control-teams[b-8xbwya24ek] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.65rem;
}

.planet-type-control-teams span[b-8xbwya24ek] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: rgba(255,255,255,0.82);
    font-size: 0.78rem;
    font-weight: 800;
}

.planet-type-control-teams i[b-8xbwya24ek] {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    background: var(--team-color);
    box-shadow: 0 0 8px var(--team-color);
}

.damage-list[b-8xbwya24ek],
.top-xp-list[b-8xbwya24ek] {
    display: grid;
    gap: 0.65rem;
}

.damage-list article[b-8xbwya24ek],
.top-xp-list li[b-8xbwya24ek] {
    display: grid;
    gap: 0.55rem;
    background: rgba(5, 10, 25, 0.66);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    padding: 0.75rem;
}

.damage-bars[b-8xbwya24ek] {
    display: grid;
    gap: 0.35rem;
}

.damage-bars span[b-8xbwya24ek] {
    position: relative;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    color: white;
    font-size: 0.78rem;
    font-weight: 900;
    min-height: 1.35rem;
    padding: 0.18rem 0.55rem;
}

.damage-bars span[b-8xbwya24ek]::before {
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 0;
    width: var(--bar-width);
    background: rgba(213,178,2,0.42);
    border-radius: inherit;
    content: "";
}

.damage-bars span.lost[b-8xbwya24ek]::before {
    background: rgba(255,95,86,0.42);
}

.damage-bars span.casualty[b-8xbwya24ek]::before {
    background: rgba(176,132,255,0.42);
}

.damage-bars span[b-8xbwya24ek] {
    isolation: isolate;
}

.top-xp-list[b-8xbwya24ek] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.top-xp-list li[b-8xbwya24ek] {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
}

.top-xp-list li > span[b-8xbwya24ek] {
    color: #1B1C1C;
    background: #D5B202;
    border-radius: 8px;
    font-family: 'Orbitron', Arial, sans-serif;
    font-weight: 900;
    padding: 0.45rem 0.6rem;
}

.muted[b-8xbwya24ek] {
    color: rgba(255,255,255,0.66);
}

.submit-battle-report-btn[b-8xbwya24ek] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #D5B202;
    color: #1B1C1C;
    border: 2px solid #1B1C1C;
    border-radius: 10px;
    box-shadow: 5px 5px 0 #7A6500;
    cursor: pointer;
    font-family: 'Orbitron', Arial, sans-serif;
    font-weight: 900;
    letter-spacing: 0.03em;
    min-height: 42px;
    padding: 0.7rem 1rem;
    text-transform: uppercase;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.submit-battle-report-btn:hover[b-8xbwya24ek],
.submit-battle-report-btn:focus-visible[b-8xbwya24ek] {
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow: 7px 7px 0 #7A6500;
    outline: none;
}

.submit-battle-report-btn:disabled[b-8xbwya24ek] {
    cursor: not-allowed;
    filter: grayscale(0.6);
    opacity: 0.65;
    transform: none;
}

.battle-report-backdrop[b-8xbwya24ek] {
    position: fixed;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.72);
}

.battle-report-modal[b-8xbwya24ek] {
    width: min(720px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    color: white;
    background: rgba(5, 10, 25, 0.97);
    border: 2px solid #D5B202;
    border-radius: 12px;
    box-shadow: 9px 9px 0 #111111;
    padding: 1.25rem;
}

.battle-report-header[b-8xbwya24ek] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.battle-report-header h2[b-8xbwya24ek] {
    margin: 0;
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
}

.battle-report-close[b-8xbwya24ek],
.battle-report-secondary[b-8xbwya24ek] {
    background: rgba(255, 255, 255, 0.08);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    cursor: pointer;
    font-weight: 800;
    padding: 0.65rem 0.9rem;
}

.battle-report-close:hover[b-8xbwya24ek],
.battle-report-secondary:hover[b-8xbwya24ek] {
    border-color: #D5B202;
    color: #D5B202;
}

.battle-report-grid[b-8xbwya24ek] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.battle-report-grid label[b-8xbwya24ek] {
    display: grid;
    gap: 0.4rem;
    color: #D5B202;
    font-weight: 900;
}

.battle-report-grid input[b-8xbwya24ek],
.battle-report-grid select[b-8xbwya24ek],
.battle-report-grid textarea[b-8xbwya24ek] {
    width: 100%;
    color: white;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    padding: 0.75rem;
}

.battle-report-grid small[b-8xbwya24ek],
.most-feared-select small[b-8xbwya24ek] {
    color: rgba(255, 255, 255, 0.68);
    font-weight: 800;
}

.agenda-reward-picker[b-8xbwya24ek] {
    display: grid;
    grid-column: 1 / -1;
    gap: 0.65rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(213, 178, 2, 0.25);
    border-radius: 8px;
    padding: 0.85rem;
}

.agenda-reward-picker strong[b-8xbwya24ek] {
    color: #D5B202;
}

.agenda-reward-picker label[b-8xbwya24ek] {
    color: white;
}

.agenda-reward-choice[b-8xbwya24ek] {
    display: grid;
    gap: 0.55rem;
    background: rgba(5, 10, 25, 0.46);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 0.75rem;
}

.agenda-reward-choice small[b-8xbwya24ek] {
    color: rgba(255, 255, 255, 0.72);
    font-weight: 800;
}

.battle-report-agenda-cards[b-8xbwya24ek] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.battle-report-agenda-card[b-8xbwya24ek] {
    appearance: none;
    display: grid;
    gap: 0.5rem;
    color: #D5B202;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    font-weight: 900;
    padding: 0.75rem;
    text-align: left;
}

.battle-report-agenda-card:hover[b-8xbwya24ek],
.battle-report-agenda-card:focus-visible[b-8xbwya24ek] {
    border-color: #D5B202;
    outline: none;
}

.battle-report-agenda-card.reward-side[b-8xbwya24ek] {
    background: rgba(213, 178, 2, 0.08);
    border-color: rgba(213, 178, 2, 0.42);
}

.battle-report-agenda-card img[b-8xbwya24ek] {
    width: 100%;
    max-height: 380px;
    object-fit: contain;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(213, 178, 2, 0.28);
    border-radius: 8px;
}

.most-feared-grid[b-8xbwya24ek] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.battle-result-summary[b-8xbwya24ek] {
    display: grid;
    gap: 0.35rem;
    background: rgba(213, 178, 2, 0.08);
    border: 1px solid rgba(213, 178, 2, 0.25);
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: 0.85rem;
}

.battle-result-summary strong[b-8xbwya24ek] {
    color: #D5B202;
}

.battle-result-summary span[b-8xbwya24ek] {
    color: white;
    font-family: 'Orbitron', Arial, sans-serif;
    font-weight: 900;
}

.battle-result-summary small[b-8xbwya24ek] {
    color: rgba(255, 255, 255, 0.68);
    font-weight: 800;
}

.objective-tab-summary[b-8xbwya24ek] {
    grid-column: 1 / -1;
}

.objective-random-btn[b-8xbwya24ek] {
    align-self: end;
    justify-self: start;
}

.most-feared-select[b-8xbwya24ek] {
    display: grid;
    gap: 0.4rem;
    color: #D5B202;
    font-weight: 900;
}

.most-feared-select select[b-8xbwya24ek] {
    width: 100%;
    color: white;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    padding: 0.75rem;
}

.battle-report-grid select option[b-8xbwya24ek],
.most-feared-select select option[b-8xbwya24ek] {
    color: #1B1C1C;
    background: white;
}

.battle-report-tabs[b-8xbwya24ek] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.battle-report-tabs button[b-8xbwya24ek] {
    background: rgba(255, 255, 255, 0.08);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    cursor: pointer;
    font-weight: 900;
    padding: 0.65rem 0.9rem;
}

.battle-report-tabs button.active[b-8xbwya24ek] {
    background: #D5B202;
    border-color: #D5B202;
    color: #1B1C1C;
}

.post-battle-grid[b-8xbwya24ek] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.post-battle-army[b-8xbwya24ek] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    padding: 0.85rem;
}

.post-battle-army h3[b-8xbwya24ek] {
    color: #D5B202;
    margin: 0 0 0.75rem;
}

.post-battle-unit[b-8xbwya24ek] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 0.75rem;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding: 0.65rem 0;
}

.post-battle-unit:first-of-type[b-8xbwya24ek] {
    border-top: none;
}

.post-battle-unit div[b-8xbwya24ek] {
    display: grid;
    gap: 0.2rem;
}

.post-battle-unit small[b-8xbwya24ek] {
    color: rgba(255, 255, 255, 0.64);
}

.post-battle-unit label[b-8xbwya24ek] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: white;
    font-weight: 800;
}

.battle-report-grid textarea[b-8xbwya24ek] {
    min-height: 150px;
    resize: vertical;
}

.battle-report-notes[b-8xbwya24ek] {
    grid-column: 1 / -1;
}

.battle-report-photos[b-8xbwya24ek] {
    display: grid;
    grid-column: 1 / -1;
    gap: 0.45rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(213, 178, 2, 0.24);
    border-radius: 8px;
    padding: 0.85rem;
}

.battle-report-photos strong[b-8xbwya24ek] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
}

.battle-report-photos input[b-8xbwya24ek] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 8px;
    color: white;
    padding: 0.65rem;
}

.battle-report-photos ul[b-8xbwya24ek] {
    display: grid;
    gap: 0.25rem;
    margin: 0.15rem 0 0;
    padding-left: 1.1rem;
}

.battle-report-photos li[b-8xbwya24ek] {
    color: white;
    font-weight: 800;
}

.battle-report-actions[b-8xbwya24ek] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.battle-report-error[b-8xbwya24ek] {
    color: #ffb4b4;
    font-weight: 800;
}

@media (max-width: 760px) {
    .campaign-overview-header[b-8xbwya24ek] {
        align-items: stretch;
        flex-direction: column;
        margin: 0.75rem;
    }

    .header-battle-report-btn[b-8xbwya24ek] {
        width: 100%;
    }

    .campaign-page[b-8xbwya24ek] {
        padding: 1rem;
    }

    .campaign-actions[b-8xbwya24ek] {
        margin: 0.75rem;
    }

    .team-overview[b-8xbwya24ek],
    .campaign-metrics[b-8xbwya24ek] {
        margin: 0.75rem;
    }

    .campaign-metrics-heading[b-8xbwya24ek],
    .metric-card header[b-8xbwya24ek] {
        align-items: stretch;
        flex-direction: column;
    }

    .campaign-metrics-heading p[b-8xbwya24ek] {
        text-align: left;
    }

    .metrics-grid[b-8xbwya24ek],
    .bloodiest-grid[b-8xbwya24ek] {
        grid-template-columns: 1fr;
    }

    .victory-chart-card[b-8xbwya24ek] {
        grid-row: auto;
    }

    .news-panel[b-8xbwya24ek],
    .news-panel.expanded[b-8xbwya24ek],
    .start-campaign-panel[b-8xbwya24ek] {
        max-width: none;
        margin: 0.75rem;
    }

    .battle-report-backdrop[b-8xbwya24ek] {
        align-items: stretch;
        padding: 0.5rem;
    }

    .battle-report-modal[b-8xbwya24ek] {
        max-height: calc(100vh - 1rem);
        padding: 1rem;
    }

    .battle-report-tabs[b-8xbwya24ek],
    .battle-report-actions[b-8xbwya24ek],
    .post-battle-unit[b-8xbwya24ek],
    .team-row[b-8xbwya24ek] {
        align-items: stretch;
        flex-direction: column;
    }

    .post-battle-unit[b-8xbwya24ek] {
        grid-template-columns: 1fr;
    }

    .post-battle-grid[b-8xbwya24ek],
    .most-feared-grid[b-8xbwya24ek],
    .battle-report-grid[b-8xbwya24ek],
    .battle-report-agenda-cards[b-8xbwya24ek] {
        grid-template-columns: 1fr;
    }

    .campaign-id-box p[b-8xbwya24ek] {
        font-size: 1.25rem;
        letter-spacing: 1px;
        word-break: break-all;
    }
}

@media (max-width: 480px) {
    .campaign-overview-header[b-8xbwya24ek],
    .news-panel[b-8xbwya24ek],
    .news-panel.expanded[b-8xbwya24ek],
    .start-campaign-panel[b-8xbwya24ek],
    .campaign-actions[b-8xbwya24ek],
    .campaign-id-box[b-8xbwya24ek] {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .campaign-page[b-8xbwya24ek] {
        padding: 0.5rem;
    }

    .news-title-button[b-8xbwya24ek] {
        font-size: 1.15rem;
    }

    .battle-report-backdrop[b-8xbwya24ek] {
        padding: 0;
    }

    .battle-report-modal[b-8xbwya24ek] {
        min-height: 100svh;
        max-height: 100svh;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 0.85rem;
    }

    .battle-report-header[b-8xbwya24ek] {
        align-items: stretch;
        flex-direction: column;
    }

    .battle-report-tabs[b-8xbwya24ek] {
        overflow-x: auto;
        padding-bottom: 0.15rem;
    }

    .battle-report-tabs button[b-8xbwya24ek] {
        flex: 1 0 auto;
        min-height: 42px;
    }
}

.team-row[b-8xbwya24ek] {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

    .team-row input[b-8xbwya24ek] {
        flex: 1;
    }

.add-team-btn[b-8xbwya24ek] {
    margin-top: 10px;
    margin-bottom: 20px;
}

.remove-team-btn[b-8xbwya24ek] {
    width: 40px;
}

.campaign-id-box[b-8xbwya24ek] {
    margin: 20px 0;
    background: #D5B202;
    color: #1B1C1C;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 8px 8px 0 #7A6500;
}

    .campaign-id-box h2[b-8xbwya24ek] {
        margin: 0;
    }

    .campaign-id-box p[b-8xbwya24ek] {
        font-size: 2rem;
        font-weight: 900;
        letter-spacing: 3px;
        margin-top: 10px;
    }

.team-overview[b-8xbwya24ek] {
    color: white;
    background: rgba(5, 10, 25, 0.92);
    border: 1px solid rgba(213, 178, 2, 0.22);
    border-radius: 10px;
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.45);
    display: grid;
    gap: 1rem;
    margin: 0 2rem 1rem;
    padding: 1rem;
}

.team-overview-heading[b-8xbwya24ek] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.team-overview-heading span[b-8xbwya24ek],
.team-rank[b-8xbwya24ek],
.team-card span[b-8xbwya24ek],
.team-control-list dt[b-8xbwya24ek] {
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.team-overview-heading h2[b-8xbwya24ek] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    margin: 0.15rem 0 0;
}

.team-overview-heading p[b-8xbwya24ek] {
    color: rgba(255, 255, 255, 0.72);
    margin: 0;
    text-align: right;
}

.team-scoreboard[b-8xbwya24ek] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.team-card[b-8xbwya24ek] {
    background:
        linear-gradient(145deg, rgba(213, 178, 2, 0.11), rgba(255, 255, 255, 0.035) 36%, rgba(5, 10, 25, 0.92)),
        rgba(5, 10, 25, 0.9);
    border: 1px solid rgba(213, 178, 2, 0.24);
    border-radius: 8px;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.42);
    display: grid;
    gap: 0.85rem;
    overflow: hidden;
    padding: 1rem;
}

.team-card header[b-8xbwya24ek] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.team-card h3[b-8xbwya24ek] {
    color: white;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 1.2rem;
    line-height: 1.15;
    margin: 0.2rem 0 0;
}

.team-card header > strong[b-8xbwya24ek] {
    color: #1B1C1C;
    background: #D5B202;
    border: 2px solid #1B1C1C;
    border-radius: 8px;
    box-shadow: 4px 4px 0 #7A6500;
    flex: 0 0 auto;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 0.9rem;
    padding: 0.45rem 0.65rem;
}

.team-primary-stats[b-8xbwya24ek] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.team-primary-stats div[b-8xbwya24ek],
.team-control-list div[b-8xbwya24ek] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 0.65rem;
}

.team-primary-stats strong[b-8xbwya24ek] {
    color: #D5B202;
    display: block;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 1.35rem;
    margin-top: 0.2rem;
}

.team-record-row[b-8xbwya24ek] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.team-record-row strong[b-8xbwya24ek] {
    color: white;
    font-family: 'Orbitron', Arial, sans-serif;
}

.team-record-bar[b-8xbwya24ek] {
    background: rgba(255, 255, 255, 0.09);
    border-radius: 999px;
    height: 9px;
    overflow: hidden;
}

.team-record-bar[b-8xbwya24ek]::before {
    background: linear-gradient(90deg, #D5B202, #ffe86a);
    border-radius: inherit;
    content: "";
    display: block;
    height: 100%;
    width: var(--win-rate);
}

.team-control-list[b-8xbwya24ek] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.team-control-list dd[b-8xbwya24ek] {
    color: white;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 900;
    margin: 0.2rem 0 0;
}

@media (max-width: 760px) {
    .team-overview[b-8xbwya24ek] {
        margin: 0.75rem;
        margin-bottom: 1rem;
        padding: 0.85rem;
    }

    .team-overview-heading[b-8xbwya24ek] {
        align-items: stretch;
        flex-direction: column;
    }

    .team-overview-heading p[b-8xbwya24ek] {
        text-align: left;
    }

    .team-scoreboard[b-8xbwya24ek] {
        grid-template-columns: 1fr;
    }

    .campaign-id-box[b-8xbwya24ek] {
        margin: 0.75rem;
        padding: 1rem;
    }

    .top-xp-list li[b-8xbwya24ek] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-5ykby02wbx] {
    min-height: calc(100vh - 90px);
    padding: 2rem;
    color: white;
    background: radial-gradient(circle at top, rgba(42, 49, 62, 0.72), #05070d 58%);
}

.home-hero[b-5ykby02wbx],
.home-panel[b-5ykby02wbx],
.quick-actions[b-5ykby02wbx] {
    background: rgba(5, 10, 25, 0.92);
    border: 1px solid rgba(213, 178, 2, 0.22);
    border-radius: 10px;
    color: white;
}

.home-hero[b-5ykby02wbx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
    gap: 1rem;
    align-items: stretch;
    padding: 1rem;
}

.home-hero h1[b-5ykby02wbx],
.home-panel h2[b-5ykby02wbx] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    margin: 0;
}

.home-hero p[b-5ykby02wbx],
.home-status-card small[b-5ykby02wbx],
.muted[b-5ykby02wbx] {
    color: rgba(255,255,255,0.72);
}

.home-eyebrow[b-5ykby02wbx] {
    display: block;
    color: rgba(255,255,255,0.62);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-status-card[b-5ykby02wbx] {
    display: grid;
    align-content: center;
    gap: 0.25rem;
    background: rgba(213,178,2,0.1);
    border: 1px solid rgba(213,178,2,0.3);
    border-radius: 8px;
    padding: 1rem;
}

.home-status-card span[b-5ykby02wbx] {
    color: rgba(255,255,255,0.68);
    font-weight: 900;
}

.home-status-card strong[b-5ykby02wbx] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 1.35rem;
}

.quick-actions[b-5ykby02wbx] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 1rem;
}

.home-action-button[b-5ykby02wbx],
.home-primary-link[b-5ykby02wbx],
.home-secondary-button[b-5ykby02wbx] {
    width: 100%;
}

.home-grid[b-5ykby02wbx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.home-panel[b-5ykby02wbx] {
    padding: 1rem;
}

.panel-heading[b-5ykby02wbx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-heading .home-secondary-button[b-5ykby02wbx] {
    width: auto !important;
    min-width: 110px;
}

.team-score-grid[b-5ykby02wbx],
.mini-stat-grid[b-5ykby02wbx] {
    display: grid;
    gap: 0.65rem;
}

.team-score-grid[b-5ykby02wbx] {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-bottom: 1rem;
}

.mini-stat-grid[b-5ykby02wbx] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.team-score-grid article[b-5ykby02wbx],
.mini-stat-grid article[b-5ykby02wbx],
.register-summary-list article[b-5ykby02wbx],
.recent-log-list article[b-5ykby02wbx] {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    padding: 0.75rem;
}

.team-score-grid span[b-5ykby02wbx],
.mini-stat-grid span[b-5ykby02wbx],
.register-summary-list span[b-5ykby02wbx],
.recent-log-list span[b-5ykby02wbx] {
    color: rgba(255,255,255,0.65);
}

.team-score-grid strong[b-5ykby02wbx],
.mini-stat-grid strong[b-5ykby02wbx],
.register-summary-list strong[b-5ykby02wbx] {
    color: #D5B202;
    display: block;
}

.next-action-list[b-5ykby02wbx],
.register-summary-list[b-5ykby02wbx],
.recent-log-list[b-5ykby02wbx] {
    display: grid;
    gap: 0.65rem;
}

.next-action-list .home-secondary-button[b-5ykby02wbx] {
    justify-content: flex-start !important;
    text-align: left !important;
}

.register-summary-list article[b-5ykby02wbx] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.register-summary-list article > div:last-child[b-5ykby02wbx] {
    text-align: right;
}

.recent-log-list p[b-5ykby02wbx] {
    margin: 0.25rem 0 0;
}

.quick-reference[b-5ykby02wbx] {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.quick-reference details[b-5ykby02wbx] {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    padding: 0.75rem;
}

.quick-reference summary[b-5ykby02wbx] {
    color: #D5B202;
    cursor: pointer;
    font-family: 'Orbitron', Arial, sans-serif;
    font-weight: 900;
}

.quick-reference ul[b-5ykby02wbx] {
    margin: 0.65rem 0 0;
    padding-left: 1.1rem;
}

.quick-reference li[b-5ykby02wbx] {
    margin-bottom: 0.35rem;
}

@media (max-width: 900px) {
    .home-page[b-5ykby02wbx] {
        padding: 1rem;
    }

    .home-hero[b-5ykby02wbx],
    .home-grid[b-5ykby02wbx] {
        grid-template-columns: 1fr;
    }

    .quick-actions[b-5ykby02wbx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .home-page[b-5ykby02wbx] {
        padding: 0.5rem;
    }

    .home-hero[b-5ykby02wbx],
    .home-panel[b-5ykby02wbx],
    .quick-actions[b-5ykby02wbx] {
        padding: 0.85rem;
    }

    .quick-actions[b-5ykby02wbx],
    .mini-stat-grid[b-5ykby02wbx],
    .register-summary-list article[b-5ykby02wbx] {
        grid-template-columns: 1fr;
    }

    .quick-actions[b-5ykby02wbx] {
        gap: 0.55rem;
    }

    .panel-heading[b-5ykby02wbx],
    .register-summary-list article[b-5ykby02wbx] {
        align-items: stretch;
        flex-direction: column;
    }

    .panel-heading .home-secondary-button[b-5ykby02wbx],
    .quick-actions .home-action-button[b-5ykby02wbx],
    .home-primary-link[b-5ykby02wbx] {
        width: 100%;
    }

    .register-summary-list article > div:last-child[b-5ykby02wbx] {
        text-align: left;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-odcc9yb514] {
    min-height: calc(100vh - 90px);
    background: radial-gradient(circle at top, rgba(42, 49, 62, 0.72), #05070d 58%);
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
}


.login-card[b-odcc9yb514] {
    width: 520px;
    padding: 32px;
    background: rgba(5, 10, 25, 0.92);
    border: 1px solid rgba(213,178,2,0.25);
    border-radius: 10px;
    color: white;
}

    .login-card h1[b-odcc9yb514] {
        font-size: 2.2rem;
        margin: 0 0 20px;
        border-bottom: 1px solid rgba(213,178,2,0.35);
        padding-bottom: 8px;
        text-align: center;
    }

.form-row[b-odcc9yb514] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin: 16px 0;
    gap: 0.35rem;
}

    .form-row label[b-odcc9yb514] {
        color: rgba(255,255,255,0.78);
        font-size: 0.82rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

    .form-row input[b-odcc9yb514],
    .form-row select[b-odcc9yb514] {
        background: #111827;
        color: white;
        border: 1px solid rgba(255,255,255,0.18);
        border-radius: 8px;
        padding: 0.65rem 0.75rem;
        min-height: 42px;
        outline: none;
    }

        .form-row input:focus[b-odcc9yb514],
        .form-row select:focus[b-odcc9yb514] {
            border-color: #D5B202;
            box-shadow: 0 0 0 3px rgba(213,178,2,0.16);
        }

.mode-switch[b-odcc9yb514] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.login-card button[b-odcc9yb514] {
    border-radius: 8px;
    font-weight: 800;
    cursor: pointer;
    font: inherit;
}

.mode-switch button[b-odcc9yb514] {
    background: rgba(255,255,255,0.08);
    color: white;
    border: 1px solid rgba(255,255,255,0.16);
    padding: 0.65rem;
}

    .mode-switch button.active[b-odcc9yb514] {
        background: rgba(213,178,2,0.18);
        color: #D5B202;
        border-color: #D5B202;
    }

.primary-button[b-odcc9yb514],
.secondary-button[b-odcc9yb514] {
    width: 100%;
    margin-top: 10px;
    padding: 0.75rem 1rem;
}

.primary-button[b-odcc9yb514] {
    background: #D5B202;
    color: #1B1C1C;
    border: 1px solid #D5B202;
}

.secondary-button[b-odcc9yb514] {
    background: rgba(255,255,255,0.08);
    color: white;
    border: 1px solid rgba(255,255,255,0.18);
}

.primary-button:hover[b-odcc9yb514],
.secondary-button:hover[b-odcc9yb514] {
    filter: brightness(1.08);
}

.login-status[b-odcc9yb514] {
    color: rgba(255,255,255,0.82);
    background: rgba(255,255,255,0.08);
    border-radius: 8px;
    padding: 0.75rem;
}

.error[b-odcc9yb514] {
    color: #ff6b6b;
    font-weight: bold;
}

@media (max-width: 640px) {
    .login-page[b-odcc9yb514] {
        align-items: flex-start;
        min-height: auto;
        padding: 0.75rem;
    }

    .login-card[b-odcc9yb514] {
        width: 100%;
        padding: 1rem;
    }

    .login-card h1[b-odcc9yb514] {
        font-size: 1.45rem;
    }

    .mode-switch[b-odcc9yb514] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/PlayerRegister.razor.rz.scp.css */
.register-builder-header[b-7wc6i02h0p] {
    background: rgba(5, 10, 25, 0.92);
    border: 1px solid rgba(213, 178, 2, 0.22);
    border-radius: 10px;
    color: white;
    margin: 0 2rem 1rem;
    padding: 1rem;
}

.register-builder-header h1[b-7wc6i02h0p] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    margin: 0 0 0.5rem;
}

.register-builder-header p[b-7wc6i02h0p] {
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
}

.builder-layout[b-7wc6i02h0p] {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1.3fr;
    gap: 2rem;
    padding: 2rem;
}

.register-form[b-7wc6i02h0p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 1rem;
    margin: 1rem 2rem 0;
    padding: 1rem;
    background: rgba(5, 10, 25, 0.9);
    border: 1px solid rgba(213,178,2,0.22);
    border-radius: 10px;
}

    .register-form label[b-7wc6i02h0p],
    .unit-name-editor[b-7wc6i02h0p] {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
    }

    .register-form label[b-7wc6i02h0p] {
        color: rgba(255,255,255,0.78);
        font-size: 0.82rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

input[b-7wc6i02h0p],
select[b-7wc6i02h0p] {
    background: #111827;
    color: white;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 8px;
    padding: 0.65rem 0.75rem;
    min-height: 42px;
    outline: none;
}

.form-static[b-7wc6i02h0p] {
    display: inline-flex;
    align-items: center;
    background: #111827;
    color: white;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 8px;
    min-height: 42px;
    padding: 0.65rem 0.75rem;
}

.permission-message[b-7wc6i02h0p] {
    background: rgba(213,178,2,0.12);
    border: 1px solid rgba(213,178,2,0.35);
    border-radius: 8px;
    color: #D5B202;
    font-weight: 800;
    margin: 1rem 2rem;
    padding: 0.85rem 1rem;
}

input:focus[b-7wc6i02h0p],
select:focus[b-7wc6i02h0p] {
    border-color: #D5B202;
    box-shadow: 0 0 0 3px rgba(213,178,2,0.16);
}

.story-arc-panel[b-7wc6i02h0p] {
    display: grid;
    grid-template-columns: minmax(180px, 0.45fr) 1fr;
    gap: 1rem;
    margin: 1rem 2rem 0;
    padding: 1rem;
    color: white;
    background: rgba(5, 10, 25, 0.9);
    border: 1px solid rgba(213,178,2,0.22);
    border-radius: 10px;
}

.story-arc-panel span[b-7wc6i02h0p] {
    color: rgba(255,255,255,0.68);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.story-arc-panel h2[b-7wc6i02h0p] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    margin: 0.2rem 0 0;
}

.story-arc-card[b-7wc6i02h0p],
.story-arc-agenda-card img[b-7wc6i02h0p] {
    width: 100%;
    border: 1px solid rgba(213,178,2,0.26);
    border-radius: 8px;
    background: rgba(0,0,0,0.32);
}

.story-arc-card[b-7wc6i02h0p] {
    margin-top: 0.75rem;
}

.story-arc-agendas[b-7wc6i02h0p] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.story-arc-agenda-card[b-7wc6i02h0p] {
    appearance: none;
    color: white;
    cursor: pointer;
    display: grid;
    gap: 0.25rem;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 8px;
    padding: 0.75rem;
    text-align: left;
}

.story-arc-agenda-card:hover[b-7wc6i02h0p],
.story-arc-agenda-card:focus-visible[b-7wc6i02h0p] {
    border-color: #D5B202;
    outline: none;
    transform: translateY(-1px);
}

.story-arc-agenda-card.reward-side[b-7wc6i02h0p] {
    background: rgba(213,178,2,0.08);
    border-color: rgba(213,178,2,0.46);
}

.story-arc-agendas small[b-7wc6i02h0p] {
    color: rgba(255,255,255,0.68);
    font-weight: 800;
}

.register-resource-bar[b-7wc6i02h0p] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 1rem 2rem 0;
}

.register-resource-bar article[b-7wc6i02h0p] {
    display: grid;
    gap: 0.2rem;
    background: rgba(5, 10, 25, 0.92);
    border: 1px solid rgba(213,178,2,0.22);
    border-radius: 10px;
    color: white;
    padding: 0.85rem 1rem;
}

.register-resource-bar span[b-7wc6i02h0p] {
    color: rgba(255,255,255,0.68);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.register-resource-bar strong[b-7wc6i02h0p] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 1.35rem;
}

.aid-panel[b-7wc6i02h0p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1rem 2rem 0;
    padding: 1rem;
    background: rgba(5, 10, 25, 0.9);
    border: 1px solid rgba(213,178,2,0.22);
    border-radius: 10px;
    color: white;
}

.aid-summary[b-7wc6i02h0p] {
    display: grid;
    gap: 0.6rem;
}

    .aid-summary div[b-7wc6i02h0p] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        background: rgba(255,255,255,0.06);
        border-radius: 8px;
        padding: 0.65rem 0.75rem;
    }

    .aid-summary span[b-7wc6i02h0p],
    .strategic-asset small[b-7wc6i02h0p],
    .aid-request-option small[b-7wc6i02h0p] {
        color: rgba(255,255,255,0.68);
    }

    .aid-summary strong[b-7wc6i02h0p],
    .strategic-assets h2[b-7wc6i02h0p],
    .aid-request-list h2[b-7wc6i02h0p] {
        margin: 0;
    }

.aid-action-btn[b-7wc6i02h0p],
.strategic-asset[b-7wc6i02h0p],
.remove-unit-button[b-7wc6i02h0p] {
    cursor: pointer;
}

.aid-action-btn[b-7wc6i02h0p] {
    background: #D5B202;
    color: #1B1C1C;
    border: 1px solid #D5B202;
    border-radius: 8px;
    font-weight: 900;
    padding: 0.6rem 0.8rem;
    white-space: nowrap;
}

    .aid-action-btn:disabled[b-7wc6i02h0p],
    .strategic-asset:disabled[b-7wc6i02h0p] {
        cursor: not-allowed;
        filter: grayscale(0.7);
        opacity: 0.45;
    }

.strategic-assets[b-7wc6i02h0p] {
    display: grid;
    gap: 0.55rem;
}

.aid-request-list[b-7wc6i02h0p] {
    display: grid;
    gap: 0.55rem;
}

.aid-section-toggle[b-7wc6i02h0p] {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.65rem;
    background: rgba(213,178,2,0.1);
    color: #D5B202;
    border: 1px solid rgba(213,178,2,0.32);
    border-radius: 10px;
    cursor: pointer;
    padding: 0.75rem 0.85rem;
    text-align: left;
}

.aid-section-toggle:hover[b-7wc6i02h0p],
.aid-section-toggle.expanded[b-7wc6i02h0p] {
    background: rgba(213,178,2,0.16);
    border-color: #D5B202;
}

.aid-section-toggle > span[b-7wc6i02h0p] {
    width: 1.4rem;
    height: 1.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #D5B202;
    color: #1B1C1C;
    border-radius: 50%;
    font-weight: 900;
    line-height: 1;
}

.aid-section-toggle small[b-7wc6i02h0p] {
    color: rgba(255,255,255,0.68);
    font-weight: 800;
    text-align: right;
}

.aid-section-content[b-7wc6i02h0p] {
    display: grid;
    gap: 0.55rem;
}

.strategic-asset[b-7wc6i02h0p],
.aid-request-option[b-7wc6i02h0p] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1rem;
    background: #1B1C1C;
    color: white;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 8px;
    padding: 0.6rem 0.7rem;
    text-align: left;
}

    .strategic-asset span:first-child[b-7wc6i02h0p],
    .aid-request-option div[b-7wc6i02h0p] {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
    }

    .strategic-asset.selected[b-7wc6i02h0p] {
        background: rgba(213,178,2,0.16);
        border-color: #D5B202;
    }

.aid-request-option.implemented[b-7wc6i02h0p] {
    border-color: rgba(213,178,2,0.45);
}

.aid-request-option span[b-7wc6i02h0p] {
    color: #D5B202;
    font-weight: 900;
    white-space: nowrap;
}

.aid-inline-action[b-7wc6i02h0p] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) auto;
    gap: 0.5rem;
    align-items: center;
}

.aid-inline-action select[b-7wc6i02h0p] {
    width: 100%;
    color: white;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.24);
    border-radius: 8px;
    padding: 0.55rem 0.65rem;
}

.aid-inline-action select option[b-7wc6i02h0p] {
    color: #1B1C1C;
    background: white;
}

.over-limit[b-7wc6i02h0p] {
    color: #ff7777 !important;
}

button[b-7wc6i02h0p],
.add-button[b-7wc6i02h0p],
.edit-name-button[b-7wc6i02h0p],
.save-register-btn[b-7wc6i02h0p] {
    font: inherit;
}

.unit-options[b-7wc6i02h0p],
.unit-preview[b-7wc6i02h0p],
.register-list[b-7wc6i02h0p] {
    background: rgba(5, 10, 25, 0.9);
    color: white;
    padding: 1.5rem;
    border-radius: 18px;
}

.rank-group[b-7wc6i02h0p] {
    margin-top: 0.75rem;
}

.rank-toggle[b-7wc6i02h0p] {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.65rem;
    background: rgba(213,178,2,0.1);
    color: #D5B202;
    border: 1px solid rgba(213,178,2,0.32);
    border-radius: 10px;
    cursor: pointer;
    padding: 0.75rem 0.85rem;
    text-align: left;
}

    .rank-toggle:hover[b-7wc6i02h0p],
    .rank-toggle.expanded[b-7wc6i02h0p] {
        background: rgba(213,178,2,0.16);
        border-color: #D5B202;
    }

.rank-toggle-icon[b-7wc6i02h0p] {
    width: 1.4rem;
    height: 1.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #D5B202;
    color: #1B1C1C;
    border-radius: 50%;
    font-weight: 900;
    line-height: 1;
}

.rank-title[b-7wc6i02h0p] {
    font-weight: 900;
}

.rank-count[b-7wc6i02h0p] {
    min-width: 2rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.12);
    color: white;
    font-size: 0.78rem;
    font-weight: 800;
    padding: 0.2rem 0.5rem;
    text-align: center;
}

.rank-units[b-7wc6i02h0p] {
    margin-top: 0.75rem;
}

.unit-row[b-7wc6i02h0p],
.register-unit[b-7wc6i02h0p] {
    background: #1B1C1C;
    border-radius: 10px;
    margin-bottom: 0.8rem;
    padding: 0.8rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .unit-row.selected[b-7wc6i02h0p],
    .register-unit.selected[b-7wc6i02h0p] {
        outline: 2px solid #D5B202;
    }

    .unit-row.unavailable[b-7wc6i02h0p] {
        opacity: 0.62;
    }

.unit-info[b-7wc6i02h0p] {
    display: flex;
    flex-direction: column;
}

    .unit-info small[b-7wc6i02h0p],
    .register-unit small[b-7wc6i02h0p] {
        opacity: 0.75;
        font-size: 0.8rem;
    }

.unit-unavailable-reason[b-7wc6i02h0p] {
    color: #ffb4b4;
    font-weight: 800;
    opacity: 1 !important;
}

.add-button[b-7wc6i02h0p] {
    background: #D5B202;
    color: #1B1C1C;
    border: 1px solid #D5B202;
    border-radius: 999px;
    min-width: 32px;
    height: 32px;
    font-weight: 900;
    cursor: pointer;
    padding: 0 0.55rem;
}

    .add-button:disabled[b-7wc6i02h0p] {
        cursor: not-allowed;
        filter: grayscale(0.75);
        opacity: 0.5;
    }

.unit-tag[b-7wc6i02h0p] {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(213,178,2,0.45);
    border-radius: 999px;
    color: #D5B202;
    font-size: 0.7rem;
    font-weight: 900;
    margin-left: 0.35rem;
    padding: 0.08rem 0.4rem;
    text-transform: uppercase;
}

.paragon-tag[b-7wc6i02h0p] {
    border-color: rgba(103, 232, 249, 0.6);
    color: #67e8f9;
}

.unit-preview img[b-7wc6i02h0p],
.preview-card-image[b-7wc6i02h0p] {
    width: 100%;
    border-radius: 14px;
    margin-bottom: 1rem;
    object-fit: contain;
}

.register-unit[b-7wc6i02h0p] {
    flex-direction: column;
    align-items: stretch;
}

    .register-unit input[b-7wc6i02h0p] {
        margin-bottom: 0.5rem;
    }

.register-list-header[b-7wc6i02h0p],
.unit-summary-row[b-7wc6i02h0p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.register-list-header[b-7wc6i02h0p] {
    margin-bottom: 1rem;
}

    .register-list-header h2[b-7wc6i02h0p] {
        margin: 0;
    }

.unit-summary-row[b-7wc6i02h0p] {
    margin-top: 0.35rem;
}

    .unit-summary-row strong[b-7wc6i02h0p] {
        color: #D5B202;
        white-space: nowrap;
    }

.unit-summary-actions[b-7wc6i02h0p] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.unit-progression[b-7wc6i02h0p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(255,255,255,0.12);
}

.unit-progression:has(.paragon-note)[b-7wc6i02h0p] {
    align-items: flex-start;
}

.xp-controls[b-7wc6i02h0p] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

    .xp-controls span[b-7wc6i02h0p],
    .veteran-rank small[b-7wc6i02h0p],
    .commendation-header small[b-7wc6i02h0p],
    .commendations > small[b-7wc6i02h0p] {
        color: rgba(255,255,255,0.68);
    }

    .xp-controls button[b-7wc6i02h0p] {
        width: 28px;
        height: 28px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(213,178,2,0.12);
        color: #D5B202;
        border: 1px solid rgba(213,178,2,0.45);
        border-radius: 50%;
        cursor: pointer;
        font-weight: 900;
    }

.veteran-rank[b-7wc6i02h0p] {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
}

    .veteran-rank span[b-7wc6i02h0p] {
        color: #D5B202;
        font-weight: 900;
    }

.unique-note[b-7wc6i02h0p] {
    color: rgba(255,255,255,0.72);
    font-size: 0.86rem;
}

.paragon-note[b-7wc6i02h0p] {
    color: #67e8f9;
    max-width: 18rem;
}

.defining-trait-note[b-7wc6i02h0p] {
    border-top: 1px solid rgba(103, 232, 249, 0.18);
    color: #67e8f9;
    margin-top: 0.55rem;
    padding-top: 0.55rem;
}

.remove-unit-button[b-7wc6i02h0p] {
    background: rgba(255,255,255,0.06);
    color: white;
    border: 1px solid rgba(255,255,255,0.24);
    border-radius: 7px;
    padding: 0.25rem 0.45rem;
}

.unit-name-display[b-7wc6i02h0p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.unit-title-with-alerts[b-7wc6i02h0p] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    min-width: 0;
}

.unit-alert-icons[b-7wc6i02h0p] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    flex: 0 0 auto;
}

.unit-alert-icons img[b-7wc6i02h0p] {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    object-fit: cover;
}

    .unit-name-display h3[b-7wc6i02h0p] {
        margin: 0;
    }

.edit-name-button[b-7wc6i02h0p] {
    background: rgba(213,178,2,0.08);
    color: #D5B202;
    border: 1px solid #D5B202;
    border-radius: 8px;
    cursor: pointer;
    padding: 0.35rem 0.7rem;
    font-weight: 800;
}

.unit-name-editor[b-7wc6i02h0p] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: stretch;
}

    .unit-name-editor input[b-7wc6i02h0p] {
        margin: 0;
    }

    .unit-name-editor button[b-7wc6i02h0p],
    .save-register-btn[b-7wc6i02h0p] {
        background: #D5B202;
        color: #1B1C1C;
        border: 1px solid #D5B202;
        border-radius: 8px;
        cursor: pointer;
        font-weight: 900;
        padding: 0.65rem 0.9rem;
    }

.save-register-btn[b-7wc6i02h0p] {
    width: 100%;
    margin-top: 1rem;
}

.upgrade-slots[b-7wc6i02h0p] {
    display: flex;
    align-items: stretch;
    gap: 0.45rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    border-top: 1px solid rgba(255,255,255,0.2);
    padding-top: 1rem;
}

.upgrade-slot-button[b-7wc6i02h0p] {
    background: rgba(255,255,255,0.08);
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 0.35rem;
    cursor: pointer;
}

    .upgrade-slot-button.open[b-7wc6i02h0p] {
        border-color: #D5B202;
        box-shadow: 0 0 0 2px rgba(213,178,2,0.16);
    }

    .upgrade-slot-button.filled[b-7wc6i02h0p] {
        background: rgba(213,178,2,0.18);
        border-color: rgba(213,178,2,0.42);
    }

.upgrade-slot-icon[b-7wc6i02h0p] {
    width: 28px;
    height: 28px;
    object-fit: contain;
    filter: brightness(0) invert(1) drop-shadow(0 0 4px rgba(255,255,255,0.35));
    opacity: 0.95;
}

.upgrade-picker[b-7wc6i02h0p] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-top: 0.75rem;
    background: rgba(255,255,255,0.08);
    border-radius: 8px;
    padding: 0.75rem;
}

    .upgrade-picker button[b-7wc6i02h0p],
    .selected-upgrade button[b-7wc6i02h0p] {
        cursor: pointer;
    }

    .upgrade-option[b-7wc6i02h0p] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: stretch;
        gap: 1rem;
        background: #1B1C1C;
        color: white;
        border: 1px solid rgba(255,255,255,0.16);
        border-radius: 8px;
        padding: 0.5rem;
    }

    .upgrade-preview-button[b-7wc6i02h0p] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        background: transparent;
        color: inherit;
        border: 0;
        padding: 0;
        text-align: left;
    }

    .upgrade-add-button[b-7wc6i02h0p] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2rem;
        min-height: 2rem;
        background: #D5B202;
        color: #1B1C1C;
        border: 1px solid #D5B202;
        border-radius: 7px;
        font-weight: 900;
    }

    .upgrade-picker small[b-7wc6i02h0p] {
        color: rgba(255,255,255,0.66);
    }

    .upgrade-option.selected-option[b-7wc6i02h0p] {
        border-color: rgba(103, 232, 249, 0.45);
        color: #67e8f9;
        opacity: 0.78;
    }

    .upgrade-add-button:disabled[b-7wc6i02h0p] {
        cursor: not-allowed;
        filter: grayscale(0.65);
        opacity: 0.45;
    }

.upgrade-option:hover[b-7wc6i02h0p],
.upgrade-option:focus-within[b-7wc6i02h0p],
.edit-name-button:hover[b-7wc6i02h0p],
.selected-upgrade button:hover[b-7wc6i02h0p],
.remove-unit-button:hover[b-7wc6i02h0p] {
    border-color: #D5B202;
    color: #D5B202;
}

.selected-upgrades[b-7wc6i02h0p] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-top: 0.75rem;
}

.selected-upgrade[b-7wc6i02h0p] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 0.6rem;
    background: rgba(213,178,2,0.12);
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    padding: 0.45rem 0.55rem;
}

.selected-upgrade.previewing[b-7wc6i02h0p],
.selected-upgrade:hover[b-7wc6i02h0p] {
    border-color: rgba(213,178,2,0.65);
    box-shadow: 0 0 0 2px rgba(213,178,2,0.12);
}

    .selected-upgrade strong[b-7wc6i02h0p] {
        color: #D5B202;
    }

    .selected-upgrade button[b-7wc6i02h0p] {
        background: transparent;
        color: white;
        border: 1px solid rgba(255,255,255,0.3);
        border-radius: 6px;
        padding: 0.25rem 0.45rem;
    }

.commendations[b-7wc6i02h0p] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.75rem;
    background: rgba(255,255,255,0.06);
    border-radius: 8px;
    padding: 0.75rem;
}

.commendation-header[b-7wc6i02h0p],
.selected-commendation[b-7wc6i02h0p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.selected-commendations[b-7wc6i02h0p] {
    display: grid;
    gap: 0.45rem;
}

.selected-commendation[b-7wc6i02h0p] {
    background: rgba(213,178,2,0.1);
    border-radius: 8px;
    padding: 0.45rem 0.55rem;
}

    .selected-commendation button[b-7wc6i02h0p] {
        background: transparent;
        color: white;
        border: 1px solid rgba(255,255,255,0.3);
        border-radius: 6px;
        cursor: pointer;
        padding: 0.25rem 0.45rem;
    }

.add-button:hover[b-7wc6i02h0p],
.unit-name-editor button:hover[b-7wc6i02h0p],
.save-register-btn:hover[b-7wc6i02h0p],
.aid-action-btn:hover[b-7wc6i02h0p] {
    filter: brightness(1.08);
}

@media (max-width: 1050px) {
    .builder-layout[b-7wc6i02h0p] {
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    .register-form[b-7wc6i02h0p],
    .register-resource-bar[b-7wc6i02h0p],
    .aid-panel[b-7wc6i02h0p],
    .story-arc-panel[b-7wc6i02h0p] {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .aid-panel[b-7wc6i02h0p],
    .story-arc-panel[b-7wc6i02h0p],
    .story-arc-agendas[b-7wc6i02h0p] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .register-builder-header[b-7wc6i02h0p] {
        margin: 0.75rem;
        padding: 0.85rem;
    }

    .builder-layout[b-7wc6i02h0p] {
        gap: 1rem;
        padding: 0.75rem;
    }

    .register-form[b-7wc6i02h0p],
    .register-resource-bar[b-7wc6i02h0p],
    .aid-panel[b-7wc6i02h0p],
    .story-arc-panel[b-7wc6i02h0p] {
        grid-template-columns: 1fr;
        margin: 0.75rem;
        padding: 0.75rem;
    }

    .story-arc-agendas[b-7wc6i02h0p] {
        grid-template-columns: 1fr;
    }

    .unit-options[b-7wc6i02h0p],
    .unit-preview[b-7wc6i02h0p],
    .register-list[b-7wc6i02h0p] {
        border-radius: 10px;
        padding: 0.85rem;
    }

    .register-list-header[b-7wc6i02h0p],
    .unit-summary-row[b-7wc6i02h0p],
    .unit-progression[b-7wc6i02h0p],
    .commendation-header[b-7wc6i02h0p],
    .selected-commendation[b-7wc6i02h0p] {
        align-items: stretch;
        flex-direction: column;
    }

    .unit-summary-actions[b-7wc6i02h0p],
    .xp-controls[b-7wc6i02h0p],
    .veteran-rank[b-7wc6i02h0p] {
        flex-wrap: wrap;
    }

    .unit-name-display[b-7wc6i02h0p],
    .aid-summary div[b-7wc6i02h0p],
    .strategic-asset[b-7wc6i02h0p],
    .aid-request-option[b-7wc6i02h0p],
    .selected-upgrade[b-7wc6i02h0p] {
        grid-template-columns: 1fr;
    }

    .unit-name-display[b-7wc6i02h0p] {
        align-items: flex-start;
    }

    .unit-name-editor[b-7wc6i02h0p],
    .aid-inline-action[b-7wc6i02h0p] {
        grid-template-columns: 1fr;
    }

    .aid-action-btn[b-7wc6i02h0p],
    .remove-unit-button[b-7wc6i02h0p],
    .edit-name-button[b-7wc6i02h0p],
    .unit-name-editor button[b-7wc6i02h0p] {
        width: 100%;
    }

    .permission-message[b-7wc6i02h0p] {
        margin: 0.75rem;
    }
}

@media (max-width: 480px) {
    .register-builder-header[b-7wc6i02h0p],
    .register-form[b-7wc6i02h0p],
    .register-resource-bar[b-7wc6i02h0p],
    .aid-panel[b-7wc6i02h0p],
    .story-arc-panel[b-7wc6i02h0p],
    .permission-message[b-7wc6i02h0p] {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .builder-layout[b-7wc6i02h0p] {
        padding: 0.5rem;
    }

    .unit-row[b-7wc6i02h0p] {
        align-items: stretch;
        gap: 0.65rem;
    }

    .unit-row .add-button[b-7wc6i02h0p] {
        min-width: 40px;
        height: 40px;
    }

    .rank-toggle[b-7wc6i02h0p] {
        padding: 0.65rem 0.7rem;
    }

    .upgrade-option[b-7wc6i02h0p] {
        gap: 0.6rem;
        grid-template-columns: minmax(0, 1fr) 2.4rem;
    }

    .upgrade-add-button[b-7wc6i02h0p] {
        width: 2.4rem;
    }
}
/* /Components/Pages/Registers.razor.rz.scp.css */
.register-header[b-4vk6kvkezm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    background: rgba(5, 10, 25, 0.92);
    border: 1px solid rgba(213, 178, 2, 0.22);
    border-radius: 10px;
    color: white;
    margin-bottom: 1.5rem;
    padding: 1rem;
}

.register-header h1[b-4vk6kvkezm] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    margin: 0 0 0.5rem;
}

.register-header p[b-4vk6kvkezm] {
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
}

.create-register-btn[b-4vk6kvkezm] {
    color: #1B1C1C !important;
    background: #D5B202;
    border: 2px solid #1B1C1C;
    border-radius: 10px;
    box-shadow: 5px 5px 0 #7A6500;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.7rem 1rem;
    font-family: 'Orbitron', Arial, sans-serif;
    font-weight: 900;
    line-height: 1;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.create-register-btn:hover[b-4vk6kvkezm],
.create-register-btn:focus-visible[b-4vk6kvkezm] {
    color: #1B1C1C !important;
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow: 7px 7px 0 #7A6500;
    outline: none;
}

.register-grid[b-4vk6kvkezm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.register-card[b-4vk6kvkezm] {
    background: rgba(5, 10, 25, 0.9);
    color: white;
    border: 1px solid rgba(213,178,2,0.18);
    border-radius: 10px;
    overflow: hidden;
}

.register-card-summary[b-4vk6kvkezm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    cursor: pointer;
    list-style: none;
    padding: 1rem;
}

.register-card-summary[b-4vk6kvkezm]::-webkit-details-marker {
    display: none;
}

.register-card-summary h2[b-4vk6kvkezm] {
    min-width: 0;
    margin: 0;
    color: #D5B202;
    overflow-wrap: anywhere;
}

.register-card-summary > div[b-4vk6kvkezm] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.register-alert-icons[b-4vk6kvkezm],
.unit-alert-icons[b-4vk6kvkezm] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

    .register-alert-icons img[b-4vk6kvkezm],
    .unit-alert-icons img[b-4vk6kvkezm] {
        width: 24px;
        height: 24px;
        object-fit: contain;
        border-radius: 0;
        background: transparent;
        display: block;
    }
.register-card-summary > span[b-4vk6kvkezm] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: rgba(255,255,255,0.68);
    flex: 0 0 auto;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.register-card-summary > span[b-4vk6kvkezm]::after {
    content: "+";
    color: #D5B202;
    font-size: 1.1rem;
    line-height: 1;
}

.register-card[open] .register-card-summary[b-4vk6kvkezm] {
    border-bottom: 1px solid rgba(213,178,2,0.18);
}

.register-card[open] .register-card-summary > span[b-4vk6kvkezm]::after {
    content: "-";
}

.register-card-summary:hover[b-4vk6kvkezm],
.register-card-summary:focus-visible[b-4vk6kvkezm] {
    background: rgba(213,178,2,0.08);
    outline: none;
}

.register-card-body[b-4vk6kvkezm] {
    padding: 1rem;
}

.register-card-body > p[b-4vk6kvkezm] {
    margin: 0 0 0.2rem;
    color: rgba(255,255,255,0.86);
    font-weight: 900;
}

.register-card-body > small[b-4vk6kvkezm] {
    display: block;
    color: rgba(255,255,255,0.62);
}

    .register-card dl[b-4vk6kvkezm] {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 0.35rem 0.75rem;
        margin: 1rem 0;
    }

    .register-card dt[b-4vk6kvkezm] {
        opacity: 0.7;
    }

    .register-card dd[b-4vk6kvkezm] {
        margin: 0;
    }

.strategic-assets-list[b-4vk6kvkezm],
.paragon-list[b-4vk6kvkezm],
.unique-units-list[b-4vk6kvkezm],
.setbacks-list[b-4vk6kvkezm] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    background: rgba(213,178,2,0.1);
    border: 1px solid rgba(213,178,2,0.22);
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: 0.65rem 0.75rem;
}

    .strategic-assets-list strong[b-4vk6kvkezm],
    .paragon-list strong[b-4vk6kvkezm],
    .unique-units-list strong[b-4vk6kvkezm],
    .setbacks-list strong[b-4vk6kvkezm] {
        color: #D5B202;
    }

    .strategic-assets-list span[b-4vk6kvkezm],
    .paragon-list span[b-4vk6kvkezm],
    .unique-units-list span[b-4vk6kvkezm],
    .setbacks-list span[b-4vk6kvkezm] {
        color: rgba(255,255,255,0.78);
        font-size: 0.9rem;
}

.setbacks-list[b-4vk6kvkezm] {
    background: rgba(255, 120, 120, 0.08);
    border-color: rgba(255, 120, 120, 0.28);
}

.paragon-list[b-4vk6kvkezm] {
    background: rgba(103, 232, 249, 0.08);
    border-color: rgba(103, 232, 249, 0.28);
}

.paragon-list strong[b-4vk6kvkezm] {
    color: #67e8f9;
}

.register-card-actions[b-4vk6kvkezm] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.build-army-list-btn[b-4vk6kvkezm],
.delete-register-btn[b-4vk6kvkezm] {
    appearance: none;
    background: #D5B202;
    border: 2px solid #1B1C1C;
    border-radius: 10px;
    box-shadow: 5px 5px 0 #7A6500;
    box-sizing: border-box;
    color: #1B1C1C !important;
    cursor: pointer;
    font-family: 'Orbitron', Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 900;
    min-height: 44px;
    line-height: 1;
    padding: 0.65rem 0.8rem;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
    width: 100%;
}

.build-army-list-btn:hover[b-4vk6kvkezm],
.build-army-list-btn:focus-visible[b-4vk6kvkezm],
.delete-register-btn:hover[b-4vk6kvkezm],
.delete-register-btn:focus-visible[b-4vk6kvkezm] {
    color: #1B1C1C !important;
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow: 7px 7px 0 #7A6500;
    outline: none;
}

.delete-register-btn[b-4vk6kvkezm] {
    background: #ff5f56;
    box-shadow: 5px 5px 0 #7a2020;
}

.delete-register-btn:hover[b-4vk6kvkezm],
.delete-register-btn:focus-visible[b-4vk6kvkezm] {
    box-shadow: 7px 7px 0 #7a2020;
}

.edit-register-btn[b-4vk6kvkezm] {
    appearance: none;
    background: rgba(5, 10, 25, 0.92) !important;
    border: 2px solid rgba(213,178,2,0.72) !important;
    border-radius: 10px;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.72);
    box-sizing: border-box;
    color: #D5B202 !important;
    cursor: pointer;
    font-family: 'Orbitron', Arial, sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 900 !important;
    min-height: 44px;
    line-height: 1;
    padding: 0.65rem 0.8rem;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    width: 100%;
}

.view-only-register[b-4vk6kvkezm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 8px;
    color: rgba(255,255,255,0.62);
    font-weight: 900;
    padding: 0.55rem 0.95rem;
}

.edit-register-btn:hover[b-4vk6kvkezm],
.edit-register-btn:focus-visible[b-4vk6kvkezm] {
    background: rgba(213,178,2,0.14) !important;
    color: white !important;
    border-color: #D5B202 !important;
    transform: translateY(-2px);
    box-shadow: 7px 7px 0 rgba(0,0,0,0.72);
    outline: none;
}

.empty-registers[b-4vk6kvkezm] {
    background: rgba(5, 10, 25, 0.9);
    color: rgba(255,255,255,0.75);
    border: 1px solid rgba(213,178,2,0.18);
    border-radius: 10px;
    padding: 1rem;
    margin-top: 1.5rem;
}

.register-message[b-4vk6kvkezm] {
    background: rgba(5, 10, 25, 0.9);
    border: 1px solid rgba(213,178,2,0.28);
    border-radius: 8px;
    color: #D5B202;
    font-weight: 900;
    margin: 0 0 1rem;
    padding: 0.75rem 0.9rem;
}

@media (max-width: 640px) {
    .register-header[b-4vk6kvkezm] {
        align-items: stretch;
        flex-direction: column;
        margin-bottom: 1rem;
        padding: 0.85rem;
    }

    .register-grid[b-4vk6kvkezm] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        margin-top: 1rem;
    }

    .register-card dl[b-4vk6kvkezm],
    .register-card-actions[b-4vk6kvkezm] {
        grid-template-columns: 1fr;
    }

    .register-card[b-4vk6kvkezm] {
        border-radius: 8px;
    }

    .register-card-summary[b-4vk6kvkezm],
    .register-card-body[b-4vk6kvkezm] {
        padding: 0.85rem;
    }
}

@media (max-width: 480px) {
    .register-card dl[b-4vk6kvkezm] {
        gap: 0.25rem;
    }

    .strategic-assets-list[b-4vk6kvkezm],
    .paragon-list[b-4vk6kvkezm],
    .unique-units-list[b-4vk6kvkezm],
    .setbacks-list[b-4vk6kvkezm] {
        padding: 0.55rem 0.6rem;
    }
}
/* /Components/Pages/Rulebook.razor.rz.scp.css */
.rulebook-page[b-vcmh241xp6] {
    color: white;
    padding: 2rem;
}

.rulebook-header[b-vcmh241xp6] {
    background: rgba(5, 10, 25, 0.92);
    border: 1px solid rgba(213, 178, 2, 0.22);
    border-radius: 10px;
    color: white;
    margin-bottom: 1rem;
    padding: 1rem;
}

.rulebook-header h1[b-vcmh241xp6] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    margin: 0 0 0.5rem;
}

.rulebook-header p[b-vcmh241xp6] {
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
}

.rulebook-actions[b-vcmh241xp6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.pdf-button[b-vcmh241xp6] {
    background: #D5B202;
    color: #1B1C1C;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-weight: 900;
    cursor: pointer;
}

.download-button[b-vcmh241xp6] {
    background: #D5B202;
    color: #1B1C1C;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 900;
}

.pdf-container[b-vcmh241xp6] {
    margin-top: 20px;
}

.pdf-container iframe[b-vcmh241xp6] {
    width: 100%;
    min-height: 75vh;
    border: 1px solid rgba(213, 178, 2, 0.22);
    border-radius: 10px;
    background: rgba(5, 10, 25, 0.92);
}

@media (max-width: 640px) {
    .rulebook-page[b-vcmh241xp6] {
        padding: 0.75rem;
    }

    .rulebook-actions[b-vcmh241xp6],
    .pdf-button[b-vcmh241xp6],
    .download-button[b-vcmh241xp6] {
        width: 100%;
    }

    .pdf-button[b-vcmh241xp6],
    .download-button[b-vcmh241xp6] {
        display: inline-flex;
        justify-content: center;
    }

    .pdf-container iframe[b-vcmh241xp6] {
        min-height: 62vh;
    }
}
/* /Components/Pages/Sectors.razor.rz.scp.css */
.sectors-page[b-qyw7k1a04a] {
    position: relative;
    min-height: calc(100vh - 90px);
    padding: 2rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 520px));
    gap: 38px;
    justify-content: center;
    background: radial-gradient(circle at top, rgba(42, 49, 62, 0.72), #05070d 58%);
    background-attachment: fixed;
}

    .sectors-page[b-qyw7k1a04a]::before {
        content: none;
    }
    .sectors-page > *[b-qyw7k1a04a] {
    position: relative;
    z-index: 1;
}

.sector-card[b-qyw7k1a04a] {
    width: 100%;
    max-width: 520px;
}

.sectors-header[b-qyw7k1a04a],
.sectors-empty[b-qyw7k1a04a] {
    background: rgba(5, 10, 25, 0.92);
    border: 1px solid rgba(213, 178, 2, 0.22);
    border-radius: 10px;
    color: white;
    grid-column: 1 / -1;
    padding: 1rem;
}

.sectors-header h1[b-qyw7k1a04a],
.sectors-empty h2[b-qyw7k1a04a] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    margin: 0 0 0.5rem;
}

.sectors-header p[b-qyw7k1a04a],
.sectors-empty p[b-qyw7k1a04a] {
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
}

.sector-header[b-qyw7k1a04a] {
    width: 100%;
    background: rgba(5, 10, 25, 0.92);
    color: #D5B202;
    border: 1px solid rgba(213,178,2,0.35);
    border-radius: 10px;
    padding: 8px 18px;
    font-size: 2rem;
    font-weight: 900;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    box-shadow: 8px 8px 0 rgba(0,0,0,0.72);
}

    .sector-header:hover[b-qyw7k1a04a] {
        transform: translateY(-2px);
        box-shadow: 10px 10px 0 rgba(0,0,0,0.72);
        color: white;
    }

.sector-content[b-qyw7k1a04a] {
    margin-top: 22px;
}

.planet-card[b-qyw7k1a04a] {
    margin-bottom: 18px;
}

.planet-header[b-qyw7k1a04a] {
    width: min(100%, 220px);
    background: rgba(5, 10, 25, 0.92);
    color: #D5B202;
    border: 1px solid rgba(213,178,2,0.28);
    border-radius: 8px;
    padding: 2px 10px;
    font-size: 1.1rem;
    font-weight: 900;
    display: flex;
    justify-content: space-between;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.72);
}

@media (max-width: 640px) {
    .sectors-page[b-qyw7k1a04a] {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 0.75rem;
    }

    .sector-header[b-qyw7k1a04a] {
        font-size: 1.2rem;
        padding: 0.75rem;
    }

    .sector-content[b-qyw7k1a04a] {
        margin-top: 1rem;
    }

    .planet-header[b-qyw7k1a04a] {
        width: 100%;
        min-height: 40px;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .sectors-page[b-qyw7k1a04a] {
        padding: 0.5rem;
    }

    .sectors-header[b-qyw7k1a04a],
    .sectors-empty[b-qyw7k1a04a] {
        padding: 0.85rem;
    }

    .sector-header[b-qyw7k1a04a] {
        box-shadow: none;
    }
}
    .planet-header:hover[b-qyw7k1a04a] {
        transform: translateY(-1px);
        box-shadow: 6px 6px 0 rgba(0,0,0,0.72);
        color: white;
    }

.planet-card p[b-qyw7k1a04a] {
    margin: 10px 0;
    font-weight: 800;
    color: white;
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-header[b-m1hm24jo18],
.settings-panel[b-m1hm24jo18],
.settings-empty[b-m1hm24jo18],
.settings-message[b-m1hm24jo18] {
    background: rgba(5, 10, 25, 0.92);
    border: 1px solid rgba(213, 178, 2, 0.22);
    border-radius: 10px;
    color: white;
    margin: 2rem;
    padding: 1rem;
}

.settings-header h1[b-m1hm24jo18],
.settings-panel-heading h2[b-m1hm24jo18] {
    color: #D5B202;
    font-family: 'Orbitron', Arial, sans-serif;
    margin: 0;
}

.settings-header p[b-m1hm24jo18],
.settings-panel-heading p[b-m1hm24jo18],
.settings-empty p[b-m1hm24jo18] {
    color: rgba(255, 255, 255, 0.72);
    margin: 0.4rem 0 0;
}

.settings-message[b-m1hm24jo18] {
    color: #D5B202;
    font-weight: 900;
    margin-bottom: 1rem;
}

.settings-panel[b-m1hm24jo18] {
    display: grid;
    gap: 1rem;
}

.settings-panel-heading[b-m1hm24jo18] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.settings-panel-heading span[b-m1hm24jo18] {
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.settings-panel-heading p[b-m1hm24jo18] {
    text-align: right;
}

.team-settings-list[b-m1hm24jo18] {
    display: grid;
    gap: 0.75rem;
}

.team-settings-row[b-m1hm24jo18] {
    align-items: center;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(180px, 0.7fr) minmax(220px, 1fr) auto;
    padding: 0.85rem;
}

.planet-control-setting-row[b-m1hm24jo18] {
    align-items: center;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(180px, 0.7fr) minmax(120px, 180px) auto;
    padding: 0.85rem;
}

.team-marker-row[b-m1hm24jo18] {
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(180px, 0.7fr) minmax(260px, 1fr);
    padding: 0.85rem;
}

.team-color-row[b-m1hm24jo18] {
    align-items: center;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(180px, 0.7fr) minmax(260px, 1fr);
    padding: 0.85rem;
}

.team-color-controls[b-m1hm24jo18] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto 80px auto;
    justify-content: start;
}

.team-color-preview[b-m1hm24jo18] {
    width: 2.2rem;
    height: 2.2rem;
    background: var(--team-color);
    border: 2px solid rgba(255, 255, 255, 0.34);
    border-radius: 50%;
    box-shadow: 0 0 14px var(--team-color);
}

.team-color-controls input[type="color"][b-m1hm24jo18] {
    width: 4.5rem;
    height: 2.5rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    cursor: pointer;
    padding: 0.2rem;
}

.marker-choice-grid[b-m1hm24jo18] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.marker-choice[b-m1hm24jo18] {
    align-items: center;
    background: rgba(5, 10, 25, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    color: white;
    cursor: pointer;
    display: grid;
    gap: 0.25rem;
    justify-items: center;
    min-width: 4.4rem;
    padding: 0.45rem;
}

.marker-choice.selected[b-m1hm24jo18] {
    border-color: #D5B202;
    box-shadow: 0 0 0 2px rgba(213, 178, 2, 0.22);
}

.marker-choice img[b-m1hm24jo18] {
    height: 2.8rem;
    object-fit: contain;
    width: 2.8rem;
}

.marker-choice span[b-m1hm24jo18] {
    font-size: 0.68rem;
    font-weight: 900;
}

.settings-danger-panel[b-m1hm24jo18] {
    border-color: rgba(255, 75, 75, 0.45);
}

.settings-danger-panel .settings-panel-heading h2[b-m1hm24jo18] {
    color: #ff6961;
}

.delete-campaign-row[b-m1hm24jo18] {
    align-items: center;
    background: rgba(255, 75, 75, 0.08);
    border: 1px solid rgba(255, 75, 75, 0.28);
    border-radius: 8px;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(180px, 0.7fr) minmax(220px, 1fr) auto;
    padding: 0.85rem;
}

.team-settings-row strong[b-m1hm24jo18],
.planet-control-setting-row strong[b-m1hm24jo18],
.team-marker-row strong[b-m1hm24jo18],
.team-color-row strong[b-m1hm24jo18],
.delete-campaign-row strong[b-m1hm24jo18] {
    color: white;
    display: block;
    font-family: 'Orbitron', Arial, sans-serif;
}

.team-settings-row small[b-m1hm24jo18],
.planet-control-setting-row small[b-m1hm24jo18],
.team-marker-row small[b-m1hm24jo18],
.team-color-row small[b-m1hm24jo18],
.delete-campaign-row small[b-m1hm24jo18] {
    color: rgba(255, 255, 255, 0.62);
    font-weight: 800;
}

.team-settings-row input[b-m1hm24jo18],
.planet-control-setting-row input[b-m1hm24jo18],
.delete-campaign-row input[b-m1hm24jo18] {
    width: 100%;
    color: white;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    padding: 0.7rem 0.75rem;
}

.team-settings-row button[b-m1hm24jo18],
.planet-control-setting-row button[b-m1hm24jo18],
.team-color-controls button[b-m1hm24jo18],
.delete-campaign-row button[b-m1hm24jo18],
.settings-empty a[b-m1hm24jo18] {
    align-items: center;
    background: #D5B202;
    border: 2px solid #1B1C1C;
    border-radius: 8px;
    box-shadow: 4px 4px 0 #7A6500;
    color: #1B1C1C !important;
    cursor: pointer;
    display: inline-flex;
    font-family: 'Orbitron', Arial, sans-serif;
    font-weight: 900;
    justify-content: center;
    min-height: 40px;
    padding: 0.65rem 0.8rem;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.team-settings-row button:hover[b-m1hm24jo18],
.team-settings-row button:focus-visible[b-m1hm24jo18],
.planet-control-setting-row button:hover[b-m1hm24jo18],
.planet-control-setting-row button:focus-visible[b-m1hm24jo18],
.team-color-controls button:hover[b-m1hm24jo18],
.team-color-controls button:focus-visible[b-m1hm24jo18],
.delete-campaign-row button:hover[b-m1hm24jo18],
.delete-campaign-row button:focus-visible[b-m1hm24jo18],
.settings-empty a:hover[b-m1hm24jo18],
.settings-empty a:focus-visible[b-m1hm24jo18] {
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow: 6px 6px 0 #7A6500;
    outline: none;
}

.delete-campaign-row .delete-campaign-button[b-m1hm24jo18] {
    background: #ff6961;
    box-shadow: 4px 4px 0 #7a1b16;
}

.delete-campaign-row .delete-campaign-button:hover[b-m1hm24jo18],
.delete-campaign-row .delete-campaign-button:focus-visible[b-m1hm24jo18] {
    box-shadow: 6px 6px 0 #7a1b16;
}

.delete-campaign-row button:disabled[b-m1hm24jo18] {
    cursor: not-allowed;
    filter: grayscale(0.5) opacity(0.55);
    transform: none;
}

@media (max-width: 760px) {
    .settings-header[b-m1hm24jo18],
    .settings-panel[b-m1hm24jo18],
    .settings-empty[b-m1hm24jo18],
    .settings-message[b-m1hm24jo18] {
        margin: 0.75rem;
    }

    .settings-panel-heading[b-m1hm24jo18] {
        align-items: stretch;
        flex-direction: column;
    }

    .settings-panel-heading p[b-m1hm24jo18] {
        text-align: left;
    }

    .team-settings-row[b-m1hm24jo18],
    .planet-control-setting-row[b-m1hm24jo18],
    .team-marker-row[b-m1hm24jo18],
    .team-color-row[b-m1hm24jo18],
    .delete-campaign-row[b-m1hm24jo18] {
        grid-template-columns: 1fr;
    }

    .team-color-controls[b-m1hm24jo18] {
        grid-template-columns: auto 1fr;
    }

    .team-color-controls button[b-m1hm24jo18] {
        grid-column: 1 / -1;
    }
}