.ogames-highscores {
    width: 100%;
    min-width: 0;
    color: inherit;
    font: inherit;
}
.ogames-highscores *, .ogames-highscores *::before, .ogames-highscores *::after { box-sizing: border-box; }
.ogames-highscores [hidden] { display: none !important; }
.ogames-highscores h3 { margin: 1.5rem 0 1rem; }
.ogames-highscores__intro > p:last-child { max-width: 48rem; }
.ogames-highscores__tabs { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.75rem 0; }
.ogames-highscores button {
    font: inherit;
    font-size: .875em;
    font-weight: 700;
    line-height: 1.35;
    padding: .7em .9em;
    cursor: pointer;
    min-height: 44px;
    white-space: normal;
}
.ogames-highscores button[aria-pressed="true"] { box-shadow: inset 0 0 0 2px currentColor; text-decoration: underline; text-underline-offset: .2em; }
.ogames-highscores button:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.ogames-highscores button:disabled { opacity: .6; cursor: wait; }
.ogames-highscores table { width: 100%; border-collapse: collapse; table-layout: auto; margin: 0; background: transparent; font-size: 1em; }
.ogames-highscores th, .ogames-highscores td { border: 0; border-bottom: 1px solid color-mix(in srgb, currentColor 25%, transparent); padding: .85em .6em; color: inherit; text-align: left; }
.ogames-highscores th { font-size: .8em; font-weight: 700; }
.ogames-highscores td:nth-child(2) { font-weight: 700; letter-spacing: .06em; }
.ogames-highscores td:nth-child(3), .ogames-highscores th:nth-child(3) { text-align: right; font-variant-numeric: tabular-nums; }
.ogames-highscores td:nth-child(4), .ogames-highscores th:nth-child(4) { text-align: right; white-space: nowrap; }
.ogames-highscores__empty { padding: 1.5rem .5rem; }
.ogames-highscores__footer { padding-top: 1.5rem; font-size: .85em; }
.ogames-highscores__footer > p:first-child { max-width: 46rem; }
.ogames-highscores__status { min-height: 1.6em; margin: .8rem 0 0; }
.ogames-highscores__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; }
@media (max-width: 480px) {
    .ogames-highscores__tabs { gap: .4rem; }
    .ogames-highscores__tabs button { font-size: .75em; padding: .65em; }
    .ogames-highscores table { font-size: .78em; }
    .ogames-highscores th, .ogames-highscores td { padding: .8em .3em; }
}