.legacy-page-shell {
    --legacy-panel-bg: rgba(10, 14, 22, 0.88);
    --legacy-surface: rgba(255, 255, 255, 0.04);
    --legacy-border: rgba(255, 255, 255, 0.08);
    --legacy-text: #edf2ff;
    --legacy-text-dim: rgba(237, 242, 255, 0.72);
    --legacy-accent: #d4af37;
    --legacy-accent-2: #4cc9f0;
    color: var(--legacy-text);
}

.legacy-page-hero,
.legacy-panel,
.legacy-side-panel,
.legacy-stat-card,
.legacy-action-card,
.legacy-download-card,
.legacy-news-card,
.legacy-news-featured,
.legacy-rank-tab,
.legacy-pagination__link,
.legacy-filter-bar,
.legacy-empty {
    border: 1px solid var(--legacy-border);
    background: linear-gradient(180deg, var(--legacy-surface), var(--legacy-panel-bg));
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

.legacy-page-shell a { color: inherit; }

.legacy-page-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(240px, 0.8fr);
    gap: 1.2rem;
    padding: 1.5rem;
    margin-bottom: 1.2rem;
    border-radius: 22px;
}

.legacy-kicker {
    color: var(--legacy-accent);
    text-transform: uppercase;
    letter-spacing: 0.22em;
    font-size: 0.72rem;
    font-weight: 700;
}

.legacy-page-hero__copy h1 {
    margin: 0.45rem 0 0.6rem;
    font-size: clamp(1.8rem, 2vw, 2.7rem);
    line-height: 1.05;
}

.legacy-page-hero__copy p,
.legacy-side-row span,
.legacy-download-card p,
.legacy-news-card p,
.legacy-news-featured p,
.legacy-prose {
    color: var(--legacy-text-dim);
}

.legacy-page-hero__stats,
.legacy-sidebar-cards,
.legacy-form,
.legacy-form-grid,
.legacy-action-grid,
.legacy-page-grid,
.legacy-download-grid,
.legacy-news-grid,
.legacy-rank-tabs {
    display: grid;
    gap: 0.9rem;
}

.legacy-page-hero__brand img {
    display: block;
    max-width: 100%;
    max-height: 150px;
    object-fit: contain;
    margin-left: auto;
    filter: drop-shadow(0 12px 30px rgba(0, 0, 0, 0.35));
}

.legacy-page-grid { grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.75fr); }
.legacy-page-grid--auth { grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.7fr); }

.legacy-stat-card,
.legacy-action-card,
.legacy-download-card,
.legacy-news-card,
.legacy-news-featured,
.legacy-panel,
.legacy-side-panel,
.legacy-filter-bar,
.legacy-empty {
    border-radius: 18px;
    padding: 1rem;
}

.legacy-stat-card strong,
.legacy-action-card strong,
.legacy-group h3,
.legacy-news-card__cat,
.legacy-news-featured__meta,
.legacy-download-card__meta span,
.legacy-download-card__cta,
.legacy-rank-table thead th {
    color: var(--legacy-accent);
}

.legacy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 1rem;
    border-radius: 999px;
    border: 1px solid var(--legacy-border);
    text-transform: uppercase;
    font-size: 0.76rem;
    letter-spacing: 0.12em;
    font-weight: 700;
    text-decoration: none;
}

.legacy-btn--primary {
    background: linear-gradient(180deg, color-mix(in srgb, var(--legacy-accent) 18%, transparent), color-mix(in srgb, var(--legacy-accent-2) 16%, transparent));
}

.legacy-hero-actions,
.legacy-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.legacy-form-grid--two,
.legacy-spec-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.legacy-field {
    display: grid;
    gap: 0.45rem;
}

.legacy-field input,
.legacy-filter-bar select {
    min-height: 46px;
    padding: 0 0.95rem;
    border-radius: 14px;
    border: 1px solid var(--legacy-border);
    background: rgba(0, 0, 0, 0.22);
    color: var(--legacy-text);
}

.legacy-side-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.7rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    text-decoration: none;
}

.legacy-side-row:first-of-type { border-top: 0; padding-top: 0; }

.legacy-side-panel + .legacy-side-panel {
    margin-top: 0.9rem;
}

.legacy-mini-list,
.legacy-link-list {
    margin: 0;
    padding-left: 1rem;
}

.legacy-action-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 1.2rem; }
.legacy-download-grid,
.legacy-news-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }

.legacy-download-card__meta,
.legacy-news-featured__meta {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.72rem;
    font-weight: 700;
}

.legacy-rank-tabs { grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); margin-bottom: 1rem; }

.legacy-rank-tab,
.legacy-pagination__link,
.legacy-pagination__ellipsis {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    min-width: 42px;
    border-radius: 12px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.76rem;
    font-weight: 700;
}

.legacy-rank-tab.is-active,
.legacy-pagination__link.is-active {
    color: #0b0d12;
    background: linear-gradient(180deg, color-mix(in srgb, var(--legacy-accent) 92%, white 8%), color-mix(in srgb, var(--legacy-accent-2) 38%, var(--legacy-accent) 62%));
}

.legacy-table-wrap { overflow-x: auto; }

.legacy-rank-table {
    width: 100%;
    border-collapse: collapse;
}

.legacy-rank-table th,
.legacy-rank-table td {
    padding: 0.9rem 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.legacy-rank-class {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.legacy-rank-class img {
    width: 26px;
    height: 26px;
}

.legacy-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    min-height: 28px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 0.72rem;
    text-transform: uppercase;
    color: var(--legacy-text-dim);
}

.legacy-status.is-online {
    color: var(--legacy-accent-2);
    border-color: color-mix(in srgb, var(--legacy-accent-2) 58%, transparent);
}

.legacy-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

@media (max-width: 980px) {
    .legacy-page-hero,
    .legacy-page-grid,
    .legacy-page-grid--auth,
    .legacy-action-grid,
    .legacy-form-grid--two,
    .legacy-spec-grid {
        grid-template-columns: 1fr;
    }
}