/* StarCup Race Matchup — hoja independiente */
html body .matchup-panel .matchup-row {
    grid-template-columns: minmax(0, 1fr) 90px minmax(190px, auto) 115px !important;
    column-gap: 14px !important;
    min-height: 104px !important;
    padding: 18px 20px !important;
}

html body .matchup-panel .matchup-row .matchup-race {
    justify-content: flex-start !important;
    gap: 12px !important;
    overflow: visible !important;
}

html body .matchup-panel .matchup-row .matchup-race strong {
    font-size: 22px !important;
    line-height: 1.5 !important;
    font-weight: 900 !important;
}

html body .matchup-panel .matchup-row .matchup-race-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    flex: 0 0 38px !important;
}

html body .matchup-panel .matchup-row .matchup-games {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    overflow: visible !important;
}

html body .matchup-panel .matchup-row .matchup-games strong {
    font-size: 30px !important;
    line-height: 1.3 !important;
    font-weight: 900 !important;
}

html body .matchup-panel .matchup-row .matchup-games span {
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 900 !important;
}

html body .matchup-panel .matchup-row .matchup-record {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
}

html body .matchup-panel .matchup-row .matchup-record span {
    font-size: 22px !important;
    line-height: 1.5 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

html body .matchup-panel .matchup-row .matchup-rate {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    overflow: visible !important;
}

html body .matchup-panel .matchup-row .matchup-rate-bar {
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 9px !important;
    min-height: 9px !important;
    max-height: 9px !important;
    margin-bottom: 8px !important;
}

html body .matchup-panel .matchup-row .matchup-rate small {
    font-size: 20px !important;
    line-height: 1.5 !important;
    font-weight: 900 !important;
}

@media (max-width: 900px) {
    html body .matchup-panel .matchup-row {
        grid-template-columns: minmax(0, 1fr) 65px minmax(125px, auto) 85px !important;
        column-gap: 6px !important;
        padding: 14px 8px !important;
    }

    html body .matchup-panel .matchup-row .matchup-race strong {
        font-size: 18px !important;
    }

    html body .matchup-panel .matchup-row .matchup-games {
        width: 65px !important;
        min-width: 65px !important;
        max-width: 65px !important;
    }

    html body .matchup-panel .matchup-row .matchup-games strong {
        font-size: 24px !important;
    }

    html body .matchup-panel .matchup-row .matchup-record {
        gap: 6px !important;
    }

    html body .matchup-panel .matchup-row .matchup-record span {
        font-size: 16px !important;
    }

    html body .matchup-panel .matchup-row .matchup-rate {
        width: 85px !important;
        min-width: 85px !important;
        max-width: 85px !important;
    }

    html body .matchup-panel .matchup-row .matchup-rate small {
        font-size: 15px !important;
    }
}


/* STARCUP_MATCHUP_DEFINITIVE_SIZE_FIX */

/* Tarjetas más amplias y datos fáciles de leer */
html body #raceMatchupContent .matchup-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 90px 190px 115px !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 104px !important;
    padding: 18px 20px !important;
    box-sizing: border-box !important;
}

/* Raza */
html body #raceMatchupContent .matchup-race {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
}

html body #raceMatchupContent .matchup-race strong {
    font-size: 22px !important;
    line-height: 1.5 !important;
    font-weight: 900 !important;
}

/* Icono de raza */
html body #raceMatchupContent img.matchup-race-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    object-fit: contain !important;
}

/* Número de partidas */
html body #raceMatchupContent .matchup-games {
    text-align: center !important;
    min-width: 0 !important;
}

html body #raceMatchupContent .matchup-games strong {
    display: block !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
}

html body #raceMatchupContent .matchup-games span {
    display: block !important;
    margin-top: 4px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

/* Victorias, derrotas y empates */
html body #raceMatchupContent .matchup-record {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    white-space: nowrap !important;
    min-width: 0 !important;
}

html body #raceMatchupContent .matchup-record span {
    font-size: 21px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
}

