.mod-installer-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex-basis: 100%;
    gap: 12px;
    margin-top: 3px;
}

.mod-installer-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 2.9rem auto auto;
    gap: 14px;
    align-items: center;
    align-content: start;
    min-width: 0;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    background: linear-gradient(145deg, rgba(10, 15, 24, 0.84), rgba(4, 8, 14, 0.72));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.025), 0 16px 40px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(14px);
}

.mod-installer-card-official {
    border-color: rgba(112, 184, 216, 0.24);
    background:
        linear-gradient(145deg, rgba(23, 53, 69, 0.3), rgba(4, 10, 17, 0.78)),
        rgba(5, 10, 17, 0.76);
}

.mod-installer-card-manual {
    grid-column: 1 / -1;
    grid-template-rows: auto auto;
    gap: 18px;
    border-color: rgba(216, 184, 115, 0.24);
    background:
        linear-gradient(145deg, rgba(57, 42, 21, 0.24), rgba(4, 9, 16, 0.8)),
        rgba(5, 10, 17, 0.76);
}

.mod-manual-heading {
    display: grid;
    gap: 14px;
}

.mod-manual-heading > div:first-child {
    display: grid;
    gap: 7px;
}

.mod-manual-heading .mod-installer-label,
.mod-manual-heading .mod-installer-description {
    grid-column: auto;
    grid-row: auto;
    margin: 0;
}

.mod-manual-files {
    display: grid;
    grid-template-columns: minmax(230px, 1fr) minmax(150px, 0.58fr) minmax(230px, 1fr) minmax(150px, 0.58fr);
    gap: 10px 14px;
    align-items: center;
}

.mod-manual-files > .mod-launcher-download,
.mod-manual-files > .mod-launcher-integrity {
    grid-row: auto;
}

.mod-manual-guide {
    padding: 15px 17px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(3, 7, 13, 0.56);
    color: rgba(232, 237, 246, 0.74);
    font-size: 0.72rem;
    line-height: 1.55;
}

.mod-manual-guide > strong {
    display: block;
    margin-bottom: 7px;
    color: #ffe2a1;
    font-size: 0.76rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mod-manual-guide ol {
    display: grid;
    gap: 4px;
    margin: 0;
    padding-left: 20px;
}

.mod-manual-guide p {
    margin: 10px 0 0;
    color: rgba(204, 239, 255, 0.7);
}

.mod-manual-guide code,
.mod-manual-guide kbd {
    padding: 2px 5px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.055);
    color: #f4f7fb;
    font: inherit;
    font-weight: 800;
}

.mod-installer-label {
    grid-column: 1 / -1;
    grid-row: 1;
    color: rgba(239, 243, 249, 0.72);
    font-size: 0.63rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.mod-installer-description {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: -7px;
    color: rgba(225, 235, 244, 0.58);
    font-size: 0.71rem;
    line-height: 1.45;
}

.mod-installer-card > .mod-launcher-download {
    grid-row: 3;
}

.mod-installer-card > .mod-launcher-integrity {
    grid-row: 4;
}

.mod-installer-card .mod-launcher-integrity {
    max-width: none;
}

.mod-hero-actions .btn.mod-launcher-download {
    min-width: 148px;
    padding-inline: 20px;
    border-color: rgba(216, 184, 115, 0.58);
    color: #ffe2a1;
    background:
        linear-gradient(135deg, rgba(216, 184, 115, 0.18), rgba(116, 82, 32, 0.12)),
        rgba(6, 10, 17, 0.72);
    box-shadow: inset 0 0 0 1px rgba(255, 231, 176, 0.04), 0 15px 36px rgba(0, 0, 0, 0.2);
    font-size: 0.76rem;
    letter-spacing: 0.08em;
    line-height: 1;
    white-space: nowrap;
}

.mod-hero-actions .btn.mod-official-download {
    border-color: rgba(112, 184, 216, 0.58);
    color: #ccefff;
    background:
        linear-gradient(135deg, rgba(72, 154, 193, 0.22), rgba(24, 82, 112, 0.14)),
        rgba(6, 12, 19, 0.76);
}

.mod-hero-actions a.mod-launcher-download.mod-official-download:hover {
    border-color: rgba(156, 222, 255, 0.9);
    color: #effaff;
    background:
        linear-gradient(135deg, rgba(72, 154, 193, 0.34), rgba(24, 82, 112, 0.2)),
        rgba(8, 16, 25, 0.86);
    box-shadow: inset 0 0 0 1px rgba(196, 236, 255, 0.08), 0 18px 42px rgba(44, 147, 197, 0.13);
}

.mod-hero-actions .mod-launcher-download::before {
    content: "↓";
    color: #ffd477;
    font-size: 1.05rem;
    line-height: 0;
    transform: translateY(-1px);
}

.mod-hero-actions a.mod-launcher-download:hover {
    border-color: rgba(255, 219, 135, 0.92);
    color: #fff5dc;
    background:
        linear-gradient(135deg, rgba(216, 184, 115, 0.3), rgba(116, 82, 32, 0.18)),
        rgba(8, 13, 21, 0.82);
    box-shadow: inset 0 0 0 1px rgba(255, 231, 176, 0.08), 0 18px 42px rgba(216, 184, 115, 0.13);
}

.mod-hero-actions .mod-launcher-download.is-disabled {
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.035);
    box-shadow: none;
    cursor: not-allowed;
    transform: none;
}

.mod-hero-actions .mod-launcher-download.is-disabled::before {
    color: rgba(255, 255, 255, 0.28);
}

.mod-launcher-integrity {
    display: grid;
    gap: 3px;
    align-content: center;
    max-width: 220px;
    color: rgba(232, 237, 246, 0.72);
}

.mod-launcher-integrity small {
    color: #ffe2a1;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mod-launcher-integrity code {
    overflow: hidden;
    color: rgba(232, 237, 246, 0.58);
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mod-launcher-account-note {
    color: rgba(255, 224, 154, 0.78);
    font-size: 0.68rem;
    line-height: 1.35;
}

@media (max-width: 560px) {
    .mod-installer-options,
    .mod-installer-card {
        grid-template-columns: 1fr;
    }

    .mod-hero-actions .btn.mod-launcher-download {
        min-width: 0;
    }
}

@media (max-width: 1040px) {
    .mod-installer-options {
        grid-template-columns: 1fr;
        max-width: 680px;
    }

    .mod-installer-card {
        grid-template-rows: auto auto auto auto;
    }

    .mod-installer-card-manual {
        grid-template-rows: auto auto;
    }

    .mod-manual-files {
        grid-template-columns: minmax(220px, 1fr) minmax(150px, 0.58fr);
    }
}

@media (max-width: 620px) {
    .mod-manual-files {
        grid-template-columns: 1fr;
    }

    .mod-manual-files > .mod-launcher-integrity {
        margin: -4px 0 8px;
    }
}