.matchday-page {
    width: 100%;
}

/* PAGE TITLE */

.matchday-heading {
    min-height: 58px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    background: #0b1728;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.matchday-heading h1 {
    margin: 0;
    color: #ffffff;
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}

/* COMPETITION SELECTOR */

.matchday-selector {
    width: 100%;
    background: #081321;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.matchday-selector__leagues {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.matchday-selector__cups {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.matchday-selector__item {
    position: relative;
    min-width: 0;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    appearance: none;
    background: transparent;
    border: 0;
    color: #9eabba;
    font: inherit;
    cursor: pointer;
}

.matchday-selector__item--league {
    height: 195px;
}

.matchday-selector__item--cup {
    height: 132px;
}

.matchday-selector__item:hover {
    background: transparent;
    color: #ffffff;
}

.matchday-selector__item::after {
    content: "";
    position: absolute;
    right: 22px;
    bottom: 0;
    left: 22px;
    height: 3px;
    background: transparent;
}

.matchday-selector__item--league::after {
    right: 30px;
    left: 30px;
}

.matchday-selector__item--selected {
    color: #ffffff;
}

.matchday-selector__item--selected::after {
    background: var(--ffo-gold);
}

.matchday-selector__logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.matchday-selector__logo-wrap--league {
    width: 170px;
    height: 170px;
}

.matchday-selector__logo-wrap--cup {
    width: 112px;
    height: 108px;
}

.matchday-selector__logo {
    display: block;
    object-fit: contain;
}

.matchday-selector__logo--league {
    width: 170px;
    height: 170px;
}

.matchday-selector__logo--cup {
    width: 108px;
    height: 104px;
}

/* SELECTED COMPETITION */

.matchday-competition {
    width: 100%;
}

