/* stats.css — maintained by section. */

/* stats-redesign-20261009 */
/* Theme-owned link ID prevents legacy recoloring of these variable-based rules. */
:is(#asStats,#asStatsDialogs) {
    --sr-panel:var(--private-final-panel,#182940); --sr-top:var(--private-final-panel-top,#20344f);
    --sr-fill:var(--private-panel-fill,linear-gradient(180deg,var(--sr-top),var(--sr-panel)));
    --sr-text:var(--private-final-text,#eef4fb); --sr-muted:var(--private-final-muted,#b9c8d8);
    --sr-border:var(--private-final-border,rgba(167,218,255,.2)); --sr-shadow:var(--private-final-shadow,rgba(3,10,20,.5));
    --sr-accent:var(--private-accent,var(--sr-text)); --sr-hover:color-mix(in srgb,var(--sr-accent) 55%,var(--sr-border));
    color:var(--sr-text); font:14px/1.5 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-private-theme="none"] :is(#asStats,#asStatsDialogs) { --sr-accent:var(--sr-text); }
#asStats { flex:0 0 100%; width:100%; max-width:100%; min-width:0; padding-bottom:12px; }
:is(#asStats,#asStatsDialogs) *, :is(#asStats,#asStatsDialogs) *::before, :is(#asStats,#asStatsDialogs) *::after { box-sizing:border-box; }
#asStats .block { float:none; width:100%; min-width:0; margin:0 0 20px; padding:20px; border:1px solid var(--sr-border)!important; border-radius:14px!important; background-color:var(--sr-panel)!important; background-image:var(--sr-fill)!important; box-shadow:inset 0 1px 0 #ffffff0e,inset 0 -2px 3px var(--sr-shadow),0 5px 10px var(--sr-shadow)!important; }

/* stats-open-layout-20261024; stats-compact-layout-20261024 */
#asStats[data-kind="stats"] > .block:is(.sr-header,.sr-results) {
    padding:0; margin:0 0 20px;
    border:0!important; border-radius:0!important;
    background:transparent!important; box-shadow:none!important;
}
#asStats[data-kind="stats"] .sr-servers {
    margin-top:12px; padding-top:0; border-top:0;
}
#asStats[data-kind="stats"] :is(.sr-tabs,.sr-servers ul) { gap:6px; }
#asStats[data-kind="stats"] :is(.sr-tabs a,.sr-servers a,.sr-search .btn) {
    min-height:34px; padding:7px 11px; font-size:12px; font-weight:600;
    border-radius:7px!important;
    box-shadow:inset 0 1px 0 #ffffff10,0 1px 2px var(--sr-shadow)!important;
}
#asStats[data-kind="stats"] :is(.sr-tabs a,.sr-servers a,.sr-search .btn):hover {
    box-shadow:inset 0 1px 0 #ffffff18,0 2px 3px var(--sr-shadow)!important;
}
#asStats[data-kind="stats"] :is(.sr-tabs [aria-current="page"],.sr-servers li.active a) {
    box-shadow:inset 0 0 0 .5px var(--sr-accent)!important;
}
#asStats[data-kind="stats"] .sr-results-title { font-size:21px; margin:0 0 12px; }
#asStats[data-kind="stats"] .sr-search { gap:8px; margin:0 0 12px; }
#asStats[data-kind="stats"] .sr-search input {
    height:38px; padding:8px 38px 8px 12px;
    border-radius:7px!important; box-shadow:inset 0 1px 2px var(--sr-shadow)!important;
}
#asStats[data-kind="stats"] .sr-search .btn { min-width:80px; }
#asStats[data-kind="stats"] .sr-clear { top:3px; right:3px; height:32px; width:32px; }
@media(min-width:768px) {
    #asStats[data-kind="stats"] .sr-table { border-spacing:0 5px; }
    #asStats[data-kind="stats"] .sr-table > thead > tr > th { padding:0 10px 5px; }
    #asStats[data-kind="stats"] .sr-table > tbody > tr:not(.hidden-tr) > td {
        height:48px; padding:6px 10px; font-size:13px;
        background-image:none!important; box-shadow:none!important;
    }
    #asStats[data-kind="stats"] .sr-table > tbody > tr:not(.hidden-tr) > td:first-child { border-radius:8px 0 0 8px; }
    #asStats[data-kind="stats"] .sr-table > tbody > tr:not(.hidden-tr) > td:last-child { border-radius:0 8px 8px 0; }
    #asStats[data-kind="stats"] .sr-table > tbody > tr:not(.hidden-tr) > td:only-child { border-radius:8px; }
}
/* stats-toolbar-20261024: title, server selector, search. */
#asStats[data-kind="stats"] .sr-toolbar {
    display:grid; grid-template-columns:minmax(0,1fr); align-items:center;
    gap:12px 16px; margin-bottom:16px;
}
/* stats-picker-style-20261024: compact title panel and themed server navigation. */
#asStats[data-kind="stats"] .sr-toolbar .sr-results-title {
    display:flex; align-items:center; justify-self:start; min-height:40px;
    margin:0; padding:6px 14px; font-size:18px; line-height:1.3;
    background-color:var(--sr-panel)!important; background-image:var(--sr-fill)!important;
    border:1px solid var(--sr-border); border-radius:7px;
    box-shadow:inset 0 1px 0 #ffffff10,0 1px 2px var(--sr-shadow);
}
#asStats[data-kind="stats"] .sr-toolbar .sr-search { margin:0; min-width:0; width:100%; }
#asStats[data-kind="stats"] .sr-server-picker { position:relative; min-width:0; }
#asStats[data-kind="stats"] .sr-server-picker::after {
    content:""; position:absolute; right:14px; top:50%; width:7px; height:7px;
    border-right:2px solid var(--sr-text); border-bottom:2px solid var(--sr-text);
    transform:translateY(-70%) rotate(45deg); pointer-events:none;
}
#asStats[data-kind="stats"] .sr-server-select {
    display:block; width:100%; height:38px; margin:0; padding:7px 36px 7px 12px;
    appearance:none; -webkit-appearance:none;
    color:var(--sr-text)!important; -webkit-text-fill-color:var(--sr-text)!important;
    background-color:var(--sr-panel)!important; background-image:var(--sr-fill)!important;
    border:1px solid var(--sr-border)!important; border-radius:7px!important;
    box-shadow:inset 0 1px 0 #ffffff10,0 1px 2px var(--sr-shadow)!important;
    font:600 12px/1.4 ui-sans-serif,system-ui,sans-serif; cursor:pointer;
}
#asStats[data-kind="stats"] .sr-server-select option { color:var(--sr-text); background:var(--sr-panel); }
#asStats[data-kind="stats"] .sr-server-select:focus-visible { outline:2px solid var(--sr-accent); outline-offset:3px; }
#asStats[data-kind="stats"] .sr-server-toggle {
    display:block; width:100%; min-height:40px; margin:0; padding:8px 36px 8px 12px;
    color:var(--sr-text)!important; -webkit-text-fill-color:var(--sr-text)!important;
    background-color:var(--sr-panel)!important; background-image:var(--sr-fill)!important;
    border:1px solid var(--sr-border)!important; border-radius:7px!important;
    box-shadow:inset 0 1px 0 #ffffff10,0 1px 2px var(--sr-shadow)!important;
    font:600 12px/1.4 ui-sans-serif,system-ui,sans-serif; text-align:left;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;
}
#asStats[data-kind="stats"] .sr-server-toggle:is(:hover,[aria-expanded="true"]) { border-color:var(--sr-hover)!important; }
#asStats[data-kind="stats"] .sr-server-picker.sr-server-open { z-index:30; }
#asStats[data-kind="stats"] .sr-server-picker.sr-server-open::after { transform:translateY(-20%) rotate(225deg); }
#asStats[data-kind="stats"] .sr-server-menu {
    position:absolute; z-index:30; top:calc(100% + 6px); left:0; width:100%;
    max-height:min(360px,60vh); overflow:auto; overscroll-behavior:contain;
    margin:0; padding:5px; list-style:none;
    color:var(--sr-text); background-color:var(--sr-panel)!important; background-image:var(--sr-fill)!important;
    border:1px solid var(--sr-border); border-radius:9px;
    box-shadow:inset 0 1px 0 #ffffff18,0 5px 12px var(--sr-shadow);
    scrollbar-width:thin; scrollbar-color:var(--sr-muted) var(--sr-panel);
}
#asStats[data-kind="stats"] .sr-server-menu.sr-server-menu-up { top:auto; bottom:calc(100% + 6px); }
#asStats[data-kind="stats"] .sr-server-menu li { margin:0; padding:0; list-style:none; }
#asStats[data-kind="stats"] .sr-server-menu a {
    display:flex; align-items:center; position:relative; min-height:36px; padding:8px 10px 8px 28px;
    margin:1px 0; border:1px solid transparent; border-radius:6px;
    color:var(--sr-text)!important; -webkit-text-fill-color:var(--sr-text)!important;
    background:transparent; box-shadow:none; font:600 12px/1.4 ui-sans-serif,system-ui,sans-serif;
    text-decoration:none!important; overflow-wrap:anywhere;
}
#asStats[data-kind="stats"] .sr-server-menu a:is(:hover,:focus-visible) {
    background:color-mix(in srgb,var(--sr-text) 9%,var(--sr-panel)); border-color:var(--sr-hover);
    outline:none;
}
#asStats[data-kind="stats"] .sr-server-menu a[aria-current="page"] {
    border-color:var(--sr-accent); background:color-mix(in srgb,var(--sr-accent) 7%,var(--sr-panel));
}
#asStats[data-kind="stats"] .sr-server-menu a[aria-current="page"]::before {
    content:"✓"; position:absolute; left:9px; font-size:13px;
}
@media(max-width:767px) {
    #asStats[data-kind="stats"] .sr-server-menu a { min-height:40px; }
}
@media(min-width:1024px) {
    #asStats[data-kind="stats"] .sr-toolbar { grid-template-columns:auto minmax(220px,300px) minmax(260px,1fr); }
    #asStats[data-kind="stats"] .sr-toolbar .sr-search { max-width:420px; justify-self:end; }
}
@media(min-width:768px) and (max-width:1023px) {
    #asStats[data-kind="stats"] .sr-toolbar { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
    #asStats[data-kind="stats"] .sr-toolbar .sr-results-title { grid-column:1 / -1; }
}
@media(max-width:767px) {
    #asStats[data-kind="stats"] .sr-server-select { height:40px; }
}
@media(max-width:767px) {
    #asStats[data-kind="stats"] > .block:is(.sr-header,.sr-results) { margin-bottom:18px; }
    #asStats[data-kind="stats"] :is(.sr-tabs a,.sr-servers a,.sr-search .btn) { min-height:40px; }
    #asStats[data-kind="stats"] .sr-search input { height:40px; }
    #asStats[data-kind="stats"] .sr-results-title { font-size:20px; }
}

