/* Copa del Café — llaves de torneo
   Paleta original: navy #0C3F60 + lima #BCD120
   Misma forma: navigator de rondas + tarjetas de partido + ganador */

/* ==========================================================================
   Theme isolation (Hello Elementor + Elementor kit .elementor-kit-84)
   Live site smashes plugin <button> into lime 50px pills and leaves default
   magenta/UA borders on losers; h3 round labels pick up Alata sizes.
   Reset first, plugin rules (prefixed) second — order in this file matters.
   ========================================================================== */

.tk-draws,
.tk-winners,
.tk-stats,
#tk-path-root {
    isolation: isolate;
}

.tk-draws *,
.tk-draws *::before,
.tk-draws *::after,
.tk-winners *,
.tk-winners *::before,
.tk-winners *::after,
.tk-stats *,
.tk-stats *::before,
.tk-stats *::after,
#tk-path-root *,
#tk-path-root *::before,
#tk-path-root *::after {
    box-sizing: border-box;
}

.tk-draws h1, .tk-draws h2, .tk-draws h3, .tk-draws h4, .tk-draws h5, .tk-draws h6,
.tk-winners h1, .tk-winners h2, .tk-winners h3, .tk-winners h4, .tk-winners h5, .tk-winners h6,
.tk-stats h1, .tk-stats h2, .tk-stats h3, .tk-stats h4, .tk-stats h5, .tk-stats h6,
#tk-path-root h1, #tk-path-root h2, #tk-path-root h3, #tk-path-root h4, #tk-path-root h5, #tk-path-root h6,
.tk-draws p, .tk-winners p, .tk-stats p, #tk-path-root p,
.tk-draws a, .tk-winners a, .tk-stats a, #tk-path-root a,
.tk-draws ul, .tk-draws ol, .tk-draws li,
.tk-winners ul, .tk-winners ol, .tk-winners li,
.tk-stats ul, .tk-stats ol, .tk-stats li,
#tk-path-root ul, #tk-path-root ol, #tk-path-root li,
.tk-draws article, .tk-winners article, .tk-stats article, #tk-path-root article,
.tk-draws img, .tk-winners img, .tk-stats img, #tk-path-root img,
.tk-draws svg, .tk-winners svg, .tk-stats svg, #tk-path-root svg,
.tk-draws table, .tk-draws td, .tk-draws th,
.tk-draws button, .tk-draws input, .tk-draws select, .tk-draws textarea, .tk-draws label,
.tk-winners button, .tk-winners input, .tk-winners select, .tk-winners textarea, .tk-winners label,
.tk-stats button, .tk-stats input, .tk-stats select, .tk-stats textarea, .tk-stats label,
#tk-path-root button, #tk-path-root input, #tk-path-root select, #tk-path-root textarea, #tk-path-root label {
    all: revert;
}

.tk-draws button,
.tk-draws input,
.tk-draws select,
.tk-draws textarea,
.tk-winners button,
.tk-winners input,
.tk-winners select,
.tk-winners textarea,
.tk-stats button,
.tk-stats input,
.tk-stats select,
.tk-stats textarea,
#tk-path-root button,
#tk-path-root input,
#tk-path-root select,
#tk-path-root textarea {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    background-color: transparent;
    color: inherit;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: none;
    text-shadow: none;
    text-decoration: none;
}

.tk-draws h1, .tk-draws h2, .tk-draws h3, .tk-draws h4, .tk-draws h5, .tk-draws h6,
.tk-winners h1, .tk-winners h2, .tk-winners h3, .tk-winners h4, .tk-winners h5, .tk-winners h6,
.tk-stats h1, .tk-stats h2, .tk-stats h3, .tk-stats h4, .tk-stats h5, .tk-stats h6,
#tk-path-root h1, #tk-path-root h2, #tk-path-root h3, #tk-path-root h4, #tk-path-root h5, #tk-path-root h6 {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
    background: transparent;
    border: 0;
}

.tk-draws ul, .tk-draws ol,
.tk-winners ul, .tk-winners ol,
.tk-stats ul, .tk-stats ol,
#tk-path-root ul, #tk-path-root ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tk-draws a, .tk-winners a, .tk-stats a, #tk-path-root a {
    color: inherit;
    text-decoration: none;
    background: transparent;
}

.tk-draws img, .tk-winners img, .tk-stats img, #tk-path-root img {
    max-width: none;
    height: auto;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.tk-draws p, .tk-winners p, .tk-stats p, #tk-path-root p,
.tk-draws article, .tk-winners article, .tk-stats article, #tk-path-root article {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

/* Plugin rules below this line re-apply the Copa look with root-prefixed specificity. */

.tk-draws{
    --tk-navy: #0c3f60;
    --tk-lime: #bcd120;
    --tk-lime-dark: #9fb11b;
    --tk-ink: #0c3f60;
    --tk-muted: #6b8496;
    --tk-line: #d7dece;
    --tk-card: #ffffff;
    --tk-court: #f4f6f1;
    --tk-radius: 0.5rem;
    --tk-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tk-font: "Gotham 5r", "Gotham", "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;
    box-sizing: border-box;
    width: 100%;
    max-width: min(1240px, 100%);
    margin: 0 auto;
    padding: 8px 4px 28px;
    font-family: var(--tk-font);
    color: var(--tk-ink);
    position: relative;
}