/* Porcentaje y barra */
html body #raceMatchupContent .matchup-rate {
    width: 115px !important;
    min-width: 115px !important;
    text-align: center !important;
}

html body #raceMatchupContent .matchup-rate small {
    display: block !important;
    margin-top: 8px !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
}

html body #raceMatchupContent .matchup-rate-bar {
    width: 88px !important;
    height: 9px !important;
    min-height: 9px !important;
    margin: 0 auto !important;
}

/* Pantallas estrechas */
@media (max-width: 900px) {
    html body #raceMatchupContent .matchup-row {
        grid-template-columns: minmax(0, 1fr) 60px minmax(110px, auto) 75px !important;
        gap: 6px !important;
        padding: 14px 8px !important;
    }

    html body #raceMatchupContent .matchup-race strong {
        font-size: 18px !important;
    }

    html body #raceMatchupContent .matchup-games strong {
        font-size: 24px !important;
    }

    html body #raceMatchupContent .matchup-record {
        gap: 5px !important;
    }

    html body #raceMatchupContent .matchup-record span {
        font-size: 15px !important;
    }

    html body #raceMatchupContent .matchup-rate {
        width: 75px !important;
        min-width: 75px !important;
    }

    html body #raceMatchupContent .matchup-rate small {
        font-size: 14px !important;
    }
}

/* STARCUP_MATCHUP_PANEL_ALIGNMENT_20261015 */
html body #raceMatchupContent .matchup-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 68px minmax(112px, 135px) 90px !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 76px !important;
    padding: 12px 16px !important;
    margin: 0 0 12px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

html body #raceMatchupContent .matchup-race {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    overflow: visible !important;
}

html body #raceMatchupContent .matchup-race strong {
    font-size: 18px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
}

html body #raceMatchupContent .matchup-race-icon {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
}

html body #raceMatchupContent .matchup-games {
    min-width: 0 !important;
    text-align: center !important;
    overflow: visible !important;
}

html body #raceMatchupContent .matchup-games strong {
    display: block !important;
    font-size: 23px !important;
    line-height: 1.15 !important;
}

html body #raceMatchupContent .matchup-games span {
    display: block !important;
    margin-top: 4px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
}

html body #raceMatchupContent .matchup-record {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow: visible !important;
    white-space: nowrap !important;
    font-size: 15px !important;
}

html body #raceMatchupContent .matchup-record span {
    display: inline-block !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

html body #raceMatchupContent .matchup-rate {
    min-width: 0 !important;
    width: 100% !important;
    text-align: center !important;
    overflow: visible !important;
}

html body #raceMatchupContent .matchup-rate-bar {
    width: 100% !important;
    max-width: 90px !important;
    margin: 0 auto 7px !important;
}

html body #raceMatchupContent .matchup-rate small {
    font-size: 15px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
}

html body #raceMatchupContent .matchup-row *,
html body #raceMatchupContent .matchup-row *::before,
html body #raceMatchupContent .matchup-row *::after {
    box-sizing: border-box !important;
}

@media (max-width: 760px) {
    html body #raceMatchupContent .matchup-row {
        grid-template-columns: minmax(0, 1fr) 52px minmax(85px, 100px) 68px !important;
        gap: 5px !important;
        min-height: 68px !important;
        padding: 10px 8px !important;
    }

    html body #raceMatchupContent .matchup-race {
        gap: 6px !important;
    }

    html body #raceMatchupContent .matchup-race strong {
        font-size: 15px !important;
        white-space: normal !important;
    }

    html body #raceMatchupContent .matchup-race-icon {
        width: 20px !important;
        height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
    }

    html body #raceMatchupContent .matchup-games strong {
        font-size: 19px !important;
    }

    html body #raceMatchupContent .matchup-games span {
        font-size: 10px !important;
    }

    html body #raceMatchupContent .matchup-record {
        gap: 3px !important;
    }

    html body #raceMatchupContent .matchup-record span {
        font-size: 13px !important;
    }

    html body #raceMatchupContent .matchup-rate small {
        font-size: 12px !important;
    }
}
/* END STARCUP_MATCHUP_PANEL_ALIGNMENT_20261015 */