#asStats h1 { color:var(--sr-text)!important; -webkit-text-fill-color:var(--sr-text)!important; margin:0; padding:0; font-family:inherit; font-size:24px; font-weight:750; line-height:1.35; }
#asStats .sr-heading-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; }
#asStats .sr-results-title { margin:0 0 18px; }
#asStats .sr-main-tabs a { font-size:15px; padding:11px 18px; }
#asStats .sr-servers, #asStats .sr-knife-controls { margin-top:17px; padding-top:17px; border-top:1px solid var(--sr-border); }
#asStats .sr-servers ul, #asStats .sr-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
#asStats .sr-servers li { margin:0; padding:0; list-style:none; }
#asStats :is(.sr-servers a,.sr-tabs a,.btn), #asStatsDialogs .btn {
    display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:9px 14px; margin:0;
    color:var(--sr-text)!important; -webkit-text-fill-color:var(--sr-text)!important; background-color:var(--sr-panel)!important; background-image:var(--sr-fill)!important;
    border:1px solid var(--sr-border)!important; border-radius:9px!important; box-shadow:inset 0 1px 0 #ffffff10,0 3px 6px var(--sr-shadow)!important;
    font:650 13px/1.4 ui-sans-serif,system-ui,sans-serif; text-decoration:none!important; cursor:pointer; transition:border-color .16s,box-shadow .16s;
}
#asStats :is(.sr-servers a,.sr-tabs a,.btn):hover, #asStatsDialogs .btn:hover { border-color:var(--sr-hover)!important; box-shadow:inset 0 1px 0 #ffffff18,0 4px 8px var(--sr-shadow)!important; }
#asStats :is(.sr-servers li.active a,.sr-tabs [aria-current="page"]) { border-color:var(--sr-accent)!important; box-shadow:inset 0 0 0 1px var(--sr-accent)!important; }
:is(#asStats,#asStatsDialogs) :is(a,button,input,[tabindex]):focus-visible { outline:2px solid var(--sr-accent); outline-offset:3px; }
#asStats .sr-total { color:var(--sr-muted); font-size:13px; }
#asStats .sr-total strong { color:var(--sr-text); font-size:16px; font-variant-numeric:tabular-nums; margin-left:4px; }
#asStats .sr-search { display:flex; align-items:stretch; gap:10px; margin:0 0 18px; }
#asStats .sr-search-field { position:relative; display:block; flex:1; min-width:0; margin:0; }
#asStats .sr-search input { width:100%; height:42px; padding:10px 44px 10px 14px; margin:0; font:inherit; color:var(--sr-text)!important; -webkit-text-fill-color:var(--sr-text)!important; background-color:var(--sr-panel)!important; background-image:var(--sr-fill)!important; border:1px solid var(--sr-border)!important; border-radius:9px!important; box-shadow:inset 0 2px 4px var(--sr-shadow)!important; }
#asStats .sr-search input::placeholder { color:var(--sr-muted)!important; -webkit-text-fill-color:var(--sr-muted)!important; opacity:.8; }
#asStats .sr-search .btn { min-width:98px; }
#asStats .sr-clear { display:flex; align-items:center; justify-content:center; position:absolute; right:4px; top:4px; width:34px; height:34px; border:1px solid transparent; border-radius:7px; color:var(--sr-muted); text-decoration:none; font:24px/1 system-ui,sans-serif; }
#asStats .sr-clear:hover { border-color:var(--sr-border); color:var(--sr-text); }
#asStats [hidden] { display:none!important; }
#asStats .sr-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
#asStats .sr-empty { padding:22px; text-align:center; color:var(--sr-muted); }
#asStats .sr-table-wrap { overflow:visible; width:100%; }
#asStats .sr-table { width:100%; table-layout:fixed; margin:0; border:0!important; border-collapse:separate; border-spacing:0 7px; background:transparent!important; }
#asStats .sr-table > :is(thead,tbody), #asStats .sr-table > :is(thead,tbody) > tr { border:0!important; background:transparent!important; }
#asStats .sr-table > thead > tr > th { padding:0 12px 7px; background:transparent!important; border:0!important; color:var(--sr-muted)!important; font-size:12px; font-weight:600; text-align:left; }
#asStats .sr-table > thead > tr > th:first-child { width:96px; text-align:center; }
/* stats-all-ui-fix-20261023: show the complete place, including five/six digits. */
#asStats .sr-table > tbody > tr:not(.hidden-tr) > td:first-child:not(:only-child) { overflow:visible!important; text-overflow:clip!important; white-space:nowrap!important; overflow-wrap:normal; }
#asStats .sr-table > thead > tr > th:nth-child(2) { width:32%; }
#asStats .sr-knife-table > thead > tr > th:nth-child(2) { width:55%; }
#asStats .sr-table > tbody > tr:not(.hidden-tr) > td { height:56px; padding:9px 12px; vertical-align:middle; overflow-wrap:anywhere; color:var(--sr-text)!important; background-color:var(--sr-panel)!important; background-image:var(--sr-fill)!important; border:0!important; border-top:1px solid var(--sr-border)!important; border-bottom:1px solid var(--sr-border)!important; box-shadow:inset 0 1px 0 #ffffff08!important; font-size:14px; font-variant-numeric:tabular-nums; }
#asStats .sr-table > tbody > tr:not(.hidden-tr) > td:first-child { border-left:1px solid var(--sr-border)!important; border-radius:10px 0 0 10px; text-align:center; color:var(--sr-muted)!important; }
#asStats .sr-table > tbody > tr:not(.hidden-tr) > td:last-child { border-right:1px solid var(--sr-border)!important; border-radius:0 10px 10px 0; }
#asStats .sr-table > tbody > tr:not(.hidden-tr) > td:only-child { border-radius:10px; text-align:center; padding:20px; }
#asStats .sr-table > tbody > tr[data-toggle="modal"] { cursor:pointer; }
#asStats .sr-table > tbody > tr:not(.hidden-tr):is(:hover,:focus-within) > td { border-color:var(--sr-hover)!important; }
#asStats .hidden-tr, #asStats .hidden-tr > td { height:0!important; padding:0!important; border:0!important; box-shadow:none!important; }
/* stats-row-spacing-20261024: detail carriers must not double the table spacing.
   The existing modal handler moves each dialog to #asStatsDialogs before opening. */
#asStats[data-kind="stats"] .sr-table > tbody > tr.hidden-tr { display:none!important; }
#asStats .sr-table .label, #asStatsDialogs .label { display:inline-block; padding:4px 7px; border:1px solid var(--sr-border); border-radius:6px; background:color-mix(in srgb,var(--sr-text) 7%,transparent)!important; color:var(--sr-text)!important; white-space:nowrap; font:600 12px/1.4 ui-sans-serif,system-ui,sans-serif; }
#asStats .sr-table img.rank { max-width:90px; max-height:32px; object-fit:contain; }
/* Decorated identities work in table rows and in the body-level dialog. */
:is(#asStats,#asStatsDialogs) .stats-user-identity { display:inline-flex; align-items:center; flex-wrap:wrap; gap:5px; min-width:0; max-width:100%; }
:is(#asStats,#asStatsDialogs) .stats-user-profile { display:inline-flex; align-items:center; gap:10px; min-width:0; max-width:100%; text-decoration:none; color:var(--sr-text); }
:is(#asStats,#asStatsDialogs) .stats-user-profile i { font-style:normal; font-weight:650; overflow-wrap:anywhere; white-space:normal!important; min-width:0; }
:is(#asStats,#asStatsDialogs) .stats-avatar-wrap { display:inline-block; position:relative; flex:0 0 34px; width:34px; height:34px; margin:3px; overflow:visible; }
:is(#asStats,#asStatsDialogs) .stats-avatar-image { display:block; width:34px!important; height:34px!important; max-width:none!important; margin:0!important; border-radius:50%!important; object-fit:cover; }
:is(#asStats,#asStatsDialogs) .stats-avatar-frame { position:absolute!important; z-index:2; top:-4px; left:-4px; width:42px!important; height:42px!important; max-width:none!important; margin:0!important; border-radius:0!important; object-fit:contain; pointer-events:none; }
:is(#asStats,#asStatsDialogs) .stats-user-badges { display:inline-flex; align-items:center; flex-wrap:wrap; gap:3px; }
:is(#asStats,#asStatsDialogs) .stats-user-badge, :is(#asStats,#asStatsDialogs) .stats-user-badge img { display:inline-block; width:18px!important; height:18px!important; max-width:none!important; margin:0!important; border-radius:0!important; object-fit:contain; }
#asStatsDialogs .modal { z-index:1000040!important; }
body.sr-modal-open .modal-backdrop { z-index:1000030!important; }
#asStatsDialogs .modal-dialog { width:calc(100% - 32px); max-width:1080px; margin:24px auto; }
#asStatsDialogs .modal-content { display:flex; flex-direction:column; width:100%; max-height:calc(100dvh - 48px); padding:0; border:1px solid var(--sr-border)!important; border-radius:14px!important; background-color:var(--sr-panel)!important; background-image:var(--sr-fill)!important; color:var(--sr-text)!important; box-shadow:0 16px 50px var(--sr-shadow)!important; }
#asStatsDialogs .modal-header { display:flex; flex:0 0 auto; align-items:center; gap:12px; padding:8px 18px; border-bottom:1px solid var(--sr-border); }
/* stats-modal-actions-20261024: player actions beside the dialog title. */
#asStatsDialogs .sr-dialog-heading { display:flex; flex:1 1 auto; align-items:center; flex-wrap:wrap; gap:8px 12px; min-width:0; }
#asStatsDialogs .sr-dialog-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-width:0; max-width:100%; }
#asStatsDialogs .sr-dialog-actions .btn { min-height:32px; height:auto!important; padding:4px 10px!important; font-size:12px; line-height:1.4; margin:0!important; max-width:100%; white-space:normal; }
#asStatsDialogs .modal-header > .close { flex:0 0 34px; position:static!important; }
#asStatsDialogs .modal-title { color:var(--sr-text)!important; -webkit-text-fill-color:var(--sr-text)!important; font:700 16px/1.4 ui-sans-serif,system-ui,sans-serif; margin:0; }
#asStatsDialogs .close { order:2; float:none; margin:0 0 0 auto; padding:0; width:34px; height:34px; border:1px solid var(--sr-border); border-radius:8px; background:transparent; color:var(--sr-text)!important; opacity:1; text-shadow:none; font-size:26px; }
#asStatsDialogs .close:hover { border-color:var(--sr-hover); }
#asStatsDialogs .close span { color:inherit!important; -webkit-text-fill-color:currentColor!important; }
/* stats-details-cleanup-20261024: Army values use the normal dialog text colour. */
#asStatsDialogs .sr-army-value { color:var(--sr-text)!important; -webkit-text-fill-color:var(--sr-text)!important; }
#asStatsDialogs .modal-body { flex:1 1 auto; min-height:0; overflow:auto; padding:18px 20px; }
#asStatsDialogs .table-responsive { border:0; background:transparent!important; margin-bottom:16px; overflow-x:auto; }
#asStatsDialogs table { width:100%; border:0!important; margin:0; background:transparent!important; border-collapse:collapse; }
#asStatsDialogs table :is(thead,tbody,tr) { background:transparent!important; }
#asStatsDialogs table :is(td,th) { color:var(--sr-text)!important; background:transparent!important; border:0!important; border-bottom:1px solid var(--sr-border)!important; padding:9px!important; font-size:13px!important; vertical-align:middle; overflow-wrap:anywhere; }
#asStatsDialogs .col-lg-6 table { table-layout:fixed; }
#asStatsDialogs td[colspan="2"] { font-size:14px!important; background:color-mix(in srgb,var(--sr-text) 5%,transparent)!important; }
#asStatsDialogs .progress { position:relative; min-width:70px; height:24px; background:color-mix(in srgb,var(--sr-text) 9%,transparent)!important; border-radius:5px; }
#asStatsDialogs .progress-bar { max-width:100%; background:color-mix(in srgb,var(--sr-accent) 38%,var(--sr-panel))!important; }
#asStatsDialogs .progress span { position:absolute; inset:0; text-align:center; color:var(--sr-text)!important; line-height:24px; }
@media(max-width:767px) {
    #asStats .block { padding:14px; margin-bottom:14px; }
    #asStats h1 { font-size:21px; }
    #asStats .sr-servers a { padding:8px 10px; font-size:11px; }
    #asStats .sr-servers ul { flex-wrap:nowrap; overflow-x:auto; padding:3px 2px 8px; scrollbar-width:thin; }
    #asStats .sr-servers li { flex:0 0 auto; }
    #asStats .sr-table, #asStats .sr-table > tbody { display:block; }
    #asStats .sr-table > thead { display:none; }
    #asStats .sr-table > tbody > tr:not(.hidden-tr) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; margin:0 0 10px; gap:10px 16px; border:1px solid var(--sr-border)!important; border-radius:10px; background-color:var(--sr-panel)!important; background-image:var(--sr-fill)!important; }
    #asStats .sr-table > tbody > tr:not(.hidden-tr) > td { display:block; width:auto!important; max-width:none!important; height:auto; min-width:0; border:0!important; border-radius:0!important; padding:0; box-shadow:none!important; background:transparent!important; text-align:left; }
    #asStats .sr-table > tbody > tr:not(.hidden-tr) > td:is(:first-child,:last-child) { border:0!important; text-align:left; }
    #asStats .sr-table > tbody > tr:not(.hidden-tr) > td::before { content:attr(data-label); display:block; margin-bottom:3px; font-size:11px; color:var(--sr-muted); }
    #asStats .sr-table > tbody > tr:not(.hidden-tr) > td:nth-child(2) { grid-column:1 / -1; grid-row:1; padding-bottom:9px; border-bottom:1px solid var(--sr-border)!important; }
    #asStats .sr-table > tbody > tr:not(.hidden-tr) > td:nth-child(2)::before { display:none; }
    #asStats .sr-table > tbody > tr.sr-empty-row > td { grid-column:1 / -1; text-align:center; }
    #asStats .sr-table > tbody > tr.sr-empty-row > td::before { display:none; }
    #asStats .sr-table .hidden-tr { display:block; }
    #asStatsDialogs .modal-dialog { width:calc(100% - 20px); margin:10px auto; }
    #asStatsDialogs .modal-content { max-height:calc(100dvh - 20px); }
    #asStatsDialogs .modal-header { padding:8px 14px; }
    #asStatsDialogs .modal-body { padding:14px; }
}

#asStatsDialogs table :is(b,strong) { color:var(--sr-text)!important; -webkit-text-fill-color:var(--sr-text)!important; }
:is(#asStats,#asStatsDialogs) .stats-user-profile i:not([style]) { color:inherit!important; -webkit-text-fill-color:inherit!important; }

/* Same segmented pagination as notifications; retain server links as a fallback. */
#asStats #pagination2.sr-pagination-ready {
    --sr-pagination-accent: var(--private-accent, var(--private-final-text, #eee));
    display: flex; justify-content: center; width: 100%; margin: 16px 0 28px;
}
html[data-private-theme="none"][data-private-mode="neutral"] #asStats #pagination2.sr-pagination-ready {
    --sr-pagination-accent: var(--private-final-text, #fff);
}
#asStats #pagination2.sr-pagination-ready > :is(.pagination,.sr-knife-pagination) { display: none !important; }
	#asStats #pagination2 .sr-pagination {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		max-width: 100%;
		margin: 0;
		overflow-x: auto;
		padding: 3px;
		box-sizing: border-box;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		scrollbar-width: thin;
	}
	#asStats #pagination2 .sr-pagination-pages { display: flex; flex: 0 0 auto; align-items: center; margin-left: -1px; }

	#asStats #pagination2 .sr-pagination :is(a, button, span) {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 auto !important;
		box-sizing: border-box !important;
		min-width: 38px !important;
		height: 38px !important;
		margin: 0 !important;
		padding: 0 10px !important;
		border: 1px solid var(--private-final-border, rgba(255,255,255,.16)) !important;
		border-radius: 0 !important;
		background-color: var(--private-final-panel, #223a5a) !important;
		background-image: linear-gradient(145deg, rgba(255,255,255,.018), transparent 34%), var(--private-panel-fill, none) !important;
		color: var(--private-final-text, #eee) !important;
		-webkit-text-fill-color: var(--private-final-text, #eee) !important;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.065), inset 0 -2px 3px var(--private-final-shadow, rgba(0,0,0,.24)), 0 3px 7px var(--private-final-shadow, rgba(0,0,0,.24)) !important;
		font: 700 13px/1 ui-sans-serif, system-ui, sans-serif !important;
		text-decoration: none !important;
		cursor: pointer !important;
	}

	#asStats #pagination2 .sr-pagination > :is(a, button) + :is(a, button, .sr-pagination-pages),
	#asStats #pagination2 .sr-pagination-pages > :is(a, span) + :is(a, span),
	#asStats #pagination2 .sr-pagination-pages + :is(a, button) { margin-left: -1px !important; }
	#asStats #pagination2 .sr-pagination > :first-child { border-radius: 9px 0 0 9px !important; }
	#asStats #pagination2 .sr-pagination > :last-child { border-radius: 0 9px 9px 0 !important; }

	#asStats #pagination2 .sr-pagination :is(a, button):not(:disabled):is(:hover, :focus-visible),
	#asStats #pagination2 .sr-pagination a.active {
		position: relative !important;
		z-index: 2 !important;
		border-color: var(--sr-pagination-accent, var(--private-final-text, #eee)) !important;
		background-color: var(--private-final-hover, #292929) !important;
		background-image: var(--private-hover-fill, none) !important;
		color: var(--sr-pagination-accent, var(--private-final-text, #eee)) !important;
		-webkit-text-fill-color: var(--sr-pagination-accent, var(--private-final-text, #eee)) !important;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -2px 3px var(--private-final-shadow, rgba(0,0,0,.24)), 0 4px 9px var(--private-final-shadow, rgba(0,0,0,.28)) !important;
		outline: none !important;
	}
	#asStats #pagination2 .sr-pagination a.active {
		font-weight: 850 !important;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -3px 0 var(--sr-pagination-accent, var(--private-final-text, #eee)), 0 4px 9px var(--private-final-shadow, rgba(0,0,0,.28)) !important;
		cursor: default !important;
	}
	#asStats #pagination2 .sr-pagination button:disabled { opacity: .42 !important; cursor: default !important; }
	#asStats #pagination2 .sr-pagination-ellipsis {
		min-width: 30px !important;
		padding: 0 7px !important;
		border-right: 0 !important;
		border-left: 0 !important;
		box-shadow: none !important;
		cursor: default !important;
	}

@media (max-width: 767px) {
    #asStats #pagination2 .sr-pagination :is(a, button, span) {
        min-width: 34px !important; height: 36px !important; padding: 0 8px !important;
    }
}

/* stats-all-20261023 */
#asStats .sr-all-note { color:var(--sr-muted); margin:0 0 18px; font-size:13px; line-height:1.6; }

/* stats-column-balance-20261024: equal statistic columns, shared header/value centres. */
@media(min-width:768px) {
    #asStats[data-kind="stats"] .sr-table-wrap { overflow-x:auto; }
    #asStats[data-kind="stats"] .sr-table { min-width:1360px; }
    #asStats[data-kind="stats"] .sr-table > thead > tr > th { width:auto; text-align:center; }
    #asStats[data-kind="stats"] .sr-table > thead > tr > th:first-child { width:88px; }
    #asStats[data-kind="stats"] .sr-table > thead > tr > th:nth-child(2) { width:18%; text-align:left; }
    #asStats[data-kind="stats"] .sr-table > thead > tr > th.sr-time { width:156px; }
    #asStats[data-kind="stats"] .sr-table > tbody > tr:not(.hidden-tr):not(.sr-empty-row) > td:nth-child(n+3) { text-align:center; }
    #asStats[data-kind="stats"] .sr-table > tbody > tr:not(.hidden-tr) > td.sr-time { white-space:normal!important; overflow:visible!important; text-overflow:clip!important; }
}
#asStats[data-kind="stats"] .sr-table > tbody > tr:not(.hidden-tr) > td:is(.sr-kdr,.sr-damage,.sr-accuracy) { white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; }

/* stats-red-motion-icons-20261024: meaningful red icons, continuous transform animations. */
#asStats[data-kind="stats"] { --sr-stat-icon-color:#ff4d57; }
html[data-private-mode="light"] #asStats[data-kind="stats"] { --sr-stat-icon-color:#b51f2d; }
#asStats[data-kind="stats"] .sr-column-heading {
    display:inline-flex; align-items:center; gap:5px; max-width:100%; vertical-align:middle;
}
#asStats[data-kind="stats"] .sr-column-heading > span { min-width:0; }
#asStats[data-kind="stats"] .sr-column-icon {
    display:block; flex:0 0 16px; width:16px; height:16px; overflow:visible;
    color:var(--sr-stat-icon-color)!important; -webkit-text-fill-color:var(--sr-stat-icon-color)!important;
    fill:none; stroke:currentColor;
}
#asStats[data-kind="stats"] .sr-column-icon * { color:inherit!important; }
#asStats[data-kind="stats"] .sr-icon-motion { transform-box:view-box; transform-origin:12px 12px; }
@media(prefers-reduced-motion:no-preference) {
    #asStats[data-kind="stats"] :is(.sr-icon-trophy,.sr-icon-user,.sr-icon-skull,.sr-icon-grave,.sr-icon-ratio,.sr-icon-rank) .sr-icon-motion { animation:sr-icon-turn 6s linear infinite; }
    #asStats[data-kind="stats"] .sr-icon-user .sr-icon-motion { animation-delay:-1s; }
    #asStats[data-kind="stats"] .sr-icon-skull .sr-icon-motion { animation-delay:-2s; }
    #asStats[data-kind="stats"] .sr-icon-grave .sr-icon-motion { animation-delay:-3s; }
    #asStats[data-kind="stats"] .sr-icon-ratio .sr-icon-motion { animation-delay:-4s; }
    #asStats[data-kind="stats"] .sr-icon-rank .sr-icon-motion { animation-delay:-5s; }
    #asStats[data-kind="stats"] .sr-icon-headshot .sr-icon-motion { animation:sr-icon-spin 5s linear infinite; transform-origin:12px 9px; }
    #asStats[data-kind="stats"] .sr-icon-damage .sr-icon-motion { animation:sr-icon-spin 7s linear infinite; }
    #asStats[data-kind="stats"] .sr-icon-accuracy .sr-icon-motion { animation:sr-icon-spin 6s linear infinite; }
    #asStats[data-kind="stats"] .sr-icon-skill .sr-icon-motion { animation:sr-icon-gauge 3s ease-in-out infinite alternate; transform-origin:12px 13px; }
    #asStats[data-kind="stats"] .sr-icon-time .sr-icon-motion { animation:sr-icon-spin 6s linear infinite; }
}
@keyframes sr-icon-turn { from { transform:perspective(80px) rotateY(0deg); } to { transform:perspective(80px) rotateY(360deg); } }
@keyframes sr-icon-spin { to { transform:rotate(360deg); } }
@keyframes sr-icon-gauge { from { transform:rotate(-65deg); } to { transform:rotate(35deg); } }
/* Accuracy uses the shared statistic column width. */

/* stats-row-icons-20261024: icons accompany values on every player row. */
#asStats[data-kind="stats"] .sr-stat-value {
    display:inline-flex; align-items:center; gap:5px; max-width:100%; vertical-align:middle;
}
#asStats[data-kind="stats"] :is(.sr-stat-value,.sr-value-text) {
    color:var(--sr-text)!important; -webkit-text-fill-color:var(--sr-text)!important;
}
#asStats[data-kind="stats"] .sr-value-text { min-width:0; }
#asStats[data-kind="stats"] .sr-value-icon { flex:0 0 16px; }
/* stats-icon-alignment-20261024: fixed icon track in each statistic column. */
@media(min-width:768px) {
    #asStats[data-kind="stats"] .sr-table > thead > tr > th:nth-child(n+3) > .sr-column-heading,
    #asStats[data-kind="stats"] .sr-table > tbody > tr:not(.hidden-tr) > td:nth-child(n+3) > .sr-stat-value {
        display:grid; grid-template-columns:16px minmax(0,1fr); align-items:center;
        gap:5px; width:100%; text-align:left;
    }
    #asStats[data-kind="stats"] .sr-stat-value:has(> .sr-icon-rank) > .sr-value-text {
        white-space:normal; overflow-wrap:anywhere;
    }
}
/* Skill and rank use the same width as the other statistics. */

/* stats-header-panel-20261024: a single compact band aligned with player rows. */
@media(min-width:768px) {
    #asStats[data-kind="stats"] .sr-table > thead > tr > th {
        height:36px; padding:6px 10px; line-height:18px; vertical-align:middle; white-space:nowrap;
        background-color:var(--sr-panel)!important; background-image:var(--sr-fill)!important;
        border-top:1px solid var(--sr-border)!important;
        border-bottom:1px solid var(--sr-border)!important;
        box-shadow:inset 0 1px 0 #ffffff08!important;
    }
    #asStats[data-kind="stats"] .sr-table > thead > tr > th:first-child {
        border-left:1px solid var(--sr-border)!important; border-radius:8px 0 0 8px;
    }
    #asStats[data-kind="stats"] .sr-table > thead > tr > th:last-child {
        border-right:1px solid var(--sr-border)!important; border-radius:0 8px 8px 0;
    }
}



/* stats-row-readability-20261024: medal cups, alternating theme rows without medal outlines. */
#asStats[data-kind="stats"] .sr-table > tbody > tr[data-podium="1"] {
    --sr-podium-cup-color:#f1c75b;
}
#asStats[data-kind="stats"] .sr-table > tbody > tr[data-podium="2"] {
    --sr-podium-cup-color:#e0e8f2;
}
#asStats[data-kind="stats"] .sr-table > tbody > tr[data-podium="3"] {
    --sr-podium-cup-color:#dfa376;
}
html[data-private-mode="light"] #asStats[data-kind="stats"] .sr-table > tbody > tr[data-podium="1"] {
    --sr-podium-cup-color:#a47418;
}
html[data-private-mode="light"] #asStats[data-kind="stats"] .sr-table > tbody > tr[data-podium="2"] {
    --sr-podium-cup-color:#edf2f7;
}
html[data-private-mode="light"] #asStats[data-kind="stats"] .sr-table > tbody > tr[data-podium="3"] {
    --sr-podium-cup-color:#9a5a30;
}
#asStats[data-kind="stats"] .sr-podium-position {
    display:inline-flex; align-items:center; justify-content:center; gap:6px; vertical-align:middle;
}
#asStats[data-kind="stats"] :is(.sr-podium-position,.sr-podium-number) {
    color:var(--sr-muted)!important; -webkit-text-fill-color:var(--sr-muted)!important;
}
#asStats[data-kind="stats"] .sr-podium-cup {
    display:block; flex:0 0 18px; width:18px; height:18px; overflow:visible;
    fill:none; stroke:currentColor;
}
#asStats[data-kind="stats"] :is(.sr-podium-cup,.sr-podium-cup *) {
    color:var(--sr-podium-cup-color)!important; -webkit-text-fill-color:var(--sr-podium-cup-color)!important;
}
#asStats[data-kind="stats"] .sr-table > tbody > tr > td.sr-skill .label {
    padding:0!important; border:0!important; border-radius:0!important;
    background:transparent!important; box-shadow:none!important;
}