.tk-draws *,
    .tk-draws *::before,
    .tk-draws *::after{
    box-sizing: border-box;
}

@media (min-width: 1100px) {
    .tk-draws{
        width: min(1180px, calc(100vw - 72px));
        max-width: min(1180px, calc(100vw - 72px));
        margin-left: calc(50% - min(590px, 50vw - 36px));
        margin-right: calc(50% - min(590px, 50vw - 36px));
    }
}

.tk-draws.is-loading::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(244 246 241 / 0.65);
    z-index: 5;
}

.tk-draws.is-loading::before{
    content: "";
    position: absolute;
    top: 120px;
    left: 50%;
    width: 28px;
    height: 28px;
    margin-left: -14px;
    border: 3px solid var(--tk-line);
    border-top-color: var(--tk-lime);
    border-radius: 50%;
    animation: tk-spin 0.7s linear infinite;
    z-index: 6;
}

@keyframes tk-spin {
    to { transform: rotate(360deg); }
}

.tk-draws .tk-draws-heading{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 14px;
    margin: 4px 0 18px;
}

.tk-draws .tk-draws-title-row{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px 6px;
    min-width: 0;
}

.tk-draws .titulo{
    color: var(--tk-navy) !important;
    font-size: clamp(1.35rem, 3vw, 1.8rem);
    font-weight: 600;
    text-align: center;
    margin: 0;
    letter-spacing: 0.01em;
}

.tk-draws .tk-title-select{
    position: relative;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 999px;
}

.tk-draws .tk-title-select:hover{
    background: rgb(12 63 96 / 0.08);
}

.tk-draws .tk-title-select::after{
    content: "";
    position: absolute;
    top: 10px;
    left: 8px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid var(--tk-navy);
    pointer-events: none;
}

#shortcode-container #tournamentSelector,
    .tk-draws #tournamentSelector{
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    inset: 0;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: transparent;
    cursor: pointer;
    font-size: 16px;
    overflow: hidden;
    text-indent: -999px;
}

#shortcode-container #tournamentSelector option,
    .tk-draws #tournamentSelector option{
    color: var(--tk-navy);
    background: #fff;
    text-indent: 0;
}

#shortcode-container #tournamentSelector:focus,
    .tk-draws #tournamentSelector:focus{
    outline: 2px solid var(--tk-lime);
    outline-offset: 2px;
    border-radius: 6px;
}

.tk-draws .tk-view-switch{
    display: inline-flex;
    margin-left: 10px;
    border: 1px solid var(--tk-line);
    border-radius: 999px;
    overflow: hidden;
    background: #fff;
}

.tk-draws .tk-view-btn{
    border: 0;
    background: transparent;
    color: var(--tk-muted);
    font-family: inherit;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 6px 12px;
    cursor: pointer;
}

.tk-draws .tk-view-btn.is-active{
    background: var(--tk-navy);
    color: #fff;
}

.tk-draws[data-view="llave"] .tournament-bracket,
    .tk-draws[data-view="llave"] .roundnumber,
    .tk-draws[data-view="llave"] .tk-draws-matches{
    display: none !important;
}

.tk-draws[data-view="grid"] .tk-llave-scroll{
    display: none !important;
}

.tk-draws .tk-llave-scroll{
    --tk-col-w: 248px;
    --tk-gap: 88px;
    --tk-match-h: 88px;
    --tk-match-gap: 24px;
    width: 100%;
    padding: 4px 0 24px;
}

.tk-draws .tk-llave-frame{
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

.tk-draws .tk-llave-pane{
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--tk-lime) var(--tk-court);
    padding: 0 4px 8px;
}

.tk-draws .tk-llave-prev,
    .tk-draws .tk-llave-next{
    flex: 0 0 40px;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    padding: 0;
    border: 1px solid var(--tk-line);
    border-radius: 999px;
    background: #fff;
    color: var(--tk-navy);
    cursor: pointer;
    line-height: 0;
}

.tk-draws .tk-llave-prev svg,
    .tk-draws .tk-llave-next svg{
    width: 22px;
    height: 22px;
    display: block;
    pointer-events: none;
}

.tk-draws .tk-llave-next{
    background: var(--tk-navy);
    border-color: var(--tk-navy);
    color: #fff;
}

.tk-draws .tk-llave-prev:hover:not(:disabled),
    .tk-draws .tk-llave-next:hover:not(:disabled){
    background: var(--tk-lime);
    border-color: var(--tk-lime);
    color: var(--tk-navy);
}

.tk-draws .tk-llave-prev:focus-visible,
    .tk-draws .tk-llave-next:focus-visible{
    outline: 2px solid var(--tk-lime);
    outline-offset: 2px;
}

.tk-draws .tk-llave-prev:disabled,
    .tk-draws .tk-llave-next:disabled{
    opacity: 0.38;
    cursor: default;
    pointer-events: none;
}

.tk-draws .tk-llave{
    --tk-r1: 16;
    --tk-rounds: 3;
    position: relative;
    width: max-content;
    max-width: none;
    margin: 0 auto;
    min-height: 0;
}

.tk-draws .tk-llave.is-doubles{
    --tk-col-w: 268px;
    --tk-match-h: 140px;
    --tk-match-gap: 28px;
    --tk-gap: 96px;
}