/* STARCUP_MATCHUP_FINE_TUNE_20261015 */
html body #raceMatchupContent .matchup-row {
    grid-template-columns: minmax(0, 1fr) 60px minmax(100px, 120px) 78px !important;
    gap: 8px !important;
    min-height: 68px !important;
    padding: 10px 14px !important;
    margin-bottom: 10px !important;
}

html body #raceMatchupContent .matchup-race {
    gap: 8px !important;
}

html body #raceMatchupContent .matchup-race strong {
    font-size: 16px !important;
    line-height: 1.2 !important;
}

html body #raceMatchupContent .matchup-race-icon {
    width: 21px !important;
    height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;
}

html body #raceMatchupContent .matchup-games strong {
    font-size: 20px !important;
    line-height: 1.1 !important;
}

html body #raceMatchupContent .matchup-games span {
    margin-top: 3px !important;
    font-size: 10px !important;
}

html body #raceMatchupContent .matchup-record {
    gap: 4px !important;
}

html body #raceMatchupContent .matchup-record span {
    font-size: 14px !important;
    line-height: 1.2 !important;
}

html body #raceMatchupContent .matchup-rate-bar {
    max-width: 76px !important;
    margin-bottom: 5px !important;
}

html body #raceMatchupContent .matchup-rate small {
    font-size: 13px !important;
    line-height: 1.2 !important;
}

@media (max-width: 760px) {
    html body #raceMatchupContent .matchup-row {
        grid-template-columns: minmax(0, 1fr) 45px minmax(78px, 90px) 60px !important;
        gap: 4px !important;
        min-height: 62px !important;
        padding: 8px 7px !important;
    }

    html body #raceMatchupContent .matchup-race strong {
        font-size: 14px !important;
    }

    html body #raceMatchupContent .matchup-race-icon {
        width: 18px !important;
        height: 18px !important;
        max-width: 18px !important;
        max-height: 18px !important;
    }

    html body #raceMatchupContent .matchup-games strong {
        font-size: 17px !important;
    }

    html body #raceMatchupContent .matchup-games span {
        font-size: 9px !important;
    }

    html body #raceMatchupContent .matchup-record {
        gap: 2px !important;
    }

    html body #raceMatchupContent .matchup-record span {
        font-size: 12px !important;
    }

    html body #raceMatchupContent .matchup-rate small {
        font-size: 11px !important;
    }
}
/* END STARCUP_MATCHUP_FINE_TUNE_20261015 */


/* STARCUP_RECENT_MATCHES_20261015-030259 */
#recentMatchesContent {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 12px;
}

#recentMatchesContent .recent-match-card {
    min-width: 0;
    padding: 10px 11px;
    border: 1px solid rgba(125, 170, 195, .16);
    border-radius: 8px;
    background: rgba(13, 31, 43, .72);
}

#recentMatchesContent .recent-match-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
    color: #8fa8b9;
    font-size: 10px;
}

#recentMatchesContent .recent-match-type {
    flex-shrink: 0;
    padding: 3px 6px;
    border-radius: 4px;
    background: rgba(0, 160, 220, .12);
    color: #65cfff;
    font-weight: 700;
    text-transform: uppercase;
}

#recentMatchesContent .recent-match-meta time {
    text-align: right;
}

#recentMatchesContent .recent-match-map {
    overflow-wrap: anywhere;
    margin-bottom: 7px;
    color: #d7e4ed;
    font-size: 11px;
    line-height: 1.4;
}

#recentMatchesContent .recent-match-players {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#recentMatchesContent .recent-player {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
}

#recentMatchesContent .recent-player-name {
    overflow-wrap: anywhere;
    color: #f0f6fa;
    font-weight: 700;
}

#recentMatchesContent .recent-player-result {
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 800;
}

