/* Wastor 0.1.0 additions */
.version-badge { color: var(--text-secondary); font-size: .82rem; padding: 6px 10px; border: 1px solid var(--rust-light-gray); border-radius: 999px; }
.stat-value-time { font-size: 2rem; }
.server-rating-small { margin-left: auto; color: var(--rust-primary); font-weight: 700; white-space: nowrap; }
.top-list { display: grid; gap: 12px; }
.top-row { display: grid; grid-template-columns: 74px minmax(0,1fr) 130px 110px; gap: 18px; align-items: center; background: var(--rust-gray); border-radius: var(--border-radius); padding: 18px 22px; box-shadow: var(--shadow); }
.top-position { font-size: 1.35rem; font-weight: 800; color: var(--text-secondary); }
.top-position-1 { color: #f5c542; }.top-position-2 { color: #cbd5e1; }.top-position-3 { color: #cd7f32; }
.top-name { color: var(--rust-primary); font-size: 1.08rem; font-weight: 700; text-decoration: none; }
.top-name:hover { text-decoration: underline; }
.top-meta { color: var(--text-secondary); font-size: .9rem; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.top-online,.top-rating { font-weight: 800; text-align: right; }.top-rating { color: var(--rust-primary); }
.server-detail-header { margin-bottom: 22px; }
.server-meta-row { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.server-map-badge { display:inline-flex; align-items:center; padding:7px 14px; border-radius:999px; background:rgba(168,162,158,.10); color:var(--text-secondary); }
.server-actions-container { display:flex; justify-content:space-between; gap:24px; align-items:stretch; margin-bottom:32px; }
.server-metrics { display:flex; gap:14px; flex:1; }.metric { background:var(--rust-gray); border-radius:var(--border-radius); padding:20px 24px; min-width:150px; box-shadow:var(--shadow); }
.metric-label { color:var(--text-secondary); font-size:.92rem; }.metric-value { margin-top:7px; font-size:1.7rem; font-weight:800; }.metric-sub { margin-left:8px; color:var(--text-secondary); font-size:.9rem; }
.server-actions { display:flex; gap:12px; align-items:stretch; }.btn-play-large { display:flex; align-items:center; justify-content:center; background:linear-gradient(90deg,var(--rust-primary),var(--rust-secondary)); color:#fff; text-decoration:none; font-weight:700; border-radius:14px; padding:16px 26px; }
.players-display { border-radius:14px; padding:12px 20px; min-width:150px; text-align:center; }.players-count { font-size:1.35rem; font-weight:800; }.players-label { font-size:.8rem; opacity:.8; }
.server-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(280px,1fr); gap:28px; }.mb-32 { margin-bottom:32px; }.section-title { font-size:1.35rem; margin-bottom:18px; }.section-header-row { display:flex; justify-content:space-between; align-items:center; gap:16px; }.muted-text { color:var(--text-secondary); }.server-description-text { color:var(--text-secondary); line-height:1.75; }
.chart-wrap { height:340px; }.detail-stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px; }.detail-stats-grid div { background:var(--rust-darker); border-radius:12px; padding:14px; }.detail-stats-grid span { display:block; color:var(--text-secondary); font-size:.82rem; }.detail-stats-grid strong { display:block; margin-top:4px; font-size:1.2rem; }
.info-row { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid var(--rust-light-gray); }.info-row span { color:var(--text-secondary); }.info-row strong { text-align:right; overflow-wrap:anywhere; }.copy-command { width:100%; margin-top:18px; padding:12px 14px; border-radius:12px; border:1px solid var(--rust-light-gray); background:var(--rust-darker); color:var(--text-primary); cursor:pointer; }.copy-command:hover { border-color:var(--rust-primary); }
.about-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.feature-list { padding-left:20px; color:var(--text-secondary); }.feature-list li { margin-bottom:10px; }
.breadcrumbs { margin-bottom:18px; }.breadcrumbs ul { list-style:none; display:flex; gap:10px; padding:0; flex-wrap:wrap; }.breadcrumbs li+li:before { content:'›'; margin-right:10px; color:var(--text-secondary); }.breadcrumbs a { color:var(--rust-primary); text-decoration:none; }.debug-box { max-width:100%; overflow:auto; white-space:pre-wrap; text-align:left; margin:20px auto; background:#0c0b0a; padding:16px; border-radius:10px; }
@media(max-width:900px){.top-row{grid-template-columns:56px minmax(0,1fr);}.top-online,.top-rating{grid-column:2;text-align:left}.server-actions-container{flex-direction:column}.server-layout{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.version-badge{display:none}}
@media(max-width:640px){.server-metrics{display:grid;grid-template-columns:1fr}.server-actions{flex-direction:column}.top-row{padding:16px}.detail-stats-grid{grid-template-columns:1fr}.server-rating-small{margin-left:0}.chart-wrap{height:280px}}

/* === Catalog server cards (0.1.2) === */
.servers-list {
    display: grid;
    gap: 14px;
    margin-bottom: 40px;
}

.server-row {
    position: relative;
    overflow: hidden;
    padding: 20px 22px;
    border: 1px solid rgba(168, 162, 158, 0.12);
    border-radius: 16px;
    background:
        linear-gradient(110deg, rgba(212, 106, 61, 0.045), transparent 36%),
        var(--rust-gray);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.24);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.server-row::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--rust-primary), var(--rust-secondary));
    opacity: .85;
}

.server-row:hover {
    transform: translateY(-2px);
    border-color: rgba(212, 106, 61, 0.30);
    box-shadow: 0 9px 26px rgba(0, 0, 0, 0.32);
}

.server-row-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 20px;
    align-items: center;
}