.tk-draws .tk-llave-empty{
    margin: 24px auto;
    text-align: center;
    color: var(--tk-muted);
    font-weight: 600;
}

.tk-draws .tk-llave-head,
    .tk-draws .tk-llave-board{
    display: grid;
    grid-template-columns: repeat(var(--tk-rounds), var(--tk-col-w));
    column-gap: var(--tk-gap);
    width: max-content;
}

.tk-draws .tk-llave-head{
    margin-bottom: 10px;
}

.tk-draws .tk-llave-round{
    margin: 0;
    color: var(--tk-navy);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
}

.tk-draws .tk-llave-board{
    position: relative;
    grid-template-rows: repeat(var(--tk-r1), var(--tk-match-h));
}

.tk-draws .tk-llave-wires{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible;
    z-index: 0;
}

.tk-draws .tk-llave-cell{
    grid-column: var(--tk-col);
    grid-row: calc(var(--tk-index) * var(--tk-span) + 1) / span var(--tk-span);
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    min-height: 0;
}

.tk-draws .tk-llave-match{
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    width: 100%;
    height: calc(var(--tk-match-h) - var(--tk-match-gap));
    background: var(--tk-card);
    border-radius: var(--tk-radius);
    box-shadow: var(--tk-shadow);
    border-left: 4px solid var(--tk-lime);
    overflow: hidden;
}

.tk-draws .tk-llave-player{
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 1 0;
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    border: 0;
    padding: 4px 6px 4px 8px;
    background: var(--tk-card);
    color: var(--tk-navy);
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
}

.tk-draws .tk-llave-player:not(.is-empty){
    cursor: pointer;
}

.tk-draws .tk-llave-player:not(.is-empty):hover,
    .tk-draws .tk-llave-player:not(.is-empty):focus-visible{
    background: #f7f9f2;
}

.tk-draws .tk-llave-player:focus-visible{
    outline: 2px solid var(--tk-lime);
    outline-offset: -2px;
}

.tk-draws .tk-llave-player + .tk-llave-player{
    border-top: 1px solid var(--tk-line);
}

.tk-draws .tk-llave-player .flag{
    width: 16px !important;
    max-width: 16px !important;
    flex-shrink: 0;
}

.tk-draws .tk-llave-people{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    flex: 1 1 auto;
    min-width: 0;
}

