.home-wrap {
        min-height: calc(100vh - var(--app-header-h) - var(--app-footer-h));
        padding: clamp(8px, 1.6vw, 14px);
        color: #f4fff7;
    }

    .home-grid {
        width: 100%;
        max-width: 1240px;
        margin: 0 auto;
    }

    .home-card {
        width: 100%;
        background: linear-gradient(160deg, rgba(42, 45, 52, 0.94), rgba(24, 27, 33, 0.95));
        border: 1px solid rgba(244, 198, 89, 0.52);
        border-radius: 12px;
        padding: 28px;
        box-shadow:
            inset 0 1px 0 rgba(255, 238, 194, 0.14),
            inset 0 -1px 0 rgba(8, 10, 15, 0.62),
            0 10px 24px rgba(7, 9, 14, 0.34),
            0 0 8px rgba(246, 201, 95, 0.18);
    }

    .home-stats {
        margin-top: 0;
    }

    .home-stats h2 {
        margin: 0 0 10px;
        font-size: 18px;
    }

    .stats-note {
        margin: 0 0 10px;
        color: #d3e5d9;
        font-size: 13px;
    }

    .stats-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 14px;
    }

    .stats-table th,
    .stats-table td {
        text-align: left;
        padding: 8px 6px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    .stats-table th:last-child,
    .stats-table td:last-child {
        text-align: right;
    }

    .player-cell {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .player-avatar {
        width: 36px;
        height: 36px;
        border-radius: 999px;
        object-fit: cover;
        border: 1px solid rgba(255, 255, 255, 0.28);
        background: rgba(255, 255, 255, 0.12);
    }

    .pager {
        margin-top: 14px;
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .pager a,
    .pager span {
        min-width: 36px;
        text-align: center;
        padding: 8px 11px;
        border-radius: 10px;
        text-decoration: none;
        font-weight: 700;
        font-size: 13px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        color: #f1f8f4;
        background: rgba(255, 255, 255, 0.08);
    }

    .pager .current {
        background: #d32f2f;
        border-color: rgba(211, 47, 47, 0.7);
    }

    .pager .disabled {
        opacity: 0.45;
    }

    @media (max-width: 860px) {
        .home-card {
            overflow-x: auto;
        }
    }