#recentMatchesContent .recent-player-result.win { color: #58e69a; }
#recentMatchesContent .recent-player-result.loss { color: #ff7777; }
#recentMatchesContent .recent-player-result.draw { color: #c7a4ff; }
#recentMatchesContent .recent-player-result.disconnect { color: #ffbd69; }
#recentMatchesContent .recent-player-result.unknown { color: #a5b4c0; }

#recentMatchesContent .recent-empty {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 8px;
    color: #8fa8b9;
    text-align: center;
    font-size: 11px;
}

#recentMatchesContent .recent-empty strong {
    color: #c8d6e0;
    font-size: 12px;
}

#recentMatchesContent .recent-no-players {
    color: #8fa8b9;
    font-size: 11px;
}
/* END STARCUP_RECENT_MATCHES_20261015-030259 */


/* STARCUP_TYPOGRAPHY_FINAL_20261015 */


/* STARCUP_TYPOGRAPHY_CONSOLIDATED_20261015 */

/* Escala común */
:root {
    --sc-panel-title: 14px;
    --sc-panel-body: 13px;
    --sc-panel-label: 12px;
    --sc-panel-small: 11px;
}

/* Títulos de todos los paneles */
.panel-title {
    font-size: var(--sc-panel-title) !important;
    line-height: 1.35 !important;
}

/* Player Summary: selectores reales del HTML */
.summary-list > div > span {
    font-size: var(--sc-panel-body) !important;
}

.summary-list > div > strong {
    font-size: 14px !important;
}

/* Tablas: encabezados y contenido */
table thead th,
table th {
    font-size: var(--sc-panel-label) !important;
}

table tbody td {
    font-size: var(--sc-panel-body) !important;
}

/* Rating Progression: título y textos descriptivos */
.chart-panel .chart-empty > strong {
    font-size: 14px !important;
}

.chart-panel .chart-empty > span {
    font-size: var(--sc-panel-body) !important;
}

/* Recent Matches: clases reales generadas por JavaScript */
.recent-match-card .recent-match-map,
.recent-match-card .recent-player-name,
.recent-match-card .recent-player-result {
    font-size: var(--sc-panel-body) !important;
}

.recent-match-card .recent-match-meta,
.recent-match-card .recent-match-type,
.recent-match-card .recent-match-meta time {
    font-size: var(--sc-panel-small) !important;
}

.recent-empty strong {
    font-size: var(--sc-panel-body) !important;
}

.recent-empty span {
    font-size: var(--sc-panel-small) !important;
}

/* Race Matchup: texto normal y etiquetas */
#raceMatchupContent {
    font-size: var(--sc-panel-body) !important;
}

#raceMatchupContent .matchup-loading {
    font-size: var(--sc-panel-body) !important;
}

#raceMatchupContent .matchup-race strong {
    font-size: 18px !important;
}

#raceMatchupContent .matchup-games strong {
    font-size: 22px !important;
}

#raceMatchupContent .matchup-games span,
#raceMatchupContent .matchup-record,
#raceMatchupContent .matchup-record span {
    font-size: var(--sc-panel-body) !important;
}

#raceMatchupContent .matchup-rate small {
    font-size: var(--sc-panel-label) !important;
}

/* STARCUP_TYPOGRAPHY_CONSOLIDATED_20261015 */

/* STARCUP_PROFILE_MATCH_HISTORY_STYLES */
.profile-tab-panel {
    margin-bottom: 20px;
}

.profile-match-history-content {
    padding: 14px;
}

.profile-history-summary {
    margin-bottom: 12px;
    font-size: 13px;
    color: var(--muted, #9fb0c0);
}

.profile-history-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.profile-history-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 620px;
}

.profile-history-table th,
.profile-history-table td {
    padding: 12px 10px;
    border-bottom: 1px solid rgba(130, 170, 195, .14);
    text-align: left;
    font-size: 13px;
}

.profile-history-table th {
    font-size: 12px;
    color: #91a8b8;
    font-weight: 700;
}

.profile-history-result {
    font-weight: 700;
}