.tk-draws .tk-llave-person{
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.tk-draws .tk-llave-player.is-pair{
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tk-draws .tk-llave-name{
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tk-draws .tk-llave-scores{
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 3px;
    flex: 0 0 auto;
    margin-left: 4px;
    font-variant-numeric: tabular-nums;
}

.tk-draws .tk-llave-set{
    min-width: 1.05em;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    color: var(--tk-navy);
}

.tk-draws .tk-llave-set sup{
    font-size: 0.62em;
    font-weight: 700;
    color: var(--tk-muted);
    margin-left: 0.05em;
}

.tk-draws .tk-llave-player.is-winner .tk-llave-set{
    font-weight: 800;
    color: var(--tk-navy);
}

.tk-draws .tk-llave-player.is-winner{
    color: var(--tk-navy);
    background: #f4f7ee;
    box-shadow: inset 3px 0 0 var(--tk-lime);
    font-weight: 800;
}

.tk-draws .tk-llave-player.is-loser{
    color: var(--tk-muted);
    font-weight: 600;
    background: var(--tk-card);
}

.tk-draws .tk-llave-player.is-loser .tk-llave-name,
    .tk-draws .tk-llave-player.is-loser .tk-llave-set{
    color: var(--tk-muted);
    font-weight: 600;
}

.tk-draws .tk-llave-player .tk-check{
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    margin-left: 2px;
}

.tk-draws .tk-llave-player.is-empty{
    background: var(--tk-court);
    color: transparent;
}

.tk-draws .tk-llave.is-filtering .tk-llave-match{
    opacity: 0.38;
}

.tk-draws .tk-llave.is-filtering .tk-llave-match.is-path-match{
    opacity: 1;
}

.tk-draws .tk-llave-player.is-path{
    background: #f4f7ee;
    box-shadow: inset 3px 0 0 var(--tk-lime);
}

@media (max-width: 1099px) {
    .tk-draws .tk-llave-scroll{
        --tk-col-w: 228px;
        --tk-gap: 56px;
    }

    .tk-draws .tk-llave.is-doubles{
        --tk-col-w: 248px;
        --tk-gap: 64px;
    }
}

@media (max-width: 799px) {
    .tk-draws .tk-llave-scroll{
        --tk-col-w: 228px;
        --tk-gap: 24px;
        --tk-match-h: 84px;
        --tk-match-gap: 20px;
        padding-bottom: 14px;
    }

    .tk-draws .tk-llave-pane{
        overflow-x: hidden;
    }

    .tk-draws .tk-llave.is-doubles{
        --tk-col-w: 236px;
        --tk-gap: 24px;
        --tk-match-h: 128px;
        --tk-match-gap: 22px;
    }

    .tk-draws .tk-llave-player{
        font-size: 10px;
        padding: 4px 5px 4px 6px;
        gap: 4px;
    }

    .tk-draws .tk-llave-player.is-pair{
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .tk-draws .tk-llave-scores{
        gap: 2px;
        margin-left: 2px;
    }

    .tk-draws .tk-llave-set{
        min-width: 0.95em;
        font-size: 10px;
    }
}

.tk-draws .roundnumber{
    color: var(--tk-navy) !important;
    text-align: center;
    font-size: clamp(1.2rem, 2.6vw, 1.8rem);
    font-weight: 600;
    margin: 8px 0 12px;
}

.tk-draws .row{
    width: 100%;
}

.tk-draws .tournament-bracket{
    display: flex;
    gap: 10px;
    align-items: stretch;
    justify-content: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding: 6px 2px 14px;
    margin: 0 auto 4px;
}

.tk-draws .roundbox{
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
    flex: 1 1 0;
    min-width: 52px;
    max-width: 140px;
    cursor: pointer;
}

.tk-draws .roundbox h3{
    color: var(--tk-muted);
    font-weight: 500;
    font-size: 0.85rem;
    margin: 0 0 8px;
    letter-spacing: 0.04em;
}

.tk-draws .roundbox.active h3{
    color: var(--tk-navy);
    font-weight: 700;
}

.tk-draws .match{
    display: block;
    height: 92px !important;
    border: 1px solid var(--tk-line);
    border-radius: 5px;
    background-color: var(--tk-card);
    position: relative;
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.tk-draws .roundbox:hover .match{
    transform: translateY(-1px);
    box-shadow: var(--tk-shadow);
}

.tk-draws .roundbox.active .match{
    background-color: var(--tk-lime);
    color: white;
    border-color: var(--tk-lime);
}

.tk-draws .line{
    width: 80%;
    height: 2px;
    background-color: #9aa6ae;
    position: absolute;
    left: 10%;
}

.tk-draws .roundbox.active .line{
    background-color: rgb(12 63 96 / 0.35);
}

.tk-draws .hiddenmatchbox{
    display: none;
}

.tk-draws .flag[src=""],
    .tk-draws .flag:not([src]){
    display: none;
}

.tk-draws .flag{
    width: 18px !important;
    max-width: 18px !important;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgb(12 63 96 / 0.08);
}

.tk-draws .flag-td{
    width: 20px;
    vertical-align: middle;
}

.tk-draws .border-color{
    border: 1px solid var(--tk-lime) !important;
}

.tk-draws .name{
    color: var(--tk-navy);
    font-family: var(--tk-font);
    font-size: 12px;
    text-transform: uppercase;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 1.3;
}

.tk-draws .winnerName{
    font-weight: 800;
    color: var(--tk-navy);
}

.tk-draws .loserName,
    .tk-draws .loserName .playername,
    .tk-draws .loserName .tk-team-person{
    color: var(--tk-muted);
    font-weight: 600;
}

.tk-draws .tk-draws-matches{
    width: 100%;
    container-type: inline-size;
    container-name: tkdraws;
}

.tk-draws .tk-match-grid{
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px 16px;
    width: 100%;
    counter-reset: partido;
    align-items: stretch;
}

@media (min-width: 720px) {
    .tk-draws .tk-match-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1100px) {
    .tk-draws .tk-match-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@container tkdraws (min-width: 560px) {
    .tk-draws .tk-match-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container tkdraws (min-width: 900px) {
    .tk-draws .tk-match-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .tk-draws .tk-match-grid{
        grid-template-columns: 1fr !important;
        gap: 14px;
    }
}

.tk-draws .tk-match-slot{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    counter-increment: partido;
}

.tk-draws .tk-match-slot::before{
    content: counter(partido);
    position: absolute;
    top: -9px;
    left: 12px;
    z-index: 2;
    min-width: 22px;
    height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--tk-navy);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.04em;
}

.tk-draws .tk-match-nav{
    display: none !important;
}

.tk-draws .columnaMatch,
    .tk-draws .columnaWinner{
    display: block;
    width: 100%;
    min-width: 0;
}

.tk-draws .match-box{
    min-height: 108px;
    height: auto !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    background-color: var(--tk-card);
    border-radius: var(--tk-radius);
    box-shadow: var(--tk-shadow);
    padding: 14px 10px 10px 12px;
    width: 100%;
    border-left: 4px solid var(--tk-lime) !important;
}

.tk-draws .winner-box{
    min-height: 40px;
    height: auto !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    background-color: #f4f7ee;
    border-radius: 0 0 var(--tk-radius) var(--tk-radius);
    box-shadow: none;
    padding: 6px 10px 6px 12px;
    width: 100%;
    border-top: 0 !important;
}

.tk-draws .winner-box.is-empty,
    .tk-draws .columnaWinner:has(.is-empty){
    display: none !important;
}

.tk-draws .tk-match-slot:has(.winner-box:not(.is-empty)) .match-box{
    border-radius: var(--tk-radius) var(--tk-radius) 0 0;
}

.tk-draws .tk-vs-line{
    height: 1px;
    border-top: 1px solid var(--tk-line);
    margin: 4px 0;
}

.tk-draws .puntos-match{
    font-size: 12px;
    font-weight: 700;
    color: var(--tk-navy);
    text-align: center;
    min-width: 1.4em;
    white-space: nowrap;
}

.tk-draws .puntos-match sup{
    font-size: 0.65em;
    color: var(--tk-muted);
}

.tk-draws .match-box-table{
    margin-block-end: 0;
    width: 100%;
    border-collapse: collapse;
}

.tk-draws .match-box-table td{
    border: 0 !important;
    background: transparent !important;
    padding: 2px 4px;
    vertical-align: middle;
}

.tk-draws .match-box-table td.name{
    white-space: normal;
    width: 100%;
}

.tk-draws .tk-grid-path{
    cursor: pointer;
}

.tk-draws .tk-grid-path:hover,
    .tk-draws .tk-grid-path:focus-visible{
    background: #f7f9f2 !important;
}

.tk-draws .tk-grid-path:focus-visible{
    outline: 2px solid var(--tk-lime);
    outline-offset: -2px;
}

.tk-draws .playername{
    min-height: 18px;
    height: auto;
}

.tk-draws .tk-team-person{
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.tk-draws .tk-team-person + .tk-team-person{
    margin-top: 4px;
}

.tk-draws .tk-team-person .playername{
    min-height: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tk-draws .flag-td:not(:has(img.flag[src]:not([src=""]))){
    width: 0;
    padding: 0;
    overflow: hidden;
}

.tk-draws .puntos-bottom{
    vertical-align: bottom;
}

.tk-draws .w-full{
    width: 100%;
}

.tk-draws .tk-check{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: var(--tk-lime);
    vertical-align: middle;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6.2 11.4 2.8 8l1.1-1.1 2.3 2.3 5.9-5.9L13.2 4.4z'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6.2 11.4 2.8 8l1.1-1.1 2.3 2.3 5.9-5.9L13.2 4.4z'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (hover: hover) {
    .tk-draws .match-box:hover{
        box-shadow: 0 8px 16px -8px rgb(12 63 96 / 0.25);
    }
}

@media (max-width: 780px) {
    .tk-draws{
        padding: 4px 0 20px;
    }

    .tk-draws .tournament-bracket{
        justify-content: flex-start;
        gap: 8px;
        scroll-snap-type: x proximity;
        padding-bottom: 10px;
    }

    .tk-draws .roundbox{
        flex: 0 0 64px;
        min-width: 64px;
        scroll-snap-align: center;
    }

    .tk-draws .match{
        height: 72px !important;
    }

    .tk-draws .name{
        font-size: 10px;
        white-space: normal;
    }

    .tk-draws .puntos-match{
        font-size: 11px;
    }
}

@media (max-width: 640px) {
    .tk-draws .name{
        font-size: 11px !important;
    }

    .tk-draws .puntos-match{
        font-size: 12px !important;
    }

    .tk-draws .titulo,
    .tk-draws .roundnumber{
        font-size: 1.25rem;
    }

    .tk-draws .match-box{
        padding-top: 16px;
    }
}

@media (max-width: 400px) {
    .tk-draws .roundbox{
        flex: 0 0 56px;
        min-width: 56px;
    }

    .tk-draws .match{
        height: 64px !important;
    }
}

/* Campeones por llave */
.tk-winners{
    --tk-navy: #0c3f60;
    --tk-lime: #bcd120;
    --tk-muted: #6b8496;
    --tk-line: #e4eadc;
    --tk-font: "Gotham 5r", "Gotham", "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    padding: 6px 4px 10px 22px;
    border-left: 6px solid var(--tk-navy);
    font-family: var(--tk-font);
    color: var(--tk-navy);
}

.tk-winners *,
    .tk-winners *::before,
    .tk-winners *::after{
    box-sizing: border-box;
}

.tk-winners.is-loading::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(255 255 255 / 0.55);
    z-index: 2;
}

.tk-winners .tk-winners-toolbar{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px 24px;
    margin: 0 0 18px;
}

.tk-winners .tk-winners-controls{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px 14px;
}

.tk-winners .tk-winners-langs{
    display: inline-flex;
    border: 1px solid var(--tk-line);
    border-radius: 0.5rem;
    overflow: hidden;
    background: #fff;
}

.tk-winners .tk-winners-lang{
    appearance: none;
    border: 0;
    margin: 0;
    padding: 8px 12px;
    min-width: 44px;
    background: transparent;
    color: var(--tk-muted);
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    cursor: pointer;
}

.tk-winners .tk-winners-lang + .tk-winners-lang{
    border-left: 1px solid var(--tk-line);
}

.tk-winners .tk-winners-lang.is-active{
    background: var(--tk-navy);
    color: #fff;
}

.tk-winners .tk-winners-lang:focus-visible{
    outline: 2px solid var(--tk-lime);
    outline-offset: 2px;
}

.tk-winners .tk-winners-kicker{
    margin: 0 0 2px;
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--tk-muted);
    font-weight: 700;
}

.tk-winners .tk-winners-title{
    margin: 0;
    color: var(--tk-navy);
    font-size: clamp(1.35rem, 3vw, 1.85rem);
    font-weight: 700;
    letter-spacing: 0.01em;
}

.tk-winners .tk-winners-year-label{
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--tk-muted);
    font-weight: 700;
}

.tk-winners .tk-winners-year-label select{
    appearance: none;
    min-width: 120px;
    padding: 8px 34px 8px 12px;
    border: 1px solid var(--tk-line);
    border-radius: 0.5rem;
    background-color: #fff;
    background-image: linear-gradient(45deg, transparent 50%, var(--tk-navy) 50%),
        linear-gradient(135deg, var(--tk-navy) 50%, transparent 50%);
    background-position: calc(100% - 16px) 14px, calc(100% - 11px) 14px;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    color: var(--tk-navy);
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.tk-winners .tk-winners-year-label select:focus{
    outline: 2px solid var(--tk-lime);
    outline-offset: 2px;
}

.tk-winners .tk-winners-list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.tk-winners .tk-winners-item{
    padding: 16px 0 18px;
    border-bottom: 1px solid var(--tk-line);
}

.tk-winners .tk-winners-item:last-child{
    border-bottom: 0;
}

.tk-winners .tk-winners-line{
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
    color: #5d6f7a;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.45;
}

.tk-winners .tk-winners-draw{
    color: #6a7c87;
}

.tk-winners .tk-winners-dash{
    color: #9aa8b0;
    font-weight: 500;
}

.tk-winners .tk-winners-players{
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    color: var(--tk-navy);
    font-weight: 700;
}

.tk-winners .tk-winners-players.tk-path-trigger{
    cursor: pointer;
    border-radius: 6px;
    padding: 2px 6px;
    margin: -2px -6px;
    box-shadow: inset 0 -2px 0 rgb(188 209 32 / 0);
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

.tk-winners .tk-winners-players.tk-path-trigger:hover,
    .tk-winners .tk-winners-players.tk-path-trigger:focus-visible{
    background: rgb(188 209 32 / 0.16);
    box-shadow: inset 0 -2px 0 var(--tk-lime);
}

.tk-winners .tk-winners-players.tk-path-trigger:focus-visible{
    outline: 2px solid var(--tk-lime);
    outline-offset: 2px;
}

.tk-winners .tk-winners-player{
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.tk-winners .tk-winners-flag{
    width: 28px;
    height: 21px;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgb(12 63 96 / 0.12);
    flex-shrink: 0;
}

.tk-winners .tk-winners-cnty{
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    color: var(--tk-muted);
    font-weight: 700;
}

.tk-winners .tk-winners-name{
    color: var(--tk-navy);
}

.tk-winners .tk-winners-sep{
    color: var(--tk-muted);
    font-weight: 500;
}

.tk-winners .tk-winners-pending{
    color: var(--tk-muted);
    font-weight: 600;
    font-style: italic;
}

.tk-winners .tk-winners-meta{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;
    margin-top: 8px;
    padding-left: 2px;
    color: var(--tk-muted);
    font-size: 0.88rem;
    font-weight: 500;
}

.tk-winners .tk-winners-meta .tk-winners-players,
    .tk-winners .tk-winners-meta .tk-winners-name{
    font-size: 0.88rem;
    font-weight: 600;
}

.tk-winners .tk-winners-meta .tk-winners-flag{
    width: 20px;
    height: 15px;
}

.tk-winners .tk-winners-empty{
    margin: 0;
    color: var(--tk-muted);
}

@media (max-width: 640px) {
    .tk-winners{
        padding-left: 16px;
    }

    .tk-winners .tk-winners-line{
        font-size: 1rem;
    }

    .tk-winners .tk-winners-dash{
        display: none;
    }
}

/* Player path panel — overlay above champions (z-index 0) and WP admin bar (99999) */
body.tk-path-open{
    overflow: hidden;
}

body.tk-path-open #tk-path-root{
    position: fixed;
    inset: 0;
    z-index: 100000;
    isolation: isolate;
    pointer-events: none;
}

#tk-path-root .tk-path-backdrop{
    position: fixed;
    inset: 0;
    z-index: 100000;
    background: rgb(12 63 96 / 0.28);
    pointer-events: auto;
}

#tk-path-root .tk-path-panel{
    position: fixed;
    inset: auto;
    z-index: 100001;
    display: flex;
    flex-direction: column;
    background: #fff;
    color: #0c3f60;
    box-shadow: 0 16px 40px rgb(12 63 96 / 0.22);
    pointer-events: auto;
}

#tk-path-root .tk-path-panel[hidden],
    #tk-path-root .tk-path-backdrop[hidden]{
    display: none !important;
}

#tk-path-root .tk-path-head{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 16px 12px;
    border-bottom: 3px solid #bcd120;
}

#tk-path-root .tk-path-kicker{
    margin: 0 0 2px;
    font-size: 0.68rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #6b8496;
    font-weight: 700;
}

#tk-path-root .tk-path-title{
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.3;
}

#tk-path-root .tk-path-title-people{
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#tk-path-root .tk-path-title-person{
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

#tk-path-root .tk-path-title .flag{
    width: 22px !important;
    max-width: 22px !important;
    height: auto;
    flex-shrink: 0;
    border-radius: 2px;
}

#tk-path-root .tk-path-title-name{
    min-width: 0;
}

