.es-statistics {
    min-width: 0; padding: var(--elysium-space-xl); container: es-widget / inline-size;
    font-family: var(--elysium-type-family); color: var(--elysium-color-text);
    background: var(--elysium-color-background); border: 1px solid var(--elysium-color-border);
    border-radius: var(--es-radius, var(--elysium-radius-lg)); box-shadow: var(--elysium-shadow-card);
    --es-cell-padding: var(--elysium-space-lg);
}
.es-content { display: grid; gap: var(--elysium-space-xl); min-width: 0; }
.es-statistics *, .es-statistics *::before, .es-statistics *::after { box-sizing: border-box; }
.es-statistics [hidden] { display: none !important; }
.es-statistics h2, .es-statistics h3, .es-statistics p, .es-statistics dl, .es-statistics dd { margin: 0; }
.es-statistics button, .es-statistics input, .es-statistics select { font: inherit; }
.es-statistics button { cursor: pointer; }
.es-statistics button:disabled { cursor: default; opacity: .5; }
.es-statistics button:focus-visible, .es-statistics a:focus-visible, .es-statistics input:focus-visible, .es-statistics select:focus-visible, .es-statistics [tabindex]:focus-visible { outline: 2px solid var(--elysium-color-accent); outline-offset: 3px; }
.es-statistics a { color: var(--elysium-color-accent); }
.es-header, .es-dialog-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--elysium-space-lg); min-width: 0; }
.es-heading { display: grid; gap: var(--elysium-space-sm); min-width: 0; flex: 1 1 16rem; }
.es-heading h2 { font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.25; }
.es-heading p { color: var(--elysium-color-muted); overflow-wrap: anywhere; }
.es-header > .elysium-field { flex: 0 1 24rem; min-width: 0; }
.es-controls { display: grid; gap: var(--elysium-space-lg); min-width: 0; }
.es-statistics .elysium-field { margin: 0; min-width: 0; }
.es-statistics .elysium-field > small:empty { display: none; }
.es-statistics .elysium-control { min-width: 0; min-height: 2.75rem; width: 100%; padding-block: var(--elysium-space-sm); line-height: 1.3; }
.es-filters { display: grid; grid-template-columns: minmax(0, 1.7fr) repeat(2, minmax(0, 1fr)) minmax(12rem, .9fr); align-items: end; gap: var(--elysium-space-lg); margin: 0; }
.es-filters .elysium-field > span { font-weight: 600; }
.es-order .es-button { width: 100%; }
.es-button { display: inline-flex; justify-content: center; align-items: center; min-height: 2.75rem; padding: var(--elysium-space-sm) var(--elysium-space-lg); border: 1px solid var(--elysium-color-border); border-radius: var(--elysium-radius-md); background: var(--elysium-color-surface); color: var(--elysium-color-text); text-align: center; line-height: 1.3; gap: var(--elysium-space-sm); }
.es-button:hover:not(:disabled), .es-button[aria-current=page] { border-color: var(--elysium-color-accent); background: color-mix(in srgb, var(--elysium-color-accent) 18%, var(--elysium-color-surface)); }
.es-statistics .es-button .btn-label { display: inline-flex; align-items: center; justify-content: center; gap: var(--elysium-space-sm); min-width: 0; overflow-wrap: anywhere; }
.es-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--elysium-space-lg); min-width: 0; }
.es-personal-action { display: grid; gap: var(--elysium-space-sm); flex: 0 1 13rem; min-width: 0; }
.es-personal-action small { line-height: 1.4; }
.es-personal-action [data-es-position-notice] { grid-column: 1 / -1; color: var(--elysium-color-warning); }
.es-comparison-bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--elysium-space-md) var(--elysium-space-lg); flex: 1 1 30rem; min-width: 0; padding: var(--elysium-space-lg); border: 1px solid var(--elysium-color-border); border-radius: var(--elysium-radius-md); background: var(--elysium-color-surface); }
.es-comparison-summary { display: grid; gap: var(--elysium-space-xs); flex: 1 1 14rem; min-width: 0; }
.es-comparison-summary > span { color: var(--elysium-color-muted); font-size: var(--elysium-type-small); }
.es-comparison-buttons { display: flex; flex-wrap: wrap; gap: var(--elysium-space-sm); }
.es-statistics .es-compare-action:not(:disabled) { border-color: var(--elysium-color-accent); background: var(--elysium-color-accent); color: var(--elysium-color-background); }
.es-selected-players { display: flex; flex-wrap: wrap; gap: var(--elysium-space-sm); flex-basis: 100%; min-width: 0; }
.es-selected-player { display: inline-flex; align-items: center; gap: var(--elysium-space-sm); max-width: 100%; min-height: 2.75rem; padding: var(--elysium-space-sm) var(--elysium-space-md); border: 1px solid var(--elysium-color-border); border-radius: var(--elysium-radius-pill); background: var(--elysium-color-background); color: var(--elysium-color-text); }
.es-selected-player > span:first-child { max-width: 16rem; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.es-selected-player:hover { border-color: var(--elysium-color-accent); }
.es-results-shell { position: relative; min-width: 0; }
.es-loading { overflow: hidden; position: absolute; z-index: 2; inset: 0; display: grid; align-content: start; gap: var(--elysium-space-xl); padding: var(--elysium-space-xl); background: color-mix(in srgb, var(--elysium-color-background) 94%, transparent); border-radius: var(--elysium-radius-md); }
.es-statistics [data-es-results] { display: grid; gap: var(--elysium-space-lg); min-width: 0; }
.es-statistics [data-es-request-error] { display: grid; gap: var(--elysium-space-md); }
.es-statistics .es-table-scroll, .es-comparison-scroll { overflow: auto; max-width: 100%; border: 1px solid var(--elysium-color-border); border-radius: var(--elysium-radius-md); }
.es-statistics .es-table { width: 100%; border-collapse: collapse; font-size: .875rem; }
.es-statistics .es-table th, .es-statistics .es-table td { padding: var(--es-cell-padding); text-align: left; vertical-align: middle; white-space: normal; border: 0; border-bottom: 1px solid var(--elysium-color-border); }
.es-statistics .es-table th { font-weight: 500; color: var(--elysium-color-muted); background: var(--elysium-color-surface); }
.es-statistics .es-table tbody tr:last-child > * { border-bottom: 0; }
.es-statistics .is-place-1 { --es-medal: var(--elysium-color-medal-gold); }
.es-statistics .is-place-2 { --es-medal: var(--elysium-color-medal-silver); }
.es-statistics .is-place-3 { --es-medal: var(--elysium-color-medal-bronze); }
.es-statistics .es-table tr:is(.is-place-1, .is-place-2, .is-place-3) { background: color-mix(in srgb, var(--es-medal) 8%, transparent); box-shadow: inset 3px 0 var(--es-medal); }
.es-statistics .es-table tr.is-selected { background: color-mix(in srgb, var(--elysium-color-accent) 13%, var(--elysium-color-background)); }
.es-statistics .es-table tr.is-located { outline: 2px solid var(--elysium-color-accent); outline-offset: -2px; }
.es-statistics .es-table .es-select-cell { width: 1%; padding: var(--elysium-space-xs); }
.es-number { font-variant-numeric: tabular-nums; white-space: nowrap; }
.es-sort { display: inline-flex; align-items: center; gap: var(--elysium-space-sm); padding: 0; border: 0; color: inherit; background: transparent; text-align: left; min-height: 2.25rem; }
.es-sort:disabled { opacity: 1; }
.es-table th[aria-sort=ascending] .es-sort::after { content: '↑'; color: var(--elysium-color-accent); }
.es-table th[aria-sort=descending] .es-sort::after { content: '↓'; color: var(--elysium-color-accent); }
.es-metric-icon { width: 1rem; height: 1rem; object-fit: contain; flex: 0 0 auto; }
.es-player-cell { min-width: 12rem; }
.es-player-button { display: flex; align-items: center; gap: var(--elysium-space-md); border: 0; background: transparent; color: inherit; padding: 0; width: 100%; text-align: left; }
.es-player-identity { min-width: 0; display: grid; gap: var(--elysium-space-xs); }
.es-player-identity strong { font-size: inherit; overflow-wrap: anywhere; }
.es-player-cell .es-player-identity { min-width: 7rem; max-width: 16rem; }
.es-rank { font-weight: 700; color: var(--elysium-color-muted); font-variant-numeric: tabular-nums; }
.es-rank-badge { display: inline-grid; place-items: center; min-width: 2rem; min-height: 2rem; padding: var(--elysium-space-xs); border: 1px solid transparent; border-radius: var(--elysium-radius-sm); }
.es-statistics tr:is(.is-place-1, .is-place-2, .is-place-3) .es-rank-badge { color: color-mix(in srgb, var(--es-medal) 60%, var(--elysium-color-text)); border-color: color-mix(in srgb, var(--es-medal) 65%, transparent); background: color-mix(in srgb, var(--es-medal) 12%, transparent); }
.es-statistics__avatar { position: relative; display: inline-flex; flex: 0 0 auto; width: var(--es-avatar-size); height: var(--es-avatar-size); }
.es-statistics__avatar-media { width: 100%; height: 100%; display: grid; place-items: center; overflow: hidden; border-radius: var(--elysium-radius-md); background: var(--elysium-color-surface); color: var(--elysium-color-accent); border: 1px solid var(--elysium-color-border); font-weight: 700; }
.es-statistics__avatar-media img { width: 100%; height: 100%; object-fit: cover; }
.es-statistics__registered-marker { position: absolute; right: 0; bottom: 0; width: .65rem; height: .65rem; border-radius: 50%; background: var(--elysium-color-success); border: 2px solid var(--elysium-color-background); }
.es-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--elysium-space-lg); }
.es-pagination > span { font-size: var(--elysium-type-small); color: var(--elysium-color-muted); }
.es-page-buttons { display: flex; flex-wrap: wrap; align-items: center; gap: var(--elysium-space-xs); }
.es-page-buttons .es-button { min-width: 2.5rem; padding-inline: var(--elysium-space-sm); }
.es-overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); gap: var(--elysium-space-lg); }
.es-overview-card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--elysium-space-md); padding: var(--elysium-space-xl); border-radius: var(--elysium-radius-lg); background: var(--elysium-color-surface); border: 1px solid var(--elysium-color-border); }
.es-overview-card > span { color: var(--elysium-color-muted); font-size: var(--elysium-type-small); }
.es-overview-card > strong { grid-column: 1 / -1; font-size: clamp(1.25rem, 2vw, 1.8rem); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.es-overview-icon { width: 1.25rem; height: 1.25rem; object-fit: contain; }
.es-statistics[data-es-widget-kind=leaders] .es-heading { text-align: center; }
.es-podium { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: var(--elysium-space-xl); width: 100%; max-width: 66rem; margin-inline: auto; }
.es-leader { isolation: isolate; position: relative; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: var(--elysium-space-md); padding: var(--elysium-space-xl); text-align: center; border-radius: var(--elysium-radius-lg); border: 1px solid var(--elysium-color-border); background: var(--elysium-color-surface); color: var(--elysium-color-text); overflow: hidden; }
.es-leader > :not(.es-leader-art) { position: relative; }
.es-leader-art { z-index: -1; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: var(--es-art-opacity); mask-image: linear-gradient(to bottom, black, transparent var(--es-art-gradient)); }
.es-leader { border-color: color-mix(in srgb, var(--es-medal) 60%, var(--elysium-color-border)); background: radial-gradient(ellipse at 50% 0, color-mix(in srgb, var(--es-medal) 15%, transparent), transparent 75%), var(--elysium-color-surface); box-shadow: 0 0 24px color-mix(in srgb, var(--es-medal) 16%, transparent), inset 0 0 24px color-mix(in srgb, var(--es-medal) 5%, transparent); }
.es-leader:is(:hover, :focus-visible) { border-color: var(--es-medal); box-shadow: 0 0 32px color-mix(in srgb, var(--es-medal) 34%, transparent), inset 0 0 32px color-mix(in srgb, var(--es-medal) 12%, transparent); }
.es-leader.is-place-1 { grid-column: 2; grid-row: 1; padding-block: var(--elysium-space-2xl); }
.es-leader.is-place-2 { grid-column: 1; grid-row: 1; }
.es-leader.is-place-3 { grid-column: 3; grid-row: 1; }
.es-leader-place { display: flex; align-items: center; gap: var(--elysium-space-sm); color: color-mix(in srgb, var(--es-medal) 60%, var(--elysium-color-text)); font-weight: 700; }
.es-crown { width: 1.5rem; height: 1.5rem; object-fit: contain; }
.es-leader .es-statistics__avatar { width: 4rem; height: 4rem; }
.es-leader .es-player-identity { max-width: 100%; }
.es-leader-score { font-size: 1.6rem; overflow-wrap: anywhere; max-width: 100%; font-variant-numeric: tabular-nums; }
.es-muted { color: var(--elysium-color-muted); font-size: var(--elysium-type-small); }
.es-statistics .es-player-dialog { width: min(60rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); margin: auto; overflow-y: auto; overscroll-behavior: contain; }
.es-dialog-header { margin-bottom: var(--elysium-space-xl); }
.es-dialog-header h2 { font-size: 1.25rem; flex: 1 1 12rem; }
.es-player-details { display: grid; gap: var(--elysium-space-xl); }
.es-details-identity, .es-profile-links { display: flex; flex-wrap: wrap; gap: var(--elysium-space-lg); align-items: center; min-width: 0; }
.es-details-identity .es-player-identity { flex: 1 1 12rem; }
.es-detail-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: var(--elysium-space-lg); }
.es-detail-grid > div { display: grid; gap: var(--elysium-space-sm); border: 1px solid var(--elysium-color-border); padding: var(--elysium-space-lg); border-radius: var(--elysium-radius-md); min-width: 0; }
.es-detail-grid dt { color: var(--elysium-color-muted); font-size: var(--elysium-type-small); }
.es-detail-grid dd { font-weight: 700; overflow-wrap: anywhere; }
.es-compare-table { table-layout: fixed; min-width: 32rem; }
.es-compare-table th, .es-compare-table td { overflow-wrap: anywhere; }
.es-compare-table .es-player-identity { margin-bottom: var(--elysium-space-xs); }
.es-statistics.is-density-compact { --es-cell-padding: var(--elysium-space-md); }
.es-statistics.is-density-spacious { --es-cell-padding: var(--elysium-space-xl); }
.es-statistics.is-style-elysium { border-color: var(--elysium-color-accent); }
@media (prefers-reduced-motion: no-preference) {
    .es-leader { transition: transform var(--es-duration) ease, border-color var(--es-duration) ease, box-shadow var(--es-duration) ease; }
    .es-statistics.is-hover-lift .es-leader:hover { transform: translateY(-3px); }
    .es-statistics.is-hover-scale .es-leader:hover { transform: scale(1.015); }
    .es-statistics.is-enter-stagger .es-leader:nth-child(2) { animation: es-enter var(--es-duration) ease-out; }
    .es-statistics.is-enter-stagger .es-leader:nth-child(3) { animation: es-enter calc(var(--es-duration) * 1.3) ease-out; }
    .es-statistics.is-crown-float .es-crown { animation: es-float 3s ease-in-out infinite; }
    .es-statistics.is-crown-pulse .es-crown, .es-statistics.is-crown-shine .es-crown { animation: es-pulse 2.5s ease-in-out infinite; }
    .es-statistics.is-artwork-drift .es-leader-art { animation: es-drift 10s ease-in-out infinite alternate; }
    .es-statistics.is-artwork-zoom .es-leader-art { animation: es-zoom 10s ease-in-out infinite alternate; }
    .es-statistics.is-enter-fade-up, .es-statistics.is-enter-stagger { animation: es-enter var(--es-duration) ease-out; }
    .es-statistics.is-enter-scale-in { animation: es-scale-in var(--es-duration) ease-out; }
}
@keyframes es-float { 50% { transform: translateY(-3px); } }
@keyframes es-pulse { 50% { opacity: .6; } }
@keyframes es-drift { to { transform: scale(1.04) translateX(1%); } }
@keyframes es-zoom { to { transform: scale(1.08); } }
@keyframes es-scale-in { from { opacity: .5; transform: scale(.99); } to { opacity: 1; transform: scale(1); } }
@keyframes es-enter { from { opacity: .5; } to { opacity: 1; } }
@media (max-width: 768px) {
    .es-statistics { padding: var(--elysium-space-lg); }
    .es-content { gap: var(--elysium-space-lg); }
    .es-header > .elysium-field { flex-basis: 100%; }
    .es-podium { gap: var(--elysium-space-md); }
    .es-leader { padding: var(--elysium-space-lg); }
    .es-page-buttons { justify-content: center; }
    .es-statistics .es-player-dialog { padding: var(--elysium-space-lg); }
}
@media (max-width: 520px) {
    .es-statistics .es-pagination { display: grid; justify-content: stretch; text-align: center; }
    .es-statistics .es-page-buttons .es-button { min-width: 2rem; }
    .es-overview-card { padding: var(--elysium-space-lg); }
    .es-profile-links { overflow-wrap: anywhere; }
}
@container es-widget (max-width: 60rem) {
    .es-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .es-personal-action { flex-basis: 100%; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--elysium-space-md); }
}
@container es-widget (max-width: 34rem) {
    .es-filters > .es-search, .es-filters > .es-order { grid-column: 1 / -1; }
    .es-comparison-buttons { width: 100%; }
    .es-comparison-buttons > button { flex: 1 1 auto; }
    .es-podium { grid-template-columns: minmax(0, 1fr); gap: var(--elysium-space-lg); max-width: 28rem; }
    .es-podium .es-leader { grid-column: auto; grid-row: auto; display: grid; grid-template-columns: auto minmax(0, 1fr); padding: var(--elysium-space-lg); text-align: left; gap: var(--elysium-space-sm) var(--elysium-space-lg); }
    .es-leader-place { grid-column: 1 / -1; grid-row: 1; }
    .es-leader .es-statistics__avatar { grid-column: 1; grid-row: 2 / 5; width: 3rem; height: 3rem; }
    .es-leader .es-player-identity { grid-column: 2; grid-row: 2; }
    .es-leader .es-muted { grid-column: 2; grid-row: 3; }
    .es-leader-score { grid-column: 2; grid-row: 4; font-size: 1.25rem; }
}
@container es-widget (max-width: 20rem) {
    .es-filters, .es-personal-action { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .es-statistics *, .es-statistics *::before { animation: none; transition: none; } }

.es-statistics .es-player-dialog .elysium-modal-header { margin-bottom: var(--elysium-space-xl); }
.es-statistics .es-player-dialog .elysium-modal-header button { min-height: 2.75rem; }