@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.84wtju4z0n.bundle.scp.css';

/* /Components/Parts/AnalyticsGeography.razor.rz.scp.css */
/* AnalyticsGeography — ranked community comparisons table */

.geo-table[b-ffxc9t2gbi] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 2px;
    font-size: 0.85rem;
}

.geo-col-header[b-ffxc9t2gbi] {
    text-align: left;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cd-text-secondary, #8a8a8a);
    padding: 0.5rem 0.6rem;
    border-bottom: 2px solid rgba(255, 255, 255, 0.06);
}

.geo-col-rank[b-ffxc9t2gbi] {
    width: 48px;
    text-align: center;
}

.geo-col-location[b-ffxc9t2gbi] {
    min-width: 140px;
}

.geo-col-players[b-ffxc9t2gbi] {
    width: 80px;
    text-align: right;
}

.geo-col-metric[b-ffxc9t2gbi] {
    width: 200px;
}

.geo-row[b-ffxc9t2gbi] {
    transition: background 0.15s ease;
}

.geo-row:hover[b-ffxc9t2gbi] {
    background: rgba(255, 255, 255, 0.04);
}

.geo-row-highlight[b-ffxc9t2gbi] {
    background: var(--cd-accent-subtle, rgba(83, 157, 194, 0.12));
    border-left: 3px solid var(--cd-accent, #539dc2);
}

.geo-row-highlight:hover[b-ffxc9t2gbi] {
    background: var(--cd-accent-subtle, rgba(83, 157, 194, 0.18));
}

.geo-cell[b-ffxc9t2gbi] {
    padding: 0.5rem 0.6rem;
    color: var(--cd-text-primary, #e8e8e8);
    vertical-align: middle;
}

.geo-cell-rank[b-ffxc9t2gbi] {
    text-align: center;
    font-weight: 700;
    font-size: 0.8rem;
    color: var(--cd-text-secondary, #8a8a8a);
}

.geo-row-highlight .geo-cell-rank[b-ffxc9t2gbi] {
    color: var(--cd-accent, #539dc2);
}

.geo-cell-location[b-ffxc9t2gbi] {
    font-weight: 600;
    white-space: nowrap;
}

.geo-cell-players[b-ffxc9t2gbi] {
    text-align: right;
    color: var(--cd-text-secondary, #8a8a8a);
    font-size: 0.8rem;
}

.geo-cell-metric[b-ffxc9t2gbi] {
    padding-right: 1rem;
}

.geo-metric-wrapper[b-ffxc9t2gbi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.geo-metric-value[b-ffxc9t2gbi] {
    font-weight: 600;
    font-size: 0.85rem;
    min-width: 52px;
    text-align: right;
    color: var(--cd-text-primary, #e8e8e8);
}

.geo-metric-bar-track[b-ffxc9t2gbi] {
    flex: 1;
    height: 6px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 3px;
    overflow: hidden;
    min-width: 60px;
}

.geo-metric-bar-fill[b-ffxc9t2gbi] {
    height: 100%;
    background: var(--cd-accent, #539dc2);
    border-radius: 3px;
    transition: width 0.3s ease;
}

.geo-row-highlight .geo-metric-bar-fill[b-ffxc9t2gbi] {
    background: var(--cd-accent, #539dc2);
    opacity: 1;
}

.geo-empty[b-ffxc9t2gbi] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    color: var(--cd-text-muted, #555);
    font-size: 0.9rem;
}
/* /Components/Parts/AnalyticsPeers.razor.rz.scp.css */
/* AnalyticsPeers — 5-panel grid: 4 comparative corners + comparative heatmap center */

.peers-grid[b-5s0xqhgvs4] {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: auto auto;
    gap: 1rem;
    align-items: start;
}

.peers-center[b-5s0xqhgvs4] {
    grid-column: 2;
    grid-row: 1 / 3;
    display: flex;
    flex-direction: column;
}

.peers-center-header[b-5s0xqhgvs4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.25rem 0.5rem;
}

.peers-center-title[b-5s0xqhgvs4] {
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cd-text-secondary, #8a8a8a);
}

.peers-fullscreen-btn[b-5s0xqhgvs4] {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    color: var(--cd-text-secondary, #8a8a8a);
    cursor: pointer;
    padding: 4px 6px;
    display: flex;
    align-items: center;
    transition: border-color 0.15s ease;
}

.peers-fullscreen-btn:hover[b-5s0xqhgvs4] {
    border-color: var(--cd-accent, #539dc2);
    color: var(--cd-accent, #539dc2);
}

.peers-tl[b-5s0xqhgvs4] { grid-column: 1; grid-row: 1; }
.peers-tr[b-5s0xqhgvs4] { grid-column: 3; grid-row: 1; }
.peers-bl[b-5s0xqhgvs4] { grid-column: 1; grid-row: 2; }
.peers-br[b-5s0xqhgvs4] { grid-column: 3; grid-row: 2; }

.peers-corner[b-5s0xqhgvs4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem;
}

.peers-delta[b-5s0xqhgvs4] {
    text-align: center;
    padding-top: 0.25rem;
}

.peers-delta-value[b-5s0xqhgvs4] {
    font-size: 0.8rem;
    font-weight: 700;
}

.delta-positive[b-5s0xqhgvs4] {
    color: rgb(46, 204, 113);
}

.delta-negative[b-5s0xqhgvs4] {
    color: rgb(231, 76, 60);
}

.peers-empty[b-5s0xqhgvs4] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--cd-text-secondary, #8a8a8a);
    font-size: 0.9rem;
}

/* Fullscreen: center takes full width */
.peers-fullscreen[b-5s0xqhgvs4] {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

.peers-fullscreen .peers-center[b-5s0xqhgvs4] {
    grid-column: 1;
    grid-row: 1;
}

/* Mobile / small screens: stack vertically */
@media (max-width: 960px) {
    .peers-grid:not(.peers-fullscreen)[b-5s0xqhgvs4] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
    }

    .peers-grid:not(.peers-fullscreen) .peers-center[b-5s0xqhgvs4] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .peers-grid:not(.peers-fullscreen) .peers-tl[b-5s0xqhgvs4] { grid-column: 1; grid-row: 1; }
    .peers-grid:not(.peers-fullscreen) .peers-tr[b-5s0xqhgvs4] { grid-column: 2; grid-row: 1; }
    .peers-grid:not(.peers-fullscreen) .peers-bl[b-5s0xqhgvs4] { grid-column: 1; grid-row: 3; }
    .peers-grid:not(.peers-fullscreen) .peers-br[b-5s0xqhgvs4] { grid-column: 2; grid-row: 3; }
}
/* /Components/Parts/AnalyticsRanking.razor.rz.scp.css */
/* AnalyticsRanking — 5-panel grid: 4 stat-card corners + strengths radar center */

.ranking-grid[b-ayykp01ut9] {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: auto auto;
    gap: 1rem;
    align-items: start;
}

.ranking-center[b-ayykp01ut9] {
    grid-column: 2;
    grid-row: 1 / 3;
    display: flex;
    flex-direction: column;
}

.ranking-center-header[b-ayykp01ut9] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.25rem 0.5rem;
}

.ranking-center-title[b-ayykp01ut9] {
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cd-text-secondary, #8a8a8a);
}

.ranking-tl[b-ayykp01ut9] { grid-column: 1; grid-row: 1; }
.ranking-tr[b-ayykp01ut9] { grid-column: 3; grid-row: 1; }
.ranking-bl[b-ayykp01ut9] { grid-column: 1; grid-row: 2; }
.ranking-br[b-ayykp01ut9] { grid-column: 3; grid-row: 2; }

.ranking-corner[b-ayykp01ut9] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
}

.ranking-card[b-ayykp01ut9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    min-width: 140px;
}

.ranking-card-title[b-ayykp01ut9] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cd-text-secondary, #8a8a8a);
}

.ranking-card-value[b-ayykp01ut9] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--cd-text-primary, #e0e0e0);
}

.ranking-card-percentile[b-ayykp01ut9] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--cd-accent, #539dc2);
}

.ranking-empty[b-ayykp01ut9] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--cd-text-secondary, #8a8a8a);
    font-size: 0.9rem;
}

/* Mobile / small screens: stack vertically */
@media (max-width: 960px) {
    .ranking-grid[b-ayykp01ut9] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
    }

    .ranking-center[b-ayykp01ut9] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .ranking-tl[b-ayykp01ut9] { grid-column: 1; grid-row: 1; }
    .ranking-tr[b-ayykp01ut9] { grid-column: 2; grid-row: 1; }
    .ranking-bl[b-ayykp01ut9] { grid-column: 1; grid-row: 3; }
    .ranking-br[b-ayykp01ut9] { grid-column: 2; grid-row: 3; }
}
/* /Components/Parts/AnalyticsSpecialty.razor.rz.scp.css */
/* AnalyticsSpecialty — category-specific comparative analysis with summary strip */

.spec-container[b-eozr2dsxl7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.spec-summary[b-eozr2dsxl7] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 6px;
}

.spec-category-name[b-eozr2dsxl7] {
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cd-accent, #539dc2);
    white-space: nowrap;
}

.spec-rate[b-eozr2dsxl7] {
    font-size: 0.85rem;
    color: var(--cd-text-secondary, #8a8a8a);
}

.spec-user-value[b-eozr2dsxl7] {
    font-weight: 700;
    color: var(--cd-text-primary, #e8e8e8);
}

.spec-pop-value[b-eozr2dsxl7] {
    font-weight: 600;
    color: var(--cd-text-secondary, #8a8a8a);
}

.spec-delta[b-eozr2dsxl7] {
    font-weight: 700;
    font-size: 0.85rem;
    margin-left: 0.25rem;
}

.spec-delta-positive[b-eozr2dsxl7] {
    color: rgb(46, 204, 113);
}

.spec-delta-negative[b-eozr2dsxl7] {
    color: rgb(231, 76, 60);
}

.spec-delta-neutral[b-eozr2dsxl7] {
    color: var(--cd-text-secondary, #8a8a8a);
}

.spec-empty[b-eozr2dsxl7] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    color: var(--cd-text-muted, #555);
    font-size: 0.9rem;
}

/* Mobile: stack summary strip vertically */
@media (max-width: 640px) {
    .spec-summary[b-eozr2dsxl7] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}
/* /Components/Parts/AnalyticsTrajectory.razor.rz.scp.css */
/* AnalyticsTrajectory — percentile movement over time */

.traj-info[b-j73r0h903p] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
    background: rgba(83, 157, 194, 0.08);
    border: 1px solid rgba(83, 157, 194, 0.2);
    border-radius: 8px;
    color: var(--cd-text-secondary, #8a8a8a);
    font-size: 0.9rem;
}

.traj-info-icon[b-j73r0h903p] {
    color: var(--cd-accent, #539dc2);
    flex-shrink: 0;
}

/* Summary cards row */
.traj-summary[b-j73r0h903p] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.traj-card[b-j73r0h903p] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 0.85rem 1rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.traj-card-label[b-j73r0h903p] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cd-text-muted, #555);
}

.traj-card-value[b-j73r0h903p] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--cd-text-primary, #ddd);
}

.traj-positive[b-j73r0h903p] {
    color: #2ecc71;
}

.traj-negative[b-j73r0h903p] {
    color: #e74c3c;
}

/* Chart container */
.traj-chart[b-j73r0h903p] {
    border-radius: 8px;
    overflow: hidden;
}

/* Mobile / small screens: stack cards */
@media (max-width: 600px) {
    .traj-summary[b-j73r0h903p] {
        flex-direction: column;
        gap: 0.5rem;
    }
}
/* /Components/Parts/ComparativeHeatmap.razor.rz.scp.css */
/* ComparativeHeatmap — difference-colored heatmap (user vs population) */

.comp-heatmap-table[b-4ll660b8bj] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    font-size: 0.85rem;
}

.comp-col-header[b-4ll660b8bj] {
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cd-text-secondary, #8a8a8a);
    padding: 0.4rem 0.5rem;
}

.comp-col-group[b-4ll660b8bj] {
    width: 80px;
}

.comp-col-zone[b-4ll660b8bj] {
    width: 100px;
    text-align: left;
}

.comp-group-label[b-4ll660b8bj] {
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cd-accent, #539dc2);
    background: var(--cd-accent-subtle, rgba(83, 157, 194, 0.12));
    padding: 0.4rem 0.5rem;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px 0 0 4px;
}

.comp-zone-label[b-4ll660b8bj] {
    font-size: 0.8rem;
    color: var(--cd-text-primary, #e8e8e8);
    padding: 0.4rem 0.5rem;
    white-space: nowrap;
}

.comp-cell[b-4ll660b8bj] {
    text-align: center;
    padding: 0.4rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.8rem;
    min-width: 64px;
    color: var(--cd-text-secondary, #8a8a8a);
    background: rgba(255, 255, 255, 0.03);
    cursor: default;
    transition: background 0.15s ease;
}

.comp-group-first td[b-4ll660b8bj] {
    border-top: 2px solid rgba(255, 255, 255, 0.06);
}

.comp-heatmap-empty[b-4ll660b8bj] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    color: var(--cd-text-muted, #555);
    font-size: 0.9rem;
}

/* Legend strip */
.comp-legend[b-4ll660b8bj] {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    padding: 0.75rem 0 0.25rem;
    font-size: 0.75rem;
}

.comp-legend-item[b-4ll660b8bj] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.comp-legend-item[b-4ll660b8bj]::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

.comp-legend-ahead[b-4ll660b8bj]::before {
    background: rgba(46, 204, 113, 0.4);
}

.comp-legend-even[b-4ll660b8bj]::before {
    background: rgba(255, 255, 255, 0.1);
}

.comp-legend-behind[b-4ll660b8bj]::before {
    background: rgba(231, 76, 60, 0.4);
}
/* /Components/Parts/DashboardCompare.razor.rz.scp.css */
/* DashboardCompare — cross-game / cross-table self-comparison */

.compare-selectors[b-ze035n73ac] {
    display: flex;
    gap: 1rem;
    padding: 0.5rem 0 1rem;
    flex-wrap: wrap;
    align-items: flex-end;
}

.compare-selector-field[b-ze035n73ac] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 140px;
}

.compare-selector-label[b-ze035n73ac] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cd-text-secondary, #8a8a8a);
}

[b-ze035n73ac] .compare-dropdown {
    min-width: 140px;
}

.compare-loading[b-ze035n73ac] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem 0;
}

.compare-empty[b-ze035n73ac] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--cd-text-secondary, #8a8a8a);
}

.compare-body[b-ze035n73ac] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.compare-header[b-ze035n73ac] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.compare-title-current[b-ze035n73ac],
.compare-title-target[b-ze035n73ac] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cd-text-primary, #e0e0e0);
}

.compare-vs[b-ze035n73ac] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--cd-text-secondary, #8a8a8a);
    padding: 0.15rem 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

/* Delta highlights row */

.compare-deltas[b-ze035n73ac] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}

.compare-delta-card[b-ze035n73ac] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.75rem 0.5rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 6px;
}

.compare-delta-label[b-ze035n73ac] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cd-text-secondary, #8a8a8a);
}