#tk-path-root .tk-path-sub{
    margin: 4px 0 0;
    color: #6b8496;
    font-size: 0.82rem;
    font-weight: 600;
}

#tk-path-root .tk-path-close{
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 999px;
    background: rgb(12 63 96 / 0.08);
    color: #0c3f60;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
}

#tk-path-root .tk-path-close:hover,
    #tk-path-root .tk-path-close:focus-visible{
    background: #bcd120;
}

#tk-path-root .tk-path-games{
    list-style: none;
    margin: 0;
    padding: 8px 16px 18px;
    overflow-y: auto;
}

#tk-path-root .tk-path-game{
    display: grid;
    grid-template-columns: 72px 1fr auto;
    gap: 8px 12px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #e4eadc;
}

#tk-path-root .tk-path-game:last-child{
    border-bottom: 0;
}

#tk-path-root .tk-path-round{
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6b8496;
}

#tk-path-root .tk-path-vs{
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
    font-size: 0.84rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #0c3f60;
}

#tk-path-root .tk-path-vs-label{
    flex: 0 0 auto;
    margin-top: 1px;
    color: #6b8496;
    font-weight: 700;
}

#tk-path-root .tk-path-people{
    display: inline-flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

#tk-path-root .tk-path-person{
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

#tk-path-root .tk-path-vs .flag{
    width: 16px !important;
    max-width: 16px !important;
    flex-shrink: 0;
}

