/* Shared spacing for ranking card dialogs; the scorecard grid stays in Shadow DOM. */
.ui.modal.modal-tarjetas:has([data-ranking-card], [data-eclectic-card], [data-eclectic-source-card]) {
    inline-size: calc(100% - var(--space-5) * 2);
    max-inline-size: var(--bp-xl);
    border-radius: 0;
}
.modal-tarjetas:has([data-ranking-card], [data-eclectic-card], [data-eclectic-source-card]) > .scrolling.content {
    /* Fomantic's mobile !important padding must not duplicate the card's inset. */
    padding: 0 !important;
}
:is(.nc-ranking-card, .eclectic-card) {
    --_card-inset: var(--space-6);
    --_card-heading-inset: var(--space-5);
    max-block-size: calc(100dvh - var(--space-5) * 2);
    font-family: "NcScorecardSilka", var(--font-sans);
    font-size: var(--text-base);
}
:is(.nc-ranking-card, .eclectic-card) :is(.nc-ranking-card__heading, .eclectic-card-heading) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-5);
    padding: var(--_card-heading-inset) var(--_card-inset);
    background: var(--bg-surface);
}
:is(.nc-ranking-card, .eclectic-card) :is(.nc-ranking-card__heading, .eclectic-card-heading) h2 {
    font-size: var(--text-2xl);
    font-weight: var(--weight-medium);
    line-height: var(--lh-snug);
}
:is(.nc-ranking-card, .eclectic-card) :is(.nc-ranking-card__club, .eclectic-source-club, .eclectic-card-description) {
    margin: var(--space-2) 0 0;
    color: var(--fg-secondary);
    font-size: var(--text-base);
    line-height: var(--lh-normal);
}
.eclectic-card-actions { display: flex; align-items: center; flex-shrink: 0; gap: var(--space-2); }
:is(.nc-ranking-card, .eclectic-card) :is(.nc-ranking-card__close, .eclectic-card-close, .eclectic-card-return) {
    min-block-size: var(--ctrl-block-h-sm);
    block-size: var(--ctrl-block-h-sm);
    border-radius: 0;
    background: var(--bg-surface);
    color: var(--fg-primary);
}
:is(.nc-ranking-card, .eclectic-card) :is(.nc-ranking-card__close, .eclectic-card-close) {
    inline-size: var(--ctrl-block-h-sm);
    flex-basis: var(--ctrl-block-h-sm);
}
:is(.nc-ranking-card, .eclectic-card) :is(.nc-ranking-card__close, .eclectic-card-close) svg { inline-size: var(--space-4); block-size: var(--space-4); }
.eclectic-card .eclectic-card-return { padding: 0 var(--space-4); border-color: var(--fg-primary); font-size: var(--text-sm); white-space: nowrap; }
:is(.nc-ranking-card, .eclectic-card) :is(.nc-ranking-card__body, .eclectic-card-body) {
    padding: var(--_card-inset);
    gap: var(--space-5);
    background: var(--bg-surface);
}
.eclectic-source-card .eclectic-source-round,
.nc-ranking-card .nc-ranking-card__scorecard { gap: var(--space-5); }
.nc-ranking-card .nc-ranking-card__round-panel { gap: var(--space-6); }
.nc-ranking-card nc-scorecard { --nc-scorecard-topar-size: var(--text-3xl); }
:is(.nc-ranking-card, .eclectic-card) .nc-ranking-card__participants { margin: 0; padding: 0; list-style: none; min-inline-size: 0; }
:is(.nc-ranking-card, .eclectic-card) .nc-ranking-card__participant + .nc-ranking-card__participant { margin-block-start: var(--space-3); }
:is(.nc-ranking-card, .eclectic-card) .nc-ranking-card__player-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--space-2); }
:is(.nc-ranking-card, .eclectic-card) .nc-ranking-card__player-name,
[data-eclectic-card] .eclectic-card-heading h2 { font-size: var(--text-lg); font-weight: var(--weight-medium); }
:is(.nc-ranking-card, .eclectic-card) [data-ranking-player-handicap],
:is(.nc-ranking-card, .eclectic-card) [data-ranking-player-playing-handicap] { font-family: var(--font-mono); font-size: var(--text-base); }
:is(.nc-ranking-card, .eclectic-card) .nc-ranking-card__player-meta { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-2) 0 0; color: var(--fg-secondary); font-size: var(--text-sm); }
:is(.nc-ranking-card, .eclectic-card) [data-ranking-player-license] { font-family: var(--font-mono); }
.scorecard-round-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: var(--space-2) var(--space-5); min-inline-size: 0; font-size: var(--text-sm); }
.scorecard-round-meta h3 { margin: 0; font: inherit; color: inherit; }
.scorecard-round-meta > [data-ranking-card-tee] + h3 { padding-inline-start: var(--space-5); border-inline-start: var(--control-frame-border-width) solid var(--border-subtle); }
.scorecard-tee-marker {
    display: inline-block;
    flex: 0 0 var(--space-4);
    inline-size: var(--space-4);
    block-size: var(--space-4);
    box-sizing: border-box;
    border: var(--control-frame-border-width) solid var(--fg-tertiary);
    border-radius: var(--radius-full);
}
.scorecard-tee-marker[data-ranking-card-tee="AM"] { background: var(--golf-tee-am-bg); }
.scorecard-tee-marker[data-ranking-card-tee="AZ"] { background: var(--golf-tee-az-bg); }
.scorecard-tee-marker[data-ranking-card-tee="BL"] { background: var(--golf-tee-bl-bg); }
.scorecard-tee-marker[data-ranking-card-tee="DO"] { background: var(--golf-tee-do-bg); }
.scorecard-tee-marker[data-ranking-card-tee="NA"] { background: var(--golf-tee-na-bg); }
.scorecard-tee-marker[data-ranking-card-tee="NE"] { background: var(--golf-tee-ne-bg); }
.scorecard-tee-marker[data-ranking-card-tee="RO"] { background: var(--golf-tee-ro-bg); }
.scorecard-tee-marker[data-ranking-card-tee="RS"] { background: var(--golf-tee-rs-bg); }
.scorecard-tee-marker[data-ranking-card-tee="VE"] { background: var(--golf-tee-ve-bg); }
@media (forced-colors: active) {
    .scorecard-tee-marker { flex-basis: auto; inline-size: auto; block-size: auto; border: 0; }
    .scorecard-tee-marker::after { content: attr(aria-label); }
}
.eclectic-source-contribution { display: flex; align-items: center; gap: var(--space-3); margin: 0; color: var(--fg-secondary); font-size: var(--text-sm); font-weight: 400; }
.eclectic-source-contribution::before { content: ''; inline-size: var(--space-4); block-size: var(--space-1); flex-shrink: 0; background: var(--fg-primary); }
[data-eclectic-card] .eclectic-card-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-4); }
[data-eclectic-card] .eclectic-card-overview { gap: var(--space-4); }
[data-eclectic-card] .eclectic-card-meta { font-size: var(--text-sm); }
[data-eclectic-card] .eclectic-card-body { gap: var(--space-5); }
[data-eclectic-card] .eclectic-card-sources h3 { margin-block-end: var(--space-3); font-size: var(--text-base); }
[data-eclectic-card] .eclectic-source-list { gap: var(--space-2); }
[data-eclectic-card] .eclectic-source-entry { padding: var(--space-3); gap: var(--space-3); }
.nc-ranking-card .nc-ranking-card__rounds { padding-inline: var(--_card-inset); }
@media (max-width: 767px) {
    body:has(.modal-tarjetas.active :is([data-ranking-card], [data-eclectic-card], [data-eclectic-source-card])) { overflow: hidden !important; }
    .ui.modals.dimmer:has(.modal-tarjetas.active :is([data-ranking-card], [data-eclectic-card], [data-eclectic-source-card])) {
        position: fixed;
        inset: 0;
        padding: 0 !important;
        overflow: hidden !important;
        background: var(--overlay-bg) !important;
    }
    .ui.modal.modal-tarjetas:has([data-ranking-card], [data-eclectic-card], [data-eclectic-source-card]) {
        position: fixed !important;
        inset: 0 !important;
        margin: 0 !important;
        inline-size: 100% !important;
        max-inline-size: none;
        block-size: 100vh;
        block-size: 100dvh;
        max-block-size: none;
        border: 0;
        box-shadow: none;
        transform: none !important;
    }
    .modal-tarjetas:has([data-ranking-card], [data-eclectic-card], [data-eclectic-source-card]) > .scrolling.content {
        block-size: 100%;
        max-block-size: 100% !important;
        overflow: hidden !important;
    }
    .modal-tarjetas:has([data-ranking-card], [data-eclectic-card], [data-eclectic-source-card]) #tarjeta-load { block-size: 100%; min-block-size: 0; }
    :is(.nc-ranking-card, .eclectic-card) { --_card-inset: var(--space-4); --_card-heading-inset: var(--space-4); block-size: 100%; max-block-size: 100%; }
    :is(.nc-ranking-card, .eclectic-card) :is(.nc-ranking-card__heading, .eclectic-card-heading) {
        gap: var(--space-3);
        padding-block-start: max(var(--_card-heading-inset), env(safe-area-inset-top));
        padding-inline-start: max(var(--_card-inset), env(safe-area-inset-left));
        padding-inline-end: max(var(--_card-inset), env(safe-area-inset-right));
    }
    :is(.nc-ranking-card, .eclectic-card) :is(.nc-ranking-card__body, .eclectic-card-body) {
        flex: 1;
        align-content: start;
        padding-block-end: max(var(--_card-inset), env(safe-area-inset-bottom));
    }
    :is(.nc-ranking-card, .eclectic-card) :is(.nc-ranking-card__heading, .eclectic-card-heading) h2 { font-size: var(--text-xl); }
    .eclectic-source-card .eclectic-card-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
    .eclectic-source-card .eclectic-card-actions { display: contents; }
    .eclectic-source-card .eclectic-card-close { grid-column: 2; grid-row: 1; }
    .eclectic-source-card .eclectic-card-return { grid-column: 1 / -1; grid-row: 2; }
    :is(.nc-ranking-card, .eclectic-card) .nc-ranking-card__player-name,
    [data-eclectic-card] .eclectic-card-heading h2 { font-size: var(--text-base); }
    :is(.nc-ranking-card, .eclectic-card) :is(.nc-ranking-card__close, .eclectic-card-close, .eclectic-card-return) { min-block-size: var(--ctrl-block-h-md); block-size: var(--ctrl-block-h-md); }
    :is(.nc-ranking-card, .eclectic-card) :is(.nc-ranking-card__close, .eclectic-card-close) { inline-size: var(--ctrl-block-h-md); flex-basis: var(--ctrl-block-h-md); }
    .scorecard-round-meta { gap: var(--space-1) var(--space-2); }
    .scorecard-round-meta > [data-ranking-card-tee] + h3 { padding-inline-start: var(--space-2); }
}