.compare-delta-value[b-ze035n73ac] {
    font-size: 1.1rem;
    font-weight: 700;
}

.compare-delta-positive[b-ze035n73ac] {
    color: rgb(46, 204, 113);
}

.compare-delta-negative[b-ze035n73ac] {
    color: rgb(231, 76, 60);
}

.compare-delta-even[b-ze035n73ac] {
    color: var(--cd-text-secondary, #8a8a8a);
}

.compare-delta-detail[b-ze035n73ac] {
    font-size: 0.7rem;
    color: var(--cd-text-muted, #555);
}

/* Mobile */
@media (max-width: 640px) {
    .compare-deltas[b-ze035n73ac] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Parts/DashboardDetail.razor.rz.scp.css */
/* DashboardDetail — 5-panel grid: 4 corner donuts + heatmap center */

.detail-grid[b-snz7fs741r] {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: auto auto;
    gap: 1rem;
    align-items: start;
}

.grid-center[b-snz7fs741r] {
    grid-column: 2;
    grid-row: 1 / 3;
    overflow-x: auto;
}

.grid-tl[b-snz7fs741r] { grid-column: 1; grid-row: 1; }
.grid-tr[b-snz7fs741r] { grid-column: 3; grid-row: 1; }
.grid-bl[b-snz7fs741r] { grid-column: 1; grid-row: 2; }
.grid-br[b-snz7fs741r] { grid-column: 3; grid-row: 2; }

.grid-corner[b-snz7fs741r] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
}

/* Mobile / small screens: stack vertically */
@media (max-width: 960px) {
    .detail-grid[b-snz7fs741r] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
    }

    .detail-grid .grid-center[b-snz7fs741r] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .detail-grid .grid-tl[b-snz7fs741r] { grid-column: 1; grid-row: 1; }
    .detail-grid .grid-tr[b-snz7fs741r] { grid-column: 2; grid-row: 1; }
    .detail-grid .grid-bl[b-snz7fs741r] { grid-column: 1; grid-row: 3; }
    .detail-grid .grid-br[b-snz7fs741r] { grid-column: 2; grid-row: 3; }
}
/* /Components/Parts/DashboardOverview.razor.rz.scp.css */
/* DashboardOverview — 5-panel grid: 4 corner donuts + pool table center */

.dashboard-grid[b-cykodfnkp9] {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: auto auto;
    gap: 1rem;
    align-items: start;
}

.grid-center[b-cykodfnkp9] {
    grid-column: 2;
    grid-row: 1 / 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-tl[b-cykodfnkp9] { grid-column: 1; grid-row: 1; }
.grid-tr[b-cykodfnkp9] { grid-column: 3; grid-row: 1; }
.grid-bl[b-cykodfnkp9] { grid-column: 1; grid-row: 2; }
.grid-br[b-cykodfnkp9] { grid-column: 3; grid-row: 2; }

.grid-corner[b-cykodfnkp9] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
}

/* Fullscreen: center takes full width */
.grid-fullscreen[b-cykodfnkp9] {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

.grid-fullscreen .grid-center[b-cykodfnkp9] {
    grid-column: 1;
    grid-row: 1;
}

/* Mobile / small screens: stack vertically */
@media (max-width: 960px) {
    .dashboard-grid:not(.grid-fullscreen)[b-cykodfnkp9] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
    }

    .dashboard-grid:not(.grid-fullscreen) .grid-center[b-cykodfnkp9] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .dashboard-grid:not(.grid-fullscreen) .grid-tl[b-cykodfnkp9] { grid-column: 1; grid-row: 1; }
    .dashboard-grid:not(.grid-fullscreen) .grid-tr[b-cykodfnkp9] { grid-column: 2; grid-row: 1; }
    .dashboard-grid:not(.grid-fullscreen) .grid-bl[b-cykodfnkp9] { grid-column: 1; grid-row: 3; }
    .dashboard-grid:not(.grid-fullscreen) .grid-br[b-cykodfnkp9] { grid-column: 2; grid-row: 3; }
}
/* /Components/Parts/DashboardProgress.razor.rz.scp.css */
/* DashboardProgress — delta donuts + heatmap comparison */

.progress-info[b-togrp9hpnc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
    background: rgba(83, 157, 194, 0.08);
    border: 1px solid rgba(83, 157, 194, 0.2);
    border-radius: 8px;
    color: var(--cd-text-secondary, #8a8a8a);
    font-size: 0.9rem;
}

.progress-info-icon[b-togrp9hpnc] {
    color: var(--cd-accent, #539dc2);
    flex-shrink: 0;
}

.progress-label[b-togrp9hpnc] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cd-text-secondary, #8a8a8a);
    margin-bottom: 0.75rem;
    text-align: center;
}

.progress-grid[b-togrp9hpnc] {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: auto auto;
    gap: 1rem;
    align-items: start;
}

.grid-center[b-togrp9hpnc] {
    grid-column: 2;
    grid-row: 1 / 3;
    overflow-x: auto;
}

.grid-tl[b-togrp9hpnc] { grid-column: 1; grid-row: 1; }
.grid-tr[b-togrp9hpnc] { grid-column: 3; grid-row: 1; }
.grid-bl[b-togrp9hpnc] { grid-column: 1; grid-row: 2; }
.grid-br[b-togrp9hpnc] { grid-column: 3; grid-row: 2; }

.grid-corner[b-togrp9hpnc] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
}

/* Mobile / small screens: stack vertically */
@media (max-width: 960px) {
    .progress-grid[b-togrp9hpnc] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
    }

    .progress-grid .grid-center[b-togrp9hpnc] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .progress-grid .grid-tl[b-togrp9hpnc] { grid-column: 1; grid-row: 1; }
    .progress-grid .grid-tr[b-togrp9hpnc] { grid-column: 2; grid-row: 1; }
    .progress-grid .grid-bl[b-togrp9hpnc] { grid-column: 1; grid-row: 3; }
    .progress-grid .grid-br[b-togrp9hpnc] { grid-column: 2; grid-row: 3; }
}
/* /Components/Parts/DashboardTrends.razor.rz.scp.css */
/* DashboardTrends — rate-of-change donuts with sparkline toggle */