#tk-path-root .tk-path-game.is-won .tk-path-vs{
    color: #6b8496;
}

#tk-path-root .tk-path-game.is-won .tk-path-vs strong{
    color: #6b8496;
    font-weight: 600;
}

#tk-path-root .tk-path-score{
    font-variant-numeric: tabular-nums;
    font-size: 0.84rem;
    font-weight: 800;
    white-space: nowrap;
    color: #0c3f60;
}

#tk-path-root .tk-path-game.is-won .tk-path-score{
    color: #0c3f60;
    box-shadow: inset 0 -2px 0 #bcd120;
}

#tk-path-root .tk-path-empty{
    padding: 18px 4px;
    color: #6b8496;
    font-weight: 600;
}

@media (min-width: 781px) {
    #tk-path-root .tk-path-panel{
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: min(360px, 100vw);
        height: 100%;
        max-height: none;
        z-index: 100001;
    }
}

@media (max-width: 780px) {
    #tk-path-root .tk-path-panel{
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        width: 100%;
        height: auto;
        max-height: min(72vh, 520px);
        border-radius: 16px 16px 0 0;
        z-index: 100001;
    }

    #tk-path-root .tk-path-game{
        grid-template-columns: 1fr;
        gap: 4px;
    }

    #tk-path-root .tk-path-score{
        grid-column: 1;
        justify-self: start;
    }
}