.matchday-competition__bar {
    min-height: 70px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    background: #0d1a2c;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.matchday-competition__title {
    margin: 0;
    color: var(--ffo-gold);
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* SECTION TABS */

.matchday-tabs {
    width: 100%;
    min-height: 58px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    background: #081321;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.matchday-tabs__item {
    position: relative;
    min-width: 0;
    min-height: 58px;
    padding: 0 14px;
    appearance: none;
    background: transparent;
    border: 0;
    color: #9eabba;
    font: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    cursor: pointer;
}

.matchday-tabs__item:hover {
    color: #ffffff;
}

.matchday-tabs__item::after {
    content: "";
    position: absolute;
    right: 42px;
    bottom: 0;
    left: 42px;
    height: 3px;
    background: transparent;
}

.matchday-tabs__item--selected {
    color: #ffffff;
}

.matchday-tabs__item--selected::after {
    background: var(--ffo-gold);
}

.matchday-tabs__item[hidden] {
    display: none;
}

.matchday-tabs--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* CONTENT */

.matchday-content {
    width: 100%;
    min-height: 360px;
    background: #07111f;
}

.matchday-message {
    min-height: 360px;
    padding: 40px 20px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    color: #9eabba;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
}

.matchday-message--table {
    min-height: 180px;
}

/* RESULTS */

.matchday-results {
    width: 100%;
    padding-bottom: 18px;
}

.matchday-results__heading {
    min-height: 72px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #0b1728;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.matchday-results__heading h3 {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.matchday-results__heading p {
    margin: 5px 0 0;
    color: var(--ffo-gold);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.matchday-results__heading > span {
    color: #9eabba;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-align: right;
}

/*
 * The round buttons already explain what to do.
 * Lose the unnecessary Results helper text.
 */

.matchday-results__heading p,
.matchday-results__heading > span,
.matchday-results__empty {
    display: none;
}

.matchday-results__stages {
    width: 100%;
    padding: 14px 18px;
    display: grid;
    gap: 5px;
    background: #081321;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.matchday-results__stages--league {
    grid-template-columns: repeat(19, minmax(0, 1fr));
}

.matchday-results__stages--cup {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.matchday-results__stage {
    position: relative;
    min-width: 0;
    height: 50px;
    padding: 0 4px;
    appearance: none;
    background: #12243b;
    border: 1px solid #28405d;
    color: #ffffff;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.matchday-results__stage:hover {
    background: #183150;
    border-color: #3a5a7f;
}

.matchday-results__stage--summary {
    border-color: #2e6d49;
    color: #7ee6a1;
}

.matchday-results__stage--summary::after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #55d982;
}

.matchday-results__stage--selected,
.matchday-results__stage--selected:hover {
    background: var(--ffo-gold);
    border-color: var(--ffo-gold);
    color: #07111f;
}

.matchday-results__stage--selected::after {
    background: #17683a;
}

.matchday-results__body {
    width: 100%;
}

.matchday-results__empty {
    min-height: 190px;
    padding: 42px 20px;
    align-items: flex-start;
    justify-content: center;
    color: #7f8da1;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.matchday-results__round {
    width: 100%;
}

.matchday-results__round-heading {
    min-height: 68px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #0d1a2c;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.matchday-results__round-heading h3 {
    margin: 0;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
}

.matchday-results__round-heading p {
    margin: 5px 0 0;
    color: #9eabba;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.matchday-results__round-heading > span {
    color: var(--ffo-gold);
    font-size: 12px;
    font-weight: 700;
    text-align: right;
}

.matchday-results__fixtures {
    padding: 18px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.matchday-results-fixture {
    min-height: 128px;
    padding: 10px 18px;
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        74px
        minmax(0, 1fr);
    align-items: center;
    background: #0a1727;
    border: 1px solid #1c3149;
}

.matchday-results-fixture--report {
    border-color: #2b4058;
}

.matchday-results-fixture__team {
    min-width: 0;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.matchday-results-fixture__logo {
    width: 100px;
    height: 100px;
    display: block;
    object-fit: contain;
}

.matchday-results-fixture__fallback {
    color: #d7e0eb;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.matchday-results-fixture__vs {
    width: 58px;
    height: 46px;
    margin: 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #101f33;
    border: 1px solid #2a4059;
    color: #75869b;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
}

.matchday-results-fixture__vs--report {
    background: #122b4e;
    border-color: #2f64a8;
    color: #ffffff;
    cursor: pointer;
}

.matchday-results-fixture__vs--report:hover {
    background: #183a68;
    border-color: #4b7fc2;
    color: var(--ffo-gold);
}

.matchday-results__fixtures-empty {
    grid-column: 1 / -1;
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #718095;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

.matchday-results__summary-actions {
    padding: 0 18px 16px;
    display: flex;
    justify-content: center;
}

.matchday-results__summary-button {
    min-width: 170px;
    height: 42px;
    padding: 0 18px;
    appearance: none;
    background: #12243b;
    border: 1px solid #2e6d49;
    color: #7ee6a1;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    cursor: pointer;
}

.matchday-results__summary-button:hover:not(:disabled) {
    background: #17344a;
    border-color: #3d8d5f;
    color: #ffffff;
}

.matchday-results__summary-button:disabled {
    opacity: 0.65;
    cursor: default;
}

.matchday-results__summary {
    margin: 0 18px 18px;
    background: #081321;
    border: 1px solid #22364d;
}

.matchday-results__summary[hidden] {
    display: none;
}

.matchday-results__summary pre {
    margin: 0;
    padding: 18px 20px;
    overflow-x: auto;
    overflow-y: visible;
    white-space: pre;
    overflow-wrap: normal;
    word-break: normal;
    color: #dce5ef;
    font-family: Consolas, "Courier New", monospace;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
}

.matchday-results__summary-loading {
    padding: 20px;
    color: #9eabba;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

/* ROUND BY ROUND */

.matchday-round-by-round {
    width: 100%;
}

.matchday-round-by-round__heading {
    min-height: 72px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #0b1728;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.matchday-round-by-round__heading h3 {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.matchday-round-by-round__heading p {
    margin: 5px 0 0;
    color: var(--ffo-gold);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.matchday-round-by-round__heading > span {
    color: #9eabba;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-align: right;
}

.matchday-round-selector {
    width: 100%;
    padding: 14px 18px;
    display: grid;
    gap: 5px;
    background: #081321;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.matchday-round-selector--thirty-eight {
    grid-template-columns: repeat(19, minmax(0, 1fr));
}

.matchday-round-selector--eight {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.matchday-round-selector__item {
    height: 50px;
    padding: 0;
    appearance: none;
    background: #12243b;
    border: 1px solid #28405d;
    color: #ffffff;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.matchday-round-selector__item:hover:not(:disabled) {
    background: #183150;
    border-color: #3a5a7f;
}

.matchday-round-selector__item--selected,
.matchday-round-selector__item--selected:hover:not(:disabled) {
    background: var(--ffo-gold);
    border-color: var(--ffo-gold);
    color: #07111f;
}

.matchday-round-selector__item:disabled {
    background: #091522;
    border-color: #142438;
    color: #42526a;
    cursor: default;
}

.matchday-round-by-round__table {
    width: 100%;
}

.matchday-round-by-round__table .matchday-table-panel__heading {
    border-top: 0;
}

/* LEAGUE TABLE */

.matchday-table-panel {
    width: 100%;
    padding-bottom: 18px;
}

.matchday-table-panel__heading {
    min-height: 72px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #0b1728;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.matchday-table-panel__heading h3 {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.matchday-table-panel__heading p {
    margin: 5px 0 0;
    color: var(--ffo-gold);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.matchday-table-panel__heading > span {
    color: #9eabba;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-align: right;
}

.matchday-league-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    color: #ffffff;
}

.matchday-league-table th,
.matchday-league-table td {
    height: 48px;
    padding: 5px 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    font-size: 12px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}

.matchday-league-table th {
    height: 42px;
    background: #0d1a2c;
    color: #9eabba;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.matchday-league-table tbody tr {
    background: #081321;
}

.matchday-league-table tbody tr:nth-child(even) {
    background: #0a1626;
}

.matchday-league-table tbody tr:hover {
    background: #10203a;
}

.matchday-league-table th:nth-child(1),
.matchday-league-table td:nth-child(1) {
    width: 42px;
}

.matchday-league-table th:nth-child(2),
.matchday-league-table td:nth-child(2) {
    width: 58px;
}

.matchday-league-table th:nth-child(3),
.matchday-league-table td:nth-child(3) {
    width: 260px;
}

.matchday-league-table th:nth-child(n+4):nth-child(-n+10),
.matchday-league-table td:nth-child(n+4):nth-child(-n+10) {
    width: 47px;
}

.matchday-league-table th:nth-child(11),
.matchday-league-table td:nth-child(11) {
    width: 56px;
}

.matchday-league-table th:nth-child(12),
.matchday-league-table td:nth-child(12) {
    width: 146px;
}

.matchday-league-table__position {
    font-weight: 800;
}

.matchday-league-table__club {
    display: flex;
    align-items: center;
    gap: 9px;
    text-align: left !important;
}

.matchday-league-table__club-logo {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
}

.matchday-league-table__logo {
    width: 30px;
    height: 30px;
    display: block;
    object-fit: contain;
}

.matchday-league-table__club-name {
    min-width: 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.matchday-league-table__points {
    color: var(--ffo-gold);
    font-size: 14px !important;
    font-weight: 800;
}

/* TABLE POSITION ZONES */

.matchday-league-table__row--champion
.matchday-league-table__position {
    background: #d1ad31;
    color: #07111f;
    font-weight: 800;
}

.matchday-league-table__row--champions-league
.matchday-league-table__position {
    background: #2459a0;
    color: #ffffff;
    font-weight: 800;
}

.matchday-league-table__row--dpt
.matchday-league-table__position {
    background: #75601f;
    color: #ffffff;
    font-weight: 800;
}

.matchday-league-table__row--relegated
.matchday-league-table__position {
    background: #8a2c38;
    color: #ffffff;
    font-weight: 800;
}

.matchday-league-table__row--automatic-promotion-first
.matchday-league-table__position {
    background: #d1ad31;
    color: #07111f;
    font-weight: 800;
}

.matchday-league-table__row--automatic-promotion-second
.matchday-league-table__position {
    background: #aa8f35;
    color: #ffffff;
    font-weight: 800;
}

.matchday-league-table__row--promotion-playoff
.matchday-league-table__position {
    background: #2d6993;
    color: #ffffff;
    font-weight: 800;
}

.matchday-league-table__row--automatic
.matchday-league-table__position {
    background: #27764d;
    color: #ffffff;
    font-weight: 800;
}

.matchday-league-table__row--continental-playoff
.matchday-league-table__position {
    background: #856d27;
    color: #ffffff;
    font-weight: 800;
}

.matchday-league-table__row--out
.matchday-league-table__position {
    background: #812d39;
    color: #ffffff;
    font-weight: 800;
}

/* MOVEMENT */

.matchday-movement {
    min-width: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    font-size: 12px;
    font-weight: 800;
}

.matchday-movement--up {
    color: #55d982;
}

.matchday-movement--down {
    color: #ff6c76;
}

.matchday-movement--same {
    color: #718095;
}

.matchday-movement__arrow {
    font-size: 16px;
    line-height: 1;
}

/* FORM */

.matchday-form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.matchday-form__item {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
}

.matchday-form__item--win {
    background: #207a45;
}

.matchday-form__item--draw {
    background: #596579;
}

.matchday-form__item--loss {
    background: #9b3540;
}

.matchday-form__item--empty {
    background: #1a293d;
}

/* POSITION TRACKER */

.matchday-position-tracker {
    width: 100%;
    padding-bottom: 18px;
    background: #07111f;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.matchday-position-tracker__heading {
    min-height: 72px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #0b1728;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.matchday-position-tracker__heading h3 {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.matchday-position-tracker__heading p {
    margin: 5px 0 0;
    color: var(--ffo-gold);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.matchday-position-tracker__controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

.matchday-position-tracker__control {
    min-width: 66px;
    height: 34px;
    padding: 0 12px;
    appearance: none;
    background: #12243b;
    border: 1px solid #28405d;
    color: #ffffff;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    cursor: pointer;
}

.matchday-position-tracker__control:hover {
    background: #183150;
    border-color: #3a5a7f;
}

.matchday-position-tracker__chart-wrap {
    margin: 18px 18px 0;
    background: #081321;
    border: 1px solid rgba(255, 255, 255, 0.09);
}

.matchday-position-tracker__chart {
    width: 100%;
    height: 500px;
    display: block;
    overflow: visible;
}

.matchday-position-tracker__grid-line {
    stroke: rgba(255, 255, 255, 0.10);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.matchday-position-tracker__grid-line--vertical {
    stroke: rgba(255, 255, 255, 0.055);
}

.matchday-position-tracker__axis-label {
    fill: #7f8da1;
    font-size: 10px;
    font-weight: 700;
    font-family: inherit;
}

.matchday-position-tracker__series {
    fill: none;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    opacity: 0.92;
    transition:
        opacity 120ms ease,
        stroke-width 120ms ease;
}

.matchday-position-tracker__series:hover {
    stroke-width: 4;
    opacity: 1;
}

.matchday-position-tracker__series.is-hidden {
    display: none;
}

.matchday-position-tracker__round-marker {
    stroke: var(--ffo-gold);
    stroke-width: 2;
    stroke-dasharray: 6 5;
    vector-effect: non-scaling-stroke;
    opacity: 0.8;
    pointer-events: none;
}

.matchday-position-tracker__round-marker.is-hidden {
    display: none;
}

.matchday-position-tracker__clubs {
    padding: 14px 18px 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
}

.matchday-position-tracker__club {
    min-width: 0;
    height: 44px;
    padding: 5px 8px;
    display: grid;
    grid-template-columns:
        18px
        30px
        minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    appearance: none;
    background: #0b192a;
    border: 1px solid #20354f;
    color: #ffffff;
    font: inherit;
    cursor: pointer;
    text-align: left;
}

.matchday-position-tracker__club:hover {
    background: #10223a;
    border-color: #345474;
}

.matchday-position-tracker__club.is-hidden {
    opacity: 0.38;
}

.matchday-position-tracker__club-line {
    width: 18px;
    height: 3px;
    display: block;
}

.matchday-position-tracker__club-logo-wrap {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.matchday-position-tracker__club-logo {
    width: 27px;
    height: 27px;
    display: block;
    object-fit: contain;
}

.matchday-position-tracker__club-name {
    min-width: 0;
    overflow: hidden;
    color: #dbe3ee;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* STATS */

.matchday-stats {
    width: 100%;
    padding-bottom: 18px;
}

.matchday-stats__heading {
    min-height: 72px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #0b1728;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.matchday-stats__heading h3 {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.matchday-stats__heading p {
    margin: 5px 0 0;
    color: var(--ffo-gold);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.matchday-stats__heading > span {
    color: #9eabba;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-align: right;
}

.matchday-stats-section-title {
    margin: 0;
    padding: 0 0 11px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.matchday-stats-records {
    padding: 18px;
    background: #07111f;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.matchday-stats-records__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.matchday-stats-record {
    min-width: 0;
    min-height: 142px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    background: #0a1727;
    border: 1px solid #1c3149;
}

.matchday-stats-record__label {
    color: #8f9db0;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.matchday-stats-record__clubs {
    min-height: 54px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}

.matchday-stats-record__club {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}

.matchday-stats-record__club img {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: block;
    object-fit: contain;
}

.matchday-stats-record__club strong {
    min-width: 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.matchday-stats-record__value {
    color: var(--ffo-gold);
    font-size: 21px;
    font-weight: 800;
    line-height: 1;
}

.matchday-stats-record__empty {
    color: #66768b;
    font-size: 20px;
    font-weight: 800;
}

.matchday-stats-record__scoreline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
}

.matchday-stats-record__scoreline > span {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    text-align: center;
}

.matchday-stats-record__scoreline img {
    width: 42px;
    height: 42px;
    display: block;
    object-fit: contain;
}

.matchday-stats-record__scoreline span strong {
    max-width: 100%;
    overflow: hidden;
    color: #dce5ef;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.matchday-stats-record__score {
    color: var(--ffo-gold);
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
}

.matchday-stats-record__meta {
    color: #8796aa;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.matchday-stats-impact {
    padding: 18px;
    background: #07111f;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.matchday-stats-impact__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.matchday-stats-team {
    min-width: 0;
    min-height: 62px;
    padding: 7px 10px;
    display: grid;
    grid-template-columns: 28px 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.matchday-stats-team:nth-child(even) {
    background: #0a1626;
}

.matchday-stats-team:last-child {
    border-bottom: 0;
}

.matchday-stats-team__rank {
    color: #76869b;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
}

.matchday-stats-team__logo-wrap {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.matchday-stats-team__logo {
    width: 38px;
    height: 38px;
    display: block;
    object-fit: contain;
}

.matchday-stats-team__identity {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.matchday-stats-team__identity strong {
    min-width: 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.matchday-stats-team__identity span {
    min-width: 0;
    overflow: hidden;
    color: #8190a3;
    font-size: 9px;
    font-weight: 600;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.matchday-stats-team__value {
    color: var(--ffo-gold);
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    text-align: right;
    white-space: nowrap;
}

.matchday-stats-team--empty {
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #718095;
    font-size: 12px;
    font-weight: 700;
}

.matchday-stats-players {
    padding: 18px;
}

.matchday-stats-players__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.matchday-stats-leader {
    min-width: 0;
    background: #081321;
    border: 1px solid #1c3149;
}

.matchday-stats-leader h4 {
    min-height: 48px;
    margin: 0;
    padding: 0 14px;
    display: flex;
    align-items: center;
    background: #0d1a2c;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--ffo-gold);
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.matchday-stats-leader__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.matchday-stats-player {
    min-width: 0;
    min-height: 58px;
    padding: 5px 10px;
    display: grid;
    grid-template-columns:
        28px
        48px
        minmax(0, 1fr)
        34px
        44px;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.matchday-stats-player:nth-child(even) {
    background: #0a1626;
}

.matchday-stats-player:last-child {
    border-bottom: 0;
}

.matchday-stats-player__rank {
    color: #76869b;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
}

.matchday-stats-player__image-wrap {
    width: 46px;
    height: 46px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #101f33;
    border: 1px solid #233b57;
}

.matchday-stats-player__image {
    width: 46px;
    height: 46px;
    display: block;
    object-fit: cover;
}

.matchday-stats-player__identity {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.matchday-stats-player__identity strong {
    min-width: 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.matchday-stats-player__identity span {
    min-width: 0;
    overflow: hidden;
    color: #8190a3;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.matchday-stats-player__club {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.matchday-stats-player__club-logo {
    width: 31px;
    height: 31px;
    display: block;
    object-fit: contain;
}

.matchday-stats-player__value {
    color: var(--ffo-gold);
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    text-align: right;
}

.matchday-stats-player--empty {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #718095;
    font-size: 12px;
    font-weight: 700;
}

/* PRESS FEEDBACK */

.matchday-selector__item:active,
.matchday-tabs__item:active {
    background: transparent;
}

.matchday-selector__item:focus-visible,
.matchday-tabs__item:focus-visible,
.matchday-round-selector__item:focus-visible,
.matchday-position-tracker__control:focus-visible,
.matchday-position-tracker__club:focus-visible,
.matchday-results__stage:focus-visible,
.matchday-results__summary-button:focus-visible,
.matchday-results-fixture__vs--report:focus-visible {
    outline: 2px solid var(--ffo-gold);
    outline-offset: -4px;
}