.profile-history-result.win { color: #5ee6a8; }
.profile-history-result.loss { color: #ff7777; }
.profile-history-result.draw { color: #c5a0ff; }
.profile-history-result.disconnect { color: #ffb454; }
.profile-history-result.unknown { color: #9fb0c0; }

/* END STARCUP_PROFILE_MATCH_HISTORY_STYLES */


/* STARCUP_PROFILE_LADDER_STATS_20261017-054234 */
.profile-ladder-stats-content {
    padding: 16px;
    color: #dceaf5;
    font-size: 13px;
}
.profile-ladder-player {
    margin-bottom: 14px;
    color: #79cfff;
    font-weight: 700;
}
.profile-ladder-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.profile-ladder-card {
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(93, 169, 207, .22);
    border-radius: 8px;
    background: rgba(13, 32, 45, .72);
}
.profile-ladder-card-title {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
}
.profile-ladder-rank {
    margin-bottom: 12px;
    color: #38c8ff;
    font-size: 18px;
    font-weight: 800;
}
.profile-ladder-stat {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(135, 177, 199, .12);
}
.profile-ladder-stat span {
    color: #9bb2c2;
}
.profile-ladder-stat strong {
    color: #f0f7fc;
    text-align: right;
}
@media (max-width: 650px) {
    .profile-ladder-grid { grid-template-columns: 1fr; }
}
/* END STARCUP_PROFILE_LADDER_STATS */

/* STARCUP_FIX_UNRANKED_LADDER_STATS_20261017 */
.profile-ladder-rank .rank-badge-unranked,
.profile-ladder-rank .rank-badge.unranked,
.profile-ladder-rank .rank-unranked,
.profile-ladder-rank .unranked-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    min-width: 130px !important;
    min-height: 42px !important;
    padding: 8px 14px !important;
    margin: 0 !important;
    border: 1px solid #087fa8 !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #082b3d, #061722) !important;
    box-shadow: none !important;
    color: #55d7ff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-shadow: none !important;
    vertical-align: middle !important;
}

.profile-ladder-rank {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 52px;
}

.profile-ladder-rank img {
    object-fit: contain;
    max-width: 130px;
    max-height: 52px;
}
/* END STARCUP_FIX_UNRANKED_LADDER_STATS_20261017 */

/* STARCUP_FIX_PROFILE_UNRANKED_BADGE_FINAL */
.profile-ladder-card .profile-ladder-rank .starcup-rank-badge.rank-unranked,
.profile-ladder-card .profile-ladder-rank .starcup-rank-badge.unranked,
.profile-ladder-card .profile-ladder-rank .starcup-rank-badge:not(:has(img)) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 104px !important;
    min-width: 104px !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 2px solid #087fa8 !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #082b3d 0%, #061722 100%) !important;
    box-shadow: none !important;
    color: #55d7ff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-shadow: none !important;
    vertical-align: middle !important;
}

.profile-ladder-card .profile-ladder-rank {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 58px !important;
}

.profile-ladder-card .profile-ladder-rank .starcup-rank-badge img {
    max-width: 100% !important;
    max-height: 48px !important;
    object-fit: contain !important;
}

/* END STARCUP_FIX_PROFILE_UNRANKED_BADGE_FINAL */

/* STARCUP_CENTER_UNRANKED_20261017 */
.profile-ladder-card .profile-ladder-rank {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

.profile-ladder-card .profile-ladder-rank .starcup-rank-badge {
    margin-left: auto !important;
    margin-right: auto !important;
    flex-shrink: 0 !important;
}
/* END STARCUP_CENTER_UNRANKED_20261017 */


/* STARCUP_PROFILE_ACHIEVEMENTS_STYLES */
.profile-achievements-content {
    padding: 16px;
    color: #dceaf5;
    font-size: 13px;
}
.profile-achievements-summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    margin-bottom: 20px;
    border: 1px solid rgba(93,169,207,.22);
    border-radius: 8px;
    background: rgba(13,32,45,.72);
}
.profile-achievements-summary > div {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.profile-achievements-summary span {
    color: #91a8b8;
    font-size: 11px;
    font-weight: 700;
}
.profile-achievements-summary strong {
    color: #55d7ff;
    font-size: 17px;
}
.profile-achievements-section-title {
    margin: 20px 0 12px;
    color: #79cfff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
}
.profile-achievements-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
}
.profile-achievement-card {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(93,169,207,.2);
    border-radius: 8px;
    background: rgba(13,32,45,.68);
}
.profile-achievement-card.locked {
    opacity: .72;
}
.profile-achievement-card.unlocked {
    border-color: rgba(64,210,157,.4);
}
.profile-achievement-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: rgba(65,137,171,.16);
    font-size: 22px;
}
.profile-achievement-details {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}
.profile-achievement-details strong {
    color: #eaf6ff;
    font-size: 13px;
}
.profile-achievement-details span {
    color: #9bb2c2;
    font-size: 12px;
}
.profile-achievement-details small {
    color: #55d7ff;
    font-size: 10px;
    font-weight: 700;
}
.profile-achievement-status {
    color: #5ee6a8;
    font-size: 18px;
    font-weight: 800;
}
.profile-achievement-card.locked .profile-achievement-status {
    color: #91a8b8;
}
.profile-achievements-note {
    margin-top: 18px;
    color: #91a8b8;
    font-size: 11px;
    line-height: 1.6;
}
@media (max-width: 700px) {
    .profile-achievements-grid { grid-template-columns: 1fr; }
}
/* END STARCUP_PROFILE_ACHIEVEMENTS_STYLES */


/* STARCUP_PROFILE_CLAN_HISTORY_STYLES */
.profile-clan-history-content {
    padding: 16px;
    color: #dceaf5;
    font-size: 13px;
}
.profile-clan-current {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    margin-bottom: 22px;
    border: 1px solid rgba(85,215,255,.25);
    border-radius: 10px;
    background: rgba(13,32,45,.72);
}
.profile-clan-emblem, .profile-clan-empty-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    border-radius: 10px;
    background: rgba(65,137,171,.18);
    font-size: 30px;
}
.profile-clan-current-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.profile-clan-label, .profile-clan-timeline-title {
    color: #79cfff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
}
.profile-clan-current-info strong {
    color: #effaff;
    font-size: 20px;
    overflow-wrap: anywhere;
}
.profile-clan-current-info > span:last-child,
.profile-clan-entry-body > span,
.profile-clan-entry-body small {
    color: #9bb2c2;
    font-size: 12px;
}
.profile-clan-timeline-title { margin: 18px 0 12px; }
.profile-clan-timeline {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.profile-clan-entry {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px;
    border: 1px solid rgba(93,169,207,.2);
    border-radius: 8px;
    background: rgba(13,32,45,.58);
}
.profile-clan-entry-marker {
    color: #55d7ff;
    font-size: 18px;
    line-height: 1.2;
}
.profile-clan-entry-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.profile-clan-entry-body strong { color: #eaf6ff; font-size: 14px; }
.profile-clan-entry-body p {
    margin: 4px 0 0;
    color: #b2c4d1;
    overflow-wrap: anywhere;
}
.profile-clan-current-badge {
    color: #5ee6a8;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}
.profile-clan-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 42px 18px;
    text-align: center;
    border: 1px dashed rgba(93,169,207,.3);
    border-radius: 10px;
    background: rgba(13,32,45,.35);
}
.profile-clan-empty strong { color: #eaf6ff; font-size: 16px; }
.profile-clan-empty span {
    max-width: 520px;
    color: #9bb2c2;
    line-height: 1.6;
}
.profile-clan-history-note {
    margin-top: 18px;
    color: #91a8b8;
    font-size: 11px;
    line-height: 1.6;
}
@media (max-width: 640px) {
    .profile-clan-history-content { padding: 10px; }
    .profile-clan-current { padding: 14px; gap: 12px; }
    .profile-clan-current-info strong { font-size: 17px; }
    .profile-clan-entry { padding: 12px; }
    .profile-clan-current-badge { display: none; }
}
/* END STARCUP_PROFILE_CLAN_HISTORY_STYLES */