.tk-draws .tk-md-badge, .tk-winners .tk-md-badge, #tk-path-root .tk-md-badge{
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin-left: 4px;
    padding: 1px 5px;
    border-radius: 999px;
    background: var(--tk-lime, #bcd120);
    color: var(--tk-navy, #0c3f60);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.25;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
}

.tk-draws .tk-md-badge.is-full, .tk-winners .tk-md-badge.is-full, #tk-path-root .tk-md-badge.is-full{
    font-size: 9px;
    letter-spacing: 0.02em;
    text-transform: none;
}

.tk-draws .tk-llave-player .tk-md-badge{
    margin-left: 0;
    padding: 1px 4px;
}

.tk-draws .name .tk-md-badge,
    .tk-draws .tk-team-person .tk-md-badge{
    margin-left: 6px;
}

.tk-draws .loserName .tk-md-badge{
    background: #bcd120;
    color: #0c3f60;
    opacity: 0.92;
}

#tk-path-root .tk-path-title-person,
    #tk-path-root .tk-path-sub{
    flex-wrap: wrap;
}

#tk-path-root .tk-path-sub .tk-md-badge{
    margin-left: 6px;
}

.tk-stats{
    --tk-navy: #0c3f60;
    --tk-lime: #bcd120;
    --tk-muted: #6b8496;
    --tk-line: #d7dece;
    --tk-card: #ffffff;
    --tk-court: #f4f6f1;
    --tk-radius: 0.5rem;
    --tk-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tk-font: "Gotham 5r", "Gotham", "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;
    box-sizing: border-box;
    width: 100%;
    max-width: min(1240px, 100%);
    margin: 8px auto 28px;
    padding: 8px 4px 12px;
    font-family: var(--tk-font);
    color: var(--tk-navy);
}

.tk-stats *,
    .tk-stats *::before,
    .tk-stats *::after{
    box-sizing: border-box;
}

@media (min-width: 1100px) {
    .tk-stats{
        width: min(1180px, calc(100vw - 72px));
        max-width: min(1180px, calc(100vw - 72px));
        margin-left: calc(50% - min(590px, 50vw - 36px));
        margin-right: calc(50% - min(590px, 50vw - 36px));
    }
}

.tk-stats .tk-stats-head{
    margin: 4px 0 16px;
    text-align: center;
}