.server-row .server-name {
    min-width: 0;
    margin: 0;
    font-size: 1.13rem;
    line-height: 1.35;
}

.server-row .server-name a {
    color: var(--rust-primary);
    text-decoration: none;
    font-weight: 750;
    transition: color .2s ease;
}

.server-row .server-name a:hover {
    color: #f27b48;
}

.server-row .server-players {
    display: flex;
    justify-content: flex-end;
}

.server-row .players-badge {
    min-width: 118px;
    padding: 8px 15px;
    font-size: 1rem;
    border: 1px solid transparent;
}

.server-row .players-online {
    border-color: rgba(34, 197, 94, 0.18);
}

.server-row .players-offline {
    border-color: rgba(239, 68, 68, 0.18);
}

.server-row .server-actions {
    display: flex;
    align-items: center;
    gap: 9px;
}

.server-row .btn-detail,
.server-row .btn-play {
    min-height: 42px;
    padding: 9px 17px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .96rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.server-row .btn-detail {
    color: var(--text-primary);
    background: rgba(168, 162, 158, .10);
    border: 1px solid var(--rust-light-gray);
}

.server-row .btn-detail:hover {
    color: var(--text-primary);
    background: rgba(168, 162, 158, .18);
    border-color: var(--rust-lighter-gray);
    transform: translateY(-1px);
}

.server-row .btn-play {
    color: #fff;
    border: 1px solid rgba(212, 106, 61, .28);
    background: linear-gradient(100deg, var(--rust-primary), #ad5934);
    box-shadow: 0 4px 12px rgba(212, 106, 61, .16);
}

.server-row .btn-play:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(212, 106, 61, .27);
}

.server-row-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px 10px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(168, 162, 158, 0.10);
    color: var(--text-secondary);
    font-size: .91rem;
}

.server-row-meta > div:not(.server-rating-small) {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    padding: 5px 10px;
    border: 1px solid rgba(168, 162, 158, 0.10);
    border-radius: 9px;
    background: rgba(18, 16, 14, 0.42);
}

.server-row .server-region {
    color: var(--text-primary);
}

.server-row .region-flag {
    font-size: 1.1rem;
}

.server-row .server-map {
    min-width: 0;
}

.server-row .server-map span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.server-row .server-address {
    font-size: .89rem;
    letter-spacing: 0;
}

.server-row .address-text {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
    color: #c2bbb5;
}

.server-row .server-rating-small {
    margin-left: auto;
    padding: 4px 2px 4px 10px;
    color: var(--rust-primary);
    font-size: .98rem;
    font-weight: 800;
}

@media (max-width: 900px) {
    .server-row-main {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 15px;
    }

    .server-row .server-actions {
        grid-column: 1 / -1;
    }

    .server-row .btn-detail,
    .server-row .btn-play {
        min-width: 116px;
    }
}

@media (max-width: 640px) {
    .servers-list {
        gap: 12px;
    }

    .server-row {
        padding: 17px 16px 16px 18px;
    }

    .server-row-main {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .server-row .server-players {
        justify-content: flex-start;
    }

    .server-row .players-badge {
        min-width: 0;
    }

    .server-row .server-actions {
        grid-column: auto;
        width: 100%;
    }

    .server-row .btn-detail,
    .server-row .btn-play {
        flex: 1 1 0;
        min-width: 0;
    }

    .server-row-meta {
        align-items: stretch;
    }

    .server-row-meta > div:not(.server-rating-small) {
        max-width: 100%;
    }

    .server-row .server-map {
        width: 100%;
    }

    .server-row .server-rating-small {
        width: 100%;
        margin-left: 0;
        padding: 5px 2px 0;
    }
}