/* Alternate only visible player rows: hidden detail rows do not count. */
#asStats[data-kind="stats"] {
    --sr-row-base:var(--sr-panel);
    --sr-row-alt:color-mix(in srgb,var(--sr-text) 7%,var(--sr-panel));
    --sr-row-active:color-mix(in srgb,var(--sr-text) 15%,var(--sr-panel));
}
html[data-private-mode="light"] #asStats[data-kind="stats"] {
    --sr-row-base:color-mix(in srgb,white 4%,var(--sr-panel));
    --sr-row-alt:color-mix(in srgb,var(--sr-text) 5%,var(--sr-panel));
    --sr-row-active:color-mix(in srgb,white 20%,var(--sr-panel));
}
#asStats[data-kind="stats"] .sr-table > tbody > tr:not(.hidden-tr):not(.sr-empty-row) {
    --sr-row-bg:var(--sr-row-base);
}
#asStats[data-kind="stats"] .sr-table > tbody > tr:nth-child(even of :not(.hidden-tr):not(.sr-empty-row)) {
    --sr-row-bg:var(--sr-row-alt);
}
#asStats[data-kind="stats"] .sr-table > tbody > tr:not(.hidden-tr):not(.sr-empty-row):focus-within {
    --sr-row-bg:var(--sr-row-active);
}
@media(hover:hover) {
    #asStats[data-kind="stats"] .sr-table > tbody > tr:not(.hidden-tr):not(.sr-empty-row):hover {
        --sr-row-bg:var(--sr-row-active);
    }
}
@media(min-width:768px) {
    #asStats[data-kind="stats"] .sr-table { border-spacing:0 9px; }
    #asStats[data-kind="stats"] .sr-table > tbody > tr:not(.hidden-tr):not(.sr-empty-row) > td {
        background-color:var(--sr-row-bg)!important; background-image:none!important;
    }
}
@media(max-width:767px) {
    #asStats[data-kind="stats"] .sr-table > tbody > tr:not(.hidden-tr):not(.sr-empty-row) {
        margin-bottom:14px;
        background-color:var(--sr-row-bg)!important; background-image:none!important;
    }
}

#asStatsDialogs .sr-bonus-select { width:100%; margin:8px 0 14px; padding:9px; border:1px solid var(--sr-border); border-radius:8px; color:var(--sr-text); background:var(--sr-panel); font:inherit; }
#asStatsDialogs [data-bonus-panel][hidden] { display:none!important; }
#asStatsDialogs .sr-bonus-label { display:block; margin:0; color:var(--sr-muted); font-size:13px; }