.tk-stats .tk-stats-kicker{
    margin: 0 0 4px;
    color: var(--tk-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.tk-stats .tk-stats-title{
    margin: 0;
    color: var(--tk-navy);
    font-size: clamp(1.35rem, 3vw, 1.8rem);
    font-weight: 600;
}

.tk-stats .tk-stats-cards{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
    margin: 0 0 14px;
}

.tk-stats .tk-stats-cards.is-sex{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tk-stats .tk-stats-cards.is-mixed{
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.tk-stats .tk-stats-cards.is-mixed .tk-stats-card:nth-child(-n+3){
    grid-column: span 2;
}

.tk-stats .tk-stats-cards.is-mixed .tk-stats-card-sex{
    grid-column: span 3;
}

.tk-stats .tk-stats-card{
    background: var(--tk-card);
    border-radius: var(--tk-radius);
    box-shadow: var(--tk-shadow);
    border-left: 4px solid var(--tk-lime);
    padding: 14px 14px 12px;
    min-width: 0;
}

.tk-stats .tk-stats-label{
    margin: 0;
    color: var(--tk-muted);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tk-stats .tk-stats-value{
    margin: 8px 0 2px;
    color: var(--tk-navy);
    font-size: clamp(1.35rem, 2.4vw, 1.7rem);
    font-weight: 800;
    line-height: 1.1;
}

.tk-stats .tk-stats-hint{
    margin: 0 0 10px;
    color: var(--tk-muted);
    font-size: 0.82rem;
    font-weight: 600;
}

.tk-stats .tk-stats-card-sex .tk-stats-hint{
    margin-bottom: 0;
}

.tk-stats .tk-stats-meter{
    height: 6px;
    border-radius: 999px;
    background: #e7edd9;
    overflow: hidden;
}

.tk-stats .tk-stats-meter span{
    display: block;
    height: 100%;
    background: var(--tk-lime);
    border-radius: inherit;
}

.tk-stats .tk-stats-draws{
    list-style: none;
    margin: 0 0 18px;
    padding: 10px 12px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px 16px;
    background: var(--tk-court);
    border-radius: var(--tk-radius);
}

.tk-stats .tk-stats-draws li{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    color: var(--tk-navy);
    font-size: 0.78rem;
    font-weight: 600;
}

.tk-stats .tk-stats-draws span{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tk-stats .tk-stats-draws strong{
    flex: 0 0 auto;
    font-weight: 800;
}

.tk-stats .tk-stats-chart{
    background: var(--tk-card);
    border-radius: var(--tk-radius);
    box-shadow: var(--tk-shadow);
    padding: 16px 16px 10px;
}

.tk-stats .tk-stats-chart-head{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    margin-bottom: 10px;
}

.tk-stats .tk-stats-chart h4{
    margin: 0;
    color: var(--tk-navy);
    font-size: 1rem;
    font-weight: 700;
}

.tk-stats .tk-stats-legend{
    display: flex;
    gap: 14px;
    color: var(--tk-muted);
    font-size: 0.75rem;
    font-weight: 700;
}

.tk-stats .tk-stats-legend span::before{
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    border-radius: 2px;
    vertical-align: -1px;
}

.tk-stats .tk-stats-legend .is-m::before{
    background: var(--tk-navy);
}

.tk-stats .tk-stats-legend .is-f::before{
    background: var(--tk-lime);
}

.tk-stats .tk-stats-bars{
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: min(70vh, 640px);
    overflow: auto;
}

.tk-stats .tk-stats-bars li{
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) 2.2em;
    gap: 8px 10px;
    align-items: center;
    padding: 6px 4px;
    border-radius: 6px;
}

.tk-stats .tk-stats-country{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: var(--tk-navy);
}

.tk-stats .tk-stats-country img{
    width: 22px;
    height: 16px;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgb(12 63 96 / 0.12);
    flex-shrink: 0;
}

.tk-stats .tk-stats-track{
    display: block;
    width: 100%;
    height: 22px;
    background: var(--tk-court);
    border-radius: 4px;
    overflow: hidden;
}

.tk-stats .tk-stats-stack{
    display: flex;
    width: var(--tk-bar, 0%);
    min-width: 0;
    height: 100%;
    overflow: hidden;
}

.tk-stats .tk-stats-stack .is-m,
    .tk-stats .tk-stats-stack .is-f{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 100%;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.tk-stats .tk-stats-stack .is-m{
    background: var(--tk-navy);
    color: #fff;
}

.tk-stats .tk-stats-stack .is-f{
    background: var(--tk-lime);
    color: var(--tk-navy);
}

.tk-stats .tk-stats-n{
    text-align: right;
    font-size: 0.78rem;
    font-weight: 800;
    color: var(--tk-navy);
}

.tk-stats .tk-stats-empty{
    margin: 0;
    color: var(--tk-muted);
    font-weight: 600;
}

@media (max-width: 900px) {
    .tk-stats .tk-stats-cards,
    .tk-stats .tk-stats-cards.is-mixed,
    .tk-stats .tk-stats-cards.is-sex{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tk-stats .tk-stats-cards.is-mixed .tk-stats-card,
    .tk-stats .tk-stats-cards.is-mixed .tk-stats-card-sex{
        grid-column: auto;
    }

    .tk-stats .tk-stats-draws{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 780px) {
    .tk-stats{
        padding: 4px 0 20px;
    }

    .tk-stats .tk-stats-cards,
    .tk-stats .tk-stats-cards.is-mixed,
    .tk-stats .tk-stats-cards.is-sex,
    .tk-stats .tk-stats-draws{
        grid-template-columns: 1fr;
    }

    .tk-stats .tk-stats-bars li{
        grid-template-columns: 64px minmax(0, 1fr) 2em;
        gap: 6px 8px;
    }

    .tk-stats .tk-stats-track{
        height: 18px;
    }
}