/* Ranking-only host adapter. Removing this stylesheet and the backend template selection
   restores frontend/Tarjetas/base/tarjetabase.html.twig without changing its markup. */
.ui.modal.modal-tarjetas:has([data-ranking-card]) {
    inline-size: calc(100% - var(--space-2));
    max-inline-size: var(--bp-xl);
    min-block-size: 0;
    overflow: clip;
    border: var(--control-frame-border-width) solid var(--overlay-border);
    border-radius: var(--dialog-radius);
    background: var(--overlay-bg) !important;
    color: var(--overlay-fg) !important;
    box-shadow: var(--dialog-shadow);
    font-family: var(--font-sans);
}
.ui.dimmer:has(.modal-tarjetas.active [data-ranking-card]) { background-color: var(--dialog-scrim); }
.modal-tarjetas:has([data-ranking-card]) > .scrolling.content {
    max-block-size: none;
    overflow: visible;
    border-radius: inherit;
}
.nc-ranking-card {
    display: flex;
    flex-direction: column;
    max-block-size: calc(100vh - var(--space-4));
    max-block-size: calc(100dvh - var(--space-4));
    color: var(--overlay-fg);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    font-synthesis: none;
    line-height: var(--lh-normal);
}
.nc-ranking-card__heading {
    display: flex;
    flex-shrink: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3);
    border-block-end: var(--control-frame-border-width) solid var(--overlay-border);
    background: var(--overlay-bg);
}
.nc-ranking-card__title-group { min-inline-size: 0; }
.nc-ranking-card__heading h2 {
    margin: 0;
    color: var(--overlay-fg);
    font: inherit;
    font-size: var(--text-lg);
    font-weight: var(--weight-medium);
    line-height: var(--lh-snug);
    overflow-wrap: anywhere;
}
.nc-ranking-card__heading h2:focus { outline: none; }
.nc-ranking-card__club { margin: var(--space-1) 0 0; color: var(--fg-secondary); font-size: var(--text-xs); }
.nc-ranking-card__close,
.nc-ranking-card__round {
    appearance: none;
    border: var(--control-frame-border-width) solid var(--border-default);
    border-radius: var(--radius-sm);
    background: var(--bg-surface);
    color: var(--fg-primary);
    font: inherit;
    cursor: pointer;
}
.nc-ranking-card__close {
    display: grid;
    place-items: center;
    flex: 0 0 var(--ctrl-block-h-md);
    inline-size: var(--ctrl-block-h-md);
    block-size: var(--ctrl-block-h-md);
    padding: 0;
}
.nc-ranking-card__close svg {
    inline-size: var(--space-5);
    block-size: var(--space-5);
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}
.nc-ranking-card__close:hover,
.nc-ranking-card__round:hover { background: var(--bg-sunken); }
.nc-ranking-card__close:focus-visible,
.nc-ranking-card__round:focus-visible,
.nc-ranking-card__round-panel:focus-visible { outline: var(--focus-ring-width) solid var(--focus-ring); outline-offset: var(--focus-ring-gap); }
.nc-ranking-card__rounds {
    display: flex;
    flex-shrink: 0;
    gap: var(--space-2);
    overflow-x: auto;
    padding: var(--space-2) var(--space-3);
    border-block-end: var(--control-frame-border-width) solid var(--overlay-border);
}
.nc-ranking-card__round {
    flex-shrink: 0;
    min-block-size: var(--ctrl-block-h-md);
    padding: var(--space-2) var(--space-3);
    color: var(--fg-secondary);
    font-weight: var(--weight-medium);
    white-space: nowrap;
}
.nc-ranking-card__round[aria-selected="true"] { border-color: var(--border-strong); background: var(--bg-sunken); color: var(--fg-primary); }
.nc-ranking-card__body {
    min-block-size: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: var(--space-2);
}
.nc-ranking-card__round-panel { display: grid; gap: var(--space-4); }
.nc-ranking-card [data-ranking-round-panel][hidden] { display: none !important; }
.nc-ranking-card__scorecard { display: grid; min-inline-size: 0; gap: var(--space-2); }
.nc-ranking-card__summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: var(--space-3); }
.nc-ranking-card__participants { min-inline-size: 0; margin: 0; padding: 0; list-style: none; }
.nc-ranking-card__participant + .nc-ranking-card__participant { margin-block-start: var(--space-2); }
.nc-ranking-card__player-heading { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--space-1); overflow-wrap: anywhere; }
.nc-ranking-card__player-name { font-size: var(--text-base); font-weight: var(--weight-medium); }
.nc-ranking-card__player-meta { display: flex; flex-wrap: wrap; column-gap: var(--space-2); margin: 0; color: var(--fg-secondary); font-size: var(--text-xs); overflow-wrap: anywhere; }
.nc-ranking-card__official-score { display: flex; flex-direction: column; align-items: flex-end; min-inline-size: 0; margin: 0; }
.nc-ranking-card__official-score strong { color: var(--fg-primary); font-family: "NcScorecardSilka", var(--font-sans); font-size: var(--text-3xl); font-weight: var(--weight-bold); line-height: var(--lh-snug); overflow-wrap: anywhere; }
.nc-ranking-card__official-score span { color: var(--fg-secondary); font-size: var(--text-xs); }
.nc-ranking-card__official-score .nc-ranking-card__classification-topar { color: var(--fg-primary); font-size: var(--text-base); font-weight: var(--weight-medium); }
.nc-ranking-card__sr {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
.nc-ranking-card__status { margin: 0; padding: var(--space-2); border: var(--control-frame-border-width) solid var(--border-subtle); border-radius: var(--radius-sm); background: var(--bg-sunken); }
.nc-ranking-card__tee { margin: 0; color: var(--fg-secondary); font-size: var(--text-xs); }
.nc-ranking-card__round-heading h3 { margin: 0; color: inherit; font: inherit; font-size: var(--text-xs); }
.nc-ranking-card__empty { margin: 0; padding: var(--space-3); color: var(--fg-secondary); }
@media (forced-colors: active) {
    .nc-ranking-card__close:focus-visible,
    .nc-ranking-card__round:focus-visible,
    .nc-ranking-card__round-panel:focus-visible { outline-color: Highlight; }
    .nc-ranking-card__round[aria-selected="true"] { outline: var(--control-frame-border-width) solid CanvasText; outline-offset: calc(-1 * var(--control-frame-border-width)); }
}