.trends-info[b-t81537qjaz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
    background: rgba(83, 157, 194, 0.08);
    border: 1px solid rgba(83, 157, 194, 0.2);
    border-radius: 8px;
    color: var(--cd-text-secondary, #8a8a8a);
    font-size: 0.9rem;
}

.trends-info-icon[b-t81537qjaz] {
    color: var(--cd-accent, #539dc2);
    flex-shrink: 0;
}

.trends-grid[b-t81537qjaz] {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: auto auto;
    gap: 1rem;
    align-items: start;
}

.grid-center[b-t81537qjaz] {
    grid-column: 2;
    grid-row: 1 / 3;
    overflow-x: auto;
}

.grid-tl[b-t81537qjaz] { grid-column: 1; grid-row: 1; }
.grid-tr[b-t81537qjaz] { grid-column: 3; grid-row: 1; }
.grid-bl[b-t81537qjaz] { grid-column: 1; grid-row: 2; }
.grid-br[b-t81537qjaz] { grid-column: 3; grid-row: 2; }

.grid-corner[b-t81537qjaz] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
}

/* Corner wrapper with toggle button */
.trend-corner-wrapper[b-t81537qjaz] {
    position: relative;
    width: 100%;
}

[b-t81537qjaz] .sparkline-toggle {
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 2;
    padding: 2px;
    color: var(--cd-text-muted, #555);
    opacity: 0.6;
    transition: opacity 0.15s ease;
}

[b-t81537qjaz] .sparkline-toggle:hover {
    opacity: 1;
    color: var(--cd-accent, #539dc2);
}

/* Sparkline compact view */
.sparkline-wrapper[b-t81537qjaz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding-top: 0.25rem;
}

.sparkline-title[b-t81537qjaz] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cd-accent, #539dc2);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.sparkline-delta[b-t81537qjaz] {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 4px;
}

.delta-pos[b-t81537qjaz] {
    color: #2ecc71;
    background: rgba(46, 204, 113, 0.15);
}

.delta-neg[b-t81537qjaz] {
    color: #e74c3c;
    background: rgba(231, 76, 60, 0.15);
}

/* Mobile / small screens: stack vertically */
@media (max-width: 960px) {
    .trends-grid[b-t81537qjaz] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
    }

    .trends-grid .grid-center[b-t81537qjaz] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .trends-grid .grid-tl[b-t81537qjaz] { grid-column: 1; grid-row: 1; }
    .trends-grid .grid-tr[b-t81537qjaz] { grid-column: 2; grid-row: 1; }
    .trends-grid .grid-bl[b-t81537qjaz] { grid-column: 1; grid-row: 3; }
    .trends-grid .grid-br[b-t81537qjaz] { grid-column: 2; grid-row: 3; }
}
/* /Components/Parts/DetailCard.razor.rz.scp.css */
.detail-card[b-bcl6zk4vbh] {
    border: 1px solid var(--cd-border, #333);
    border-radius: 6px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: var(--cd-surface, #1a1a2e);
}

.detail-card-body[b-bcl6zk4vbh] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.detail-card-title[b-bcl6zk4vbh] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--cd-text, #e0e0e0);
}

.detail-card-desc[b-bcl6zk4vbh] {
    font-size: 0.8rem;
    color: var(--cd-text-muted, #888);
    line-height: 1.3;
}

.detail-card-btn[b-bcl6zk4vbh] {
    align-self: flex-start;
    margin-top: auto;
}
/* /Components/Parts/DetailsMenu.razor.rz.scp.css */
.details-menu[b-hb89o45qoa] {
    padding: 8px 0;
}

.details-menu-empty[b-hb89o45qoa] {
    padding: 2em;
    text-align: center;
    color: var(--cd-text-muted, #888);
}

.details-card-grid[b-hb89o45qoa] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
    padding: 12px 4px;
}
/* /Components/Parts/DetailsViewer.razor.rz.scp.css */
.details-viewer[b-iktksc2jnw] {
    padding: 8px 0;
}

.details-viewer-header[b-iktksc2jnw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 16px;
}

.details-viewer-title[b-iktksc2jnw] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--cd-text, #e0e0e0);
}

.details-viewer-context[b-iktksc2jnw] {
    font-size: 0.85rem;
    color: var(--cd-text-muted, #888);
}
/* /Components/Parts/PoolTableSvg.razor.rz.scp.css */
/* PoolTableSvg — hero pool table visualization */

.pool-table-wrapper[b-9ztdcczf7q] {
    position: relative;
    width: 100%;
}

.pool-table-controls[b-9ztdcczf7q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

[b-9ztdcczf7q] .pool-table-view-btn {
    color: var(--cd-text-secondary, #8a8a8a);
    padding: 4px;
}

[b-9ztdcczf7q] .pool-table-view-btn:hover {
    color: var(--cd-accent, #539dc2);
}

[b-9ztdcczf7q] .pool-table-shot-dropdown {
    min-width: 130px;
    max-width: 180px;
}

.pool-table-svg[b-9ztdcczf7q] {
    width: 100%;
    max-width: 800px;
    height: auto;
    display: block;
    border-radius: 8px;
}

.pool-table-empty[b-9ztdcczf7q] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    color: var(--cd-text-muted, #555);
    font-size: 0.9rem;
}
/* /Components/Parts/ShotHeatmap.razor.rz.scp.css */
/* ShotHeatmap — 9-row heatmap (3 groups x 3 pocket zones) */

.heatmap-table[b-rbusueju82] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    font-size: 0.85rem;
}

.heatmap-col-header[b-rbusueju82] {
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cd-text-secondary, #8a8a8a);
    padding: 0.4rem 0.5rem;
}

.heatmap-col-group[b-rbusueju82] {
    width: 80px;
}

.heatmap-col-zone[b-rbusueju82] {
    width: 100px;
    text-align: left;
}

.heatmap-group-label[b-rbusueju82] {
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cd-accent, #539dc2);
    background: var(--cd-accent-subtle, rgba(83, 157, 194, 0.12));
    padding: 0.4rem 0.5rem;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px 0 0 4px;
}

.heatmap-zone-label[b-rbusueju82] {
    font-size: 0.8rem;
    color: var(--cd-text-primary, #e8e8e8);
    padding: 0.4rem 0.5rem;
    white-space: nowrap;
}

.heatmap-cell[b-rbusueju82] {
    text-align: center;
    padding: 0.4rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85rem;
    min-width: 48px;
    color: var(--cd-text-secondary, #8a8a8a);
    background: rgba(255, 255, 255, 0.03);
    cursor: default;
    transition: background 0.15s ease;
}

.heatmap-group-first td[b-rbusueju82] {
    border-top: 2px solid rgba(255, 255, 255, 0.06);
}

.heatmap-empty[b-rbusueju82] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    color: var(--cd-text-muted, #555);
    font-size: 0.9rem;
}
/* /Components/Parts/StatsDonutChart.razor.rz.scp.css */
/* StatsDonutChart — corner panel donut with optional delta indicator */

.donut-panel[b-qg7g1eg5mz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.donut-header[b-qg7g1eg5mz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center;
}

.donut-title[b-qg7g1eg5mz] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cd-accent, #539dc2);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.donut-delta[b-qg7g1eg5mz] {
    font-size: 0.8rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 4px;
}

.delta-positive[b-qg7g1eg5mz] {
    color: #2ecc71;
    background: rgba(46, 204, 113, 0.15);
}

.delta-negative[b-qg7g1eg5mz] {
    color: #e74c3c;
    background: rgba(231, 76, 60, 0.15);
}

.donut-empty[b-qg7g1eg5mz] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cd-text-muted, #555);
    font-size: 0.85rem;
}
/* /Layout/StatsLayout.razor.rz.scp.css */
/* StatsLayout — no-nav layout shell for stats dashboard floors */

.stats-shell[b-mcegmf7786] {
    display: flex;
    flex-direction: column;
    height: 100dvh;
    background: var(--cd-surface-0, #0d0d0d);
    color: var(--cd-text-primary, #e8e8e8);
}

.stats-header[b-mcegmf7786] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 56px;
    padding: 0 1rem;
    background: var(--kendo-color-app-surface, var(--cd-surface-1, #161616));
    border-bottom: 1px solid var(--kendo-color-border, var(--cd-border, rgba(255, 255, 255, 0.06)));
    flex-shrink: 0;
    z-index: 2;
}

.stats-header-left[b-mcegmf7786] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.stats-logo[b-mcegmf7786] {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--kendo-color-primary, var(--cd-accent, #539dc2));
}

.stats-header-right[b-mcegmf7786] {
    display: flex;
    align-items: center;
}

[b-mcegmf7786] .stats-back-btn {
    color: var(--kendo-color-subtle, var(--cd-text-secondary, #8a8a8a));
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
}

[b-mcegmf7786] .stats-back-btn:hover {
    color: var(--kendo-color-on-app-surface, var(--cd-text-primary, #e8e8e8));
}

.stats-floor-tabs[b-mcegmf7786] {
    background: var(--kendo-color-app-surface, var(--cd-surface-1, #161616));
    padding: 0 1rem;
    border-bottom: 1px solid var(--kendo-color-border, var(--cd-border, rgba(255, 255, 255, 0.06)));
    flex-shrink: 0;
}

/* Compact tab strip styling — minimal vertical footprint */
[b-mcegmf7786] .stats-floor-tabs .k-tabstrip-items {
    border-bottom: none;
}

.stats-body[b-mcegmf7786] {
    flex: 1;
    overflow-y: auto;
    padding: 1.25rem 1.5rem;
    min-height: 0;
}
/* /Pages/StatsAnalytics.razor.rz.scp.css */
/* StatsAnalytics — selector bar, sub-tabs, gate messaging, and content area */

.analytics-selectors[b-bbuoz7yx7y] {
    display: flex;
    gap: 1rem;
    padding: 0.75rem 0;
    flex-wrap: wrap;
    align-items: flex-end;
}

.selector-field[b-bbuoz7yx7y] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 140px;
}

.selector-label[b-bbuoz7yx7y] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cd-text-secondary, #8a8a8a);
}

[b-bbuoz7yx7y] .selector-dropdown {
    min-width: 140px;
}

.analytics-subtabs[b-bbuoz7yx7y] {
    border-bottom: 1px solid var(--kendo-color-border, var(--cd-border, rgba(255, 255, 255, 0.06)));
    margin-bottom: 1rem;
}

.analytics-loading[b-bbuoz7yx7y] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem 0;
}

.analytics-tab-content[b-bbuoz7yx7y] {
    padding: 1rem 0;
}

.analytics-empty[b-bbuoz7yx7y] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--cd-text-secondary, #8a8a8a);
}

.analytics-empty-detail[b-bbuoz7yx7y] {
    font-size: 0.85rem;
    color: var(--cd-text-muted, #555);
}

.analytics-gated[b-bbuoz7yx7y] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--cd-text-secondary, #8a8a8a);
}

.analytics-gated-detail[b-bbuoz7yx7y] {
    font-size: 0.85rem;
    color: var(--cd-text-muted, #555);
    max-width: 480px;
    margin: 0.5rem auto 0;
}

.analytics-placeholder[b-bbuoz7yx7y] {
    text-align: center;
    padding: 2rem 1rem;
    color: var(--cd-text-muted, #555);
    font-style: italic;
}
/* /Pages/StatsDashboard.razor.rz.scp.css */
/* StatsDashboard — selector bar, sub-tabs, and content area */

.dashboard-selectors[b-6t7naaubrx] {
    display: flex;
    gap: 1rem;
    padding: 0.75rem 0;
    flex-wrap: wrap;
    align-items: flex-end;
}

.selector-field[b-6t7naaubrx] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 140px;
}

.selector-label[b-6t7naaubrx] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cd-text-secondary, #8a8a8a);
}

[b-6t7naaubrx] .selector-dropdown {
    min-width: 140px;
}

.dashboard-subtabs[b-6t7naaubrx] {
    border-bottom: 1px solid var(--kendo-color-border, var(--cd-border, rgba(255, 255, 255, 0.06)));
    margin-bottom: 1rem;
}

.dashboard-loading[b-6t7naaubrx] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem 0;
}

.dashboard-tab-content[b-6t7naaubrx] {
    padding: 1rem 0;
}

.dashboard-empty[b-6t7naaubrx] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--cd-text-secondary, #8a8a8a);
}
/* /Pages/StatsDetails.razor.rz.scp.css */
.details-selectors[b-s0o1tyhsp7] {
    display: flex;
    gap: 1rem;
    padding: 0.75rem 0;
    flex-wrap: wrap;
    align-items: flex-end;
}

.selector-field[b-s0o1tyhsp7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 140px;
}

.selector-label[b-s0o1tyhsp7] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cd-text-secondary, #8a8a8a);
}

[b-s0o1tyhsp7] .selector-dropdown {
    min-width: 140px;
}

.details-subtabs[b-s0o1tyhsp7] {
    padding: 0 16px;
}

.details-loading[b-s0o1tyhsp7] {
    padding: 2em;
    text-align: center;
}
/* /Pages/StatsDuelStats.razor.rz.scp.css */
/* StatsDuelStats — selector bar, sub-tabs, KPI cards, grid, charts */

.duel-stats-selectors[b-1bvg0lpv2s] {
    display: flex;
    gap: 1rem;
    padding: 0.75rem 0;
    flex-wrap: wrap;
    align-items: flex-end;
}

.selector-field[b-1bvg0lpv2s] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 140px;
}

.selector-label[b-1bvg0lpv2s] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cd-text-secondary, #8a8a8a);
}

[b-1bvg0lpv2s] .selector-dropdown {
    min-width: 140px;
}

.duel-stats-subtabs[b-1bvg0lpv2s] {
    border-bottom: 1px solid var(--kendo-color-border, var(--cd-border, rgba(255, 255, 255, 0.06)));
    margin-bottom: 1rem;
}

.duel-stats-loading[b-1bvg0lpv2s] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem 0;
}

.duel-stats-tab-content[b-1bvg0lpv2s] {
    padding: 1rem 0;
}

.duel-stats-empty[b-1bvg0lpv2s] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--cd-text-secondary, #8a8a8a);
}

.duel-stats-empty-detail[b-1bvg0lpv2s] {
    font-size: 0.85rem;
    color: var(--cd-text-muted, #555);
}

/* KPI Cards */

.duel-kpi-cards[b-1bvg0lpv2s] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.duel-kpi-card[b-1bvg0lpv2s] {
    background: var(--cd-surface, #1e1e1e);
    border: 1px solid var(--cd-border, rgba(255, 255, 255, 0.06));
    border-radius: 8px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.duel-kpi-header[b-1bvg0lpv2s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.duel-kpi-title[b-1bvg0lpv2s] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cd-text-secondary, #8a8a8a);
}

.duel-kpi-value[b-1bvg0lpv2s] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
}

.duel-kpi-delta[b-1bvg0lpv2s] {
    font-size: 0.75rem;
    font-weight: 600;
}

.delta-up[b-1bvg0lpv2s] { color: #4caf50; }
.delta-down[b-1bvg0lpv2s] { color: #f44336; }
.delta-flat[b-1bvg0lpv2s] { color: var(--cd-text-muted, #555); }

.duel-kpi-splits[b-1bvg0lpv2s] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

.duel-kpi-split[b-1bvg0lpv2s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
}

.split-label[b-1bvg0lpv2s] {
    color: var(--cd-text-secondary, #8a8a8a);
    min-width: 70px;
}

.split-value[b-1bvg0lpv2s] {
    font-weight: 600;
}

.split-count[b-1bvg0lpv2s] {
    color: var(--cd-text-muted, #555);
    font-size: 0.7rem;
}

.duel-kpi-summary[b-1bvg0lpv2s] {
    font-size: 0.75rem;
    color: var(--cd-text-muted, #555);
    margin-top: 0.25rem;
}

/* Record Grid */

[b-1bvg0lpv2s] .record-grid {
    margin-top: 0.5rem;
}

.record-grid-empty[b-1bvg0lpv2s] {
    text-align: center;
    padding: 2rem;
    color: var(--cd-text-muted, #555);
}

.result-win[b-1bvg0lpv2s] {
    color: #4caf50;
    font-weight: 700;
}

.result-loss[b-1bvg0lpv2s] {
    color: #f44336;
    font-weight: 700;
}

.skill-rel-badge[b-1bvg0lpv2s] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.skill-rel-1[b-1bvg0lpv2s] { background: #c62828; color: #fff; }
.skill-rel-2[b-1bvg0lpv2s] { background: #ef6c00; color: #fff; }
.skill-rel-3[b-1bvg0lpv2s] { background: #2e7d32; color: #fff; }
.skill-rel-4[b-1bvg0lpv2s] { background: #1565c0; color: #fff; }
.skill-rel-5[b-1bvg0lpv2s] { background: #6a1b9a; color: #fff; }

/* Explore Chart */

.explore-controls[b-1bvg0lpv2s] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.explore-chart[b-1bvg0lpv2s] {
    padding: 0.5rem 0;
}

.explore-empty[b-1bvg0lpv2s] {
    text-align: center;
    padding: 2rem;
    color: var(--cd-text-muted, #555);
}

.explore-counts[b-1bvg0lpv2s] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.75rem;
    font-size: 0.75rem;
    color: var(--cd-text-muted, #555);
}

/* Trends Chart */

.trends-chart[b-1bvg0lpv2s] {
    padding: 0.5rem 0;
}

.trends-empty[b-1bvg0lpv2s] {
    text-align: center;
    padding: 2rem;
    color: var(--cd-text-muted, #555);
}

.trends-summary[b-1bvg0lpv2s] {
    text-align: center;
    margin-top: 0.75rem;
}

.trends-summary-text[b-1bvg0lpv2s] {
    font-size: 0.8rem;
    color: var(--cd-text-muted, #555);
}

/* Responsive */

@media (max-width: 768px) {
    .duel-kpi-cards[b-1bvg0lpv2s] {
        grid-template-columns: 1fr;
    }

    .duel-stats-selectors[b-1bvg0lpv2s] {
        flex-direction: column;
        gap: 0.5rem;
    }
}