/* _content/CompetitionResults/Components/Layout/PublicLayout.razor.rz.scp.css */
/* Public pages – "steel & bullseye" theme derived from the Blade Throwers z. s. logo:
   black, target red, steel grey, hairline borders and wide uppercase lettering.
   The custom properties below are inherited by the pages rendered inside the shell. */
.pub-shell[b-ylp7ztx8nf] {
    --bt-bg: #08080a;
    --bt-panel: #101013;
    --bt-panel-2: #17171b;
    --bt-line: rgba(255, 255, 255, .11);
    --bt-line-strong: rgba(255, 255, 255, .26);
    --bt-red: #e0131c;
    --bt-red-hot: #ff3b45;
    --bt-cyan: #22c1e8;
    --bt-steel: #a3adb8;
    --bt-text: #f4f4f5;
    --bt-muted: #8d929b;
    --bt-gold: #f5c542;
    --bt-silver: #cfd6dd;
    --bt-bronze: #d9822b;
    --bt-display: "Oswald", "Arial Narrow", "Segoe UI", sans-serif;
    --bt-body: "Source Sans 3", "Source Sans Pro", ui-sans-serif, system-ui, sans-serif;
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: clip;
    background: var(--bt-bg);
    color: var(--bt-text);
    font-family: var(--bt-body);
}

    /* giant target peeking in from the top right corner */
    .pub-shell[b-ylp7ztx8nf]::before {
        content: "";
        position: fixed;
        top: -34rem;
        right: -30rem;
        width: 80rem;
        height: 80rem;
        border-radius: 50%;
        background: repeating-radial-gradient(circle, rgba(224, 19, 28, .17) 0 4.4rem, rgba(255, 255, 255, .018) 4.4rem 8.8rem);
        -webkit-mask-image: radial-gradient(circle, #000 0, transparent 68%);
        mask-image: radial-gradient(circle, #000 0, transparent 68%);
        z-index: -1;
        pointer-events: none;
    }

/* ---------- top bar ---------- */
.pub-topbar[b-ylp7ztx8nf] {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(8, 8, 10, .86);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--bt-line);
}

    .pub-topbar[b-ylp7ztx8nf]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        height: 1px;
        background: linear-gradient(90deg, var(--bt-red), transparent 45%);
    }

.pub-topbar-inner[b-ylp7ztx8nf] {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 1.5rem;
    min-height: 3.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.pub-brand[b-ylp7ztx8nf] {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    color: #fff;
    text-decoration: none;
    font-family: var(--bt-display);
    font-size: .95rem;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
    white-space: nowrap;
}

    .pub-brand em[b-ylp7ztx8nf] {
        font-style: normal;
        color: var(--bt-red-hot);
    }

.pub-brand-mark[b-ylp7ztx8nf] {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: radial-gradient(circle, var(--bt-red) 0 20%, #fff 21% 40%, var(--bt-red) 41% 60%, #fff 61% 80%, var(--bt-red) 81%);
}

.pub-nav[b-ylp7ztx8nf] {
    display: flex;
    align-self: stretch;
    gap: .25rem;
    margin-left: auto;
}

    .pub-nav[b-ylp7ztx8nf]  a {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: .45rem;
        padding: 0 .9rem;
        color: var(--bt-steel);
        text-decoration: none;
        font-family: var(--bt-display);
        font-size: .8rem;
        font-weight: 500;
        letter-spacing: .16em;
        text-transform: uppercase;
        white-space: nowrap;
        transition: color .15s;
    }

        .pub-nav[b-ylp7ztx8nf]  a::after {
            content: "";
            position: absolute;
            left: .9rem;
            right: .9rem;
            bottom: 0;
            height: 3px;
            background: var(--bt-red);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform .2s;
        }

        .pub-nav[b-ylp7ztx8nf]  a:hover,
        .pub-nav[b-ylp7ztx8nf]  a.active {
            color: #fff;
        }

            .pub-nav[b-ylp7ztx8nf]  a:hover::after,
            .pub-nav[b-ylp7ztx8nf]  a.active::after {
                transform: scaleX(1);
            }

.pub-lang[b-ylp7ztx8nf]  select {
    width: auto;
    padding: .3rem 2rem .3rem .6rem;
    background-color: transparent;
    color: var(--bt-steel);
    border: 1px solid var(--bt-line-strong);
    border-radius: 0;
    font-size: .8rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a3adb8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

    .pub-lang[b-ylp7ztx8nf]  select:hover,
    .pub-lang[b-ylp7ztx8nf]  select:focus {
        border-color: var(--bt-red);
        color: #fff;
        box-shadow: none;
    }

    .pub-lang[b-ylp7ztx8nf]  select option {
        background: #101013;
        color: #e5e5e5;
    }

/* ---------- page + footer ---------- */
.pub-page[b-ylp7ztx8nf] {
    flex: 1;
}

.pub-footer[b-ylp7ztx8nf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin-top: 3rem;
    padding: 1.5rem;
    border-top: 1px solid var(--bt-line);
    color: var(--bt-muted);
    font-family: var(--bt-display);
    font-size: .72rem;
    letter-spacing: .22em;
    text-transform: uppercase;
}

    .pub-footer .pub-brand-mark[b-ylp7ztx8nf] {
        width: 1rem;
        height: 1rem;
    }

    .pub-footer a[b-ylp7ztx8nf] {
        color: var(--bt-steel);
        text-decoration: none;
    }

        .pub-footer a:hover[b-ylp7ztx8nf] {
            color: var(--bt-red-hot);
        }

@media (max-width: 760px) {
    .pub-topbar-inner[b-ylp7ztx8nf] {
        flex-wrap: wrap;
        gap: 0 1rem;
        padding: 0 1rem;
    }

    .pub-brand[b-ylp7ztx8nf] {
        min-height: 3rem;
        margin-right: auto;
        font-size: .85rem;
        letter-spacing: .12em;
    }

    .pub-nav[b-ylp7ztx8nf] {
        order: 3;
        flex-basis: 100%;
        margin: 0 -.9rem;
        overflow-x: auto;
        scrollbar-width: none;
    }

        .pub-nav[b-ylp7ztx8nf]  a {
            min-height: 2.5rem;
        }
}
/* _content/CompetitionResults/Components/Pages/Index.razor.rz.scp.css */
/* Home – "steel & bullseye" theme (tokens come from PublicLayout) */
.hm[b-nxn6369aoi] {
    max-width: 1600px;
    margin: 0 auto;
    padding: 1.5rem 1.5rem 3rem;
    color: var(--bt-text);
}

/* ---------- hero ---------- */
.hm-hero[b-nxn6369aoi] {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2rem;
    padding: 2.25rem 0;
    border-top: 1px solid var(--bt-line-strong);
    border-bottom: 1px solid var(--bt-line-strong);
}

.hm-disc[b-nxn6369aoi] {
    display: grid;
    place-items: center;
    width: 8.5rem;
    height: 8.5rem;
    flex-shrink: 0;
    margin: .75rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 4px var(--bt-bg), 0 0 0 8px var(--bt-red), 0 0 0 12px var(--bt-bg), 0 0 0 13px var(--bt-line-strong);
}

    .hm-disc img[b-nxn6369aoi] {
        width: 82%;
        height: 82%;
        object-fit: contain;
    }

.hm-kicker[b-nxn6369aoi] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: .5rem;
    color: var(--bt-red-hot);
    font-family: var(--bt-display);
    font-size: .78rem;
    font-weight: 500;
    letter-spacing: .32em;
    text-transform: uppercase;
}

    .hm-kicker[b-nxn6369aoi]::before {
        content: "";
        width: 2rem;
        height: 2px;
        background: var(--bt-red);
    }

.hm-hero h1[b-nxn6369aoi] {
    margin: 0 0 .6rem;
    font-family: var(--bt-display);
    font-size: clamp(1.8rem, 4.2vw, 3.4rem);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
}

.hm-hero p[b-nxn6369aoi] {
    margin: 0;
    font-size: 1.05rem;
    color: var(--bt-steel);
}

/* ---------- navigation tiles ---------- */
.hm-tiles[b-nxn6369aoi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.hm-tile[b-nxn6369aoi] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 11rem;
    padding: 1.4rem 1.4rem 3rem;
    overflow: hidden;
    background: var(--bt-panel);
    border: 1px solid var(--bt-line);
    color: var(--bt-steel);
    text-decoration: none;
    transition: transform .25s, border-color .25s;
}

    /* small target in the corner of every tile */
    .hm-tile[b-nxn6369aoi]::before {
        content: "";
        position: absolute;
        right: -4.5rem;
        bottom: -4.5rem;
        width: 11rem;
        height: 11rem;
        border-radius: 50%;
        background: repeating-radial-gradient(circle, var(--bt-red) 0 .8rem, transparent .8rem 1.6rem);
        opacity: .22;
        transition: opacity .25s;
    }

    .hm-tile[b-nxn6369aoi]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 3px;
        background: var(--bt-red);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .3s;
    }

    .hm-tile:hover[b-nxn6369aoi] {
        transform: translateY(-4px);
        border-color: var(--bt-line-strong);
        color: var(--bt-steel);
    }

        .hm-tile:hover[b-nxn6369aoi]::before {
            opacity: .5;
        }

        .hm-tile:hover[b-nxn6369aoi]::after {
            transform: scaleX(1);
        }

    .hm-tile[b-nxn6369aoi]  > svg {
        color: var(--bt-red-hot);
    }

    .hm-tile h2[b-nxn6369aoi] {
        margin: .9rem 0 .4rem;
        font-family: var(--bt-display);
        font-size: 1.3rem;
        font-weight: 600;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: #fff;
    }

    .hm-tile p[b-nxn6369aoi] {
        position: relative;
        margin: 0;
        font-size: .95rem;
    }

.hm-go[b-nxn6369aoi] {
    position: absolute;
    left: 1.4rem;
    bottom: 1.1rem;
    color: var(--bt-muted);
    transition: transform .15s, color .15s;
}

.hm-tile:hover .hm-go[b-nxn6369aoi] {
    color: var(--bt-red-hot);
    transform: translateX(4px);
}

/* ---------- panels ---------- */
.hm-panels[b-nxn6369aoi] {
    max-width: 44rem;
}

.hm-panel[b-nxn6369aoi] {
    padding: 1.25rem 1.4rem 1.4rem;
    background: var(--bt-panel);
    border: 1px solid var(--bt-line);
    border-top: 3px solid var(--bt-red);
}

    .hm-panel h3[b-nxn6369aoi] {
        display: flex;
        align-items: center;
        gap: .6rem;
        margin: 0 0 .6rem;
        font-family: var(--bt-display);
        font-size: 1.1rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: #fff;
    }

        .hm-panel h3[b-nxn6369aoi]  svg {
            color: var(--bt-red-hot);
        }

    .hm-panel p[b-nxn6369aoi] {
        margin: 0 0 1rem;
        font-size: .95rem;
        color: var(--bt-steel);
    }

    .hm-panel h4[b-nxn6369aoi] {
        margin: 1.75rem 0 .35rem;
        padding-top: 1.25rem;
        border-top: 1px solid var(--bt-line);
        font-family: var(--bt-display);
        font-size: .9rem;
        font-weight: 500;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: #fff;
    }

/* ---------- competition visibility ---------- */
.hm-vis-row[b-nxn6369aoi] {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin: 0;
    padding: .5rem .25rem;
    border-top: 1px solid rgba(255, 255, 255, .06);
    cursor: pointer;
}

    .hm-vis-row:hover[b-nxn6369aoi] {
        background: rgba(255, 255, 255, .05);
    }

    .hm-vis-row input[b-nxn6369aoi] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.hm-switch[b-nxn6369aoi] {
    position: relative;
    width: 2.3rem;
    height: 1.2rem;
    flex-shrink: 0;
    border: 1px solid var(--bt-line-strong);
    background: rgba(8, 8, 10, .7);
    transition: background-color .15s, border-color .15s;
}

    .hm-switch[b-nxn6369aoi]::after {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        width: .85rem;
        height: calc(100% - 4px);
        background: var(--bt-muted);
        transition: transform .15s, background-color .15s;
    }

.hm-vis-row input:checked + .hm-switch[b-nxn6369aoi] {
    background: var(--bt-red);
    border-color: var(--bt-red);
}

    .hm-vis-row input:checked + .hm-switch[b-nxn6369aoi]::after {
        transform: translateX(1.05rem);
        background: #fff;
    }

.hm-vis-row input:focus-visible + .hm-switch[b-nxn6369aoi] {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.hm-vis-name[b-nxn6369aoi] {
    flex: 1;
    min-width: 0;
    font-weight: 600;
    color: var(--bt-text);
}

.hm-vis-row.off .hm-vis-name[b-nxn6369aoi] {
    color: var(--bt-muted);
}

.hm-vis-date[b-nxn6369aoi] {
    font-size: .85rem;
    font-variant-numeric: tabular-nums;
    color: var(--bt-muted);
    white-space: nowrap;
}

.hm-vis-state[b-nxn6369aoi] {
    width: 5.5rem;
    text-align: right;
    font-family: var(--bt-display);
    font-size: .7rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--bt-red-hot);
}

.hm-vis-row.off .hm-vis-state[b-nxn6369aoi] {
    color: var(--bt-muted);
}

.hm-actions[b-nxn6369aoi] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.hm-btn[b-nxn6369aoi] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem 1rem;
    background: rgba(8, 8, 10, .7);
    color: var(--bt-text);
    border: 1px solid var(--bt-line-strong);
    border-radius: 0;
    font-family: var(--bt-display);
    font-size: .78rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .15s, border-color .15s, color .15s;
}

    .hm-btn:hover[b-nxn6369aoi], .hm-btn.primary[b-nxn6369aoi] {
        background: var(--bt-red);
        border-color: var(--bt-red);
        color: #fff;
    }

    .hm-btn.primary:hover[b-nxn6369aoi] {
        background: var(--bt-red-hot);
        border-color: var(--bt-red-hot);
    }

    .hm-btn.ghost[b-nxn6369aoi] {
        border-color: transparent;
        color: var(--bt-muted);
    }

.hm-status[b-nxn6369aoi] {
    margin: 1.25rem 0 0;
    padding: .8rem 1rem;
    border-left: 3px solid var(--bt-red);
    background: rgba(255, 255, 255, .05);
    color: var(--bt-text);
}

@media (max-width: 1100px) {
    .hm-tiles[b-nxn6369aoi] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .hm[b-nxn6369aoi] { padding: 1rem 1rem 2rem; }
    .hm-hero[b-nxn6369aoi] { gap: 1.25rem; padding: 1.5rem 0; }
    .hm-disc[b-nxn6369aoi] { width: 4.5rem; height: 4.5rem; margin: .6rem; box-shadow: 0 0 0 3px var(--bt-bg), 0 0 0 6px var(--bt-red); }
    .hm-tiles[b-nxn6369aoi] { grid-template-columns: 1fr; }
    .hm-tile[b-nxn6369aoi] { min-height: 0; }
    .hm-btn[b-nxn6369aoi] { white-space: normal; }
    .hm-vis-date[b-nxn6369aoi] { display: none; }
}
/* _content/CompetitionResults/Components/Pages/PublicResults.razor.rz.scp.css */
/* Public results board – "steel & bullseye" theme (tokens come from PublicLayout) */
.pr[b-b8elvux9rq] {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 1.5rem;
    color: var(--bt-text);
    font-size: 1rem;
    line-height: 1.5;
}

    .pr button[b-b8elvux9rq] {
        font-family: inherit;
    }

/* ---------- loading ---------- */
.pr-loading[b-b8elvux9rq] {
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    color: var(--bt-muted);
    font-family: var(--bt-display);
    letter-spacing: .2em;
    text-transform: uppercase;
}

/* a target whose rings pulse outwards */
.pr-spinner[b-b8elvux9rq] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: radial-gradient(circle, var(--bt-red) 0 20%, #fff 21% 40%, var(--bt-red) 41% 60%, #fff 61% 80%, var(--bt-red) 81%);
    animation: pr-pulse-b-b8elvux9rq 1.1s ease-in-out infinite;
}

@keyframes pr-pulse-b-b8elvux9rq {
    0%, 100% { transform: scale(.8); opacity: .55; }
    50% { transform: scale(1); opacity: 1; }
}

/* ---------- shared building blocks ---------- */
.pr-kicker[b-b8elvux9rq] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: .5rem;
    color: var(--bt-red-hot);
    font-family: var(--bt-display);
    font-size: .78rem;
    font-weight: 500;
    letter-spacing: .32em;
    text-transform: uppercase;
}

    .pr-kicker[b-b8elvux9rq]::before {
        content: "";
        width: 2rem;
        height: 2px;
        background: var(--bt-red);
    }

/* club logo on a white disc ringed like a target */
.pr-disc[b-b8elvux9rq] {
    display: grid;
    place-items: center;
    width: 6.5rem;
    height: 6.5rem;
    flex-shrink: 0;
    margin: .75rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 4px var(--bt-bg), 0 0 0 8px var(--bt-red), 0 0 0 12px var(--bt-bg), 0 0 0 13px var(--bt-line-strong);
}

    .pr-disc img[b-b8elvux9rq] {
        width: 82%;
        height: 82%;
        object-fit: contain;
    }

.pr-stats[b-b8elvux9rq] {
    display: flex;
    flex-shrink: 0;
    border: 1px solid var(--bt-line-strong);
    background: rgba(8, 8, 10, .6);
}

    .pr-stats > div[b-b8elvux9rq] {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 6.5rem;
        padding: .8rem 1.1rem;
    }

        .pr-stats > div + div[b-b8elvux9rq] {
            border-left: 1px solid var(--bt-line-strong);
        }

    .pr-stats strong[b-b8elvux9rq] {
        font-family: var(--bt-display);
        font-size: 2rem;
        font-weight: 600;
        line-height: 1.1;
        font-variant-numeric: tabular-nums;
        color: #fff;
    }

    .pr-stats span[b-b8elvux9rq] {
        font-family: var(--bt-display);
        font-size: .68rem;
        letter-spacing: .2em;
        text-transform: uppercase;
        color: var(--bt-muted);
        white-space: nowrap;
    }

/* ---------- header ---------- */
.pr-header[b-b8elvux9rq] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin-bottom: 1.5rem;
    padding: 1rem 1.5rem 1.75rem;
    border: 1px solid var(--bt-line);
    border-top: 3px solid var(--bt-red);
    background: linear-gradient(110deg, rgba(224, 19, 28, .14), transparent 45%), var(--bt-panel);
}

.pr-header-bg[b-b8elvux9rq] {
    position: absolute;
    inset: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .28;
    filter: grayscale(.6);
    -webkit-mask-image: linear-gradient(90deg, transparent 25%, #000);
    mask-image: linear-gradient(90deg, transparent 25%, #000);
}

.pr-header-actions[b-b8elvux9rq] {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    gap: .5rem;
    margin-bottom: 1rem;
}

.pr-header-main[b-b8elvux9rq] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.pr-header-text[b-b8elvux9rq] {
    flex: 1;
    min-width: 0;
}

.pr-title[b-b8elvux9rq] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: 0 0 .6rem;
    font-family: var(--bt-display);
    font-size: clamp(1.5rem, 3vw, 2.6rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #fff;
}

.pr-flag-title[b-b8elvux9rq] {
    width: 1.1em;
    height: .82em;
    flex-shrink: 0;
    object-fit: cover;
    outline: 1px solid var(--bt-line-strong);
}

.pr-desc[b-b8elvux9rq] {
    margin: .6rem 0 0;
    font-size: .9rem;
    color: var(--bt-steel);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-line;
}

.pr-meta[b-b8elvux9rq] {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem 1.25rem;
    font-size: .95rem;
    color: var(--bt-steel);
}

    .pr-meta span[b-b8elvux9rq] {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
    }

    .pr-meta[b-b8elvux9rq]  svg {
        color: var(--bt-red-hot);
    }

/* ---------- form controls ---------- */
.pr-select[b-b8elvux9rq] {
    max-width: 22rem;
    padding: .5rem 2.25rem .5rem .75rem;
    background-color: rgba(8, 8, 10, .7);
    color: var(--bt-text);
    border: 1px solid var(--bt-line-strong);
    border-radius: 0;
    font-size: .875rem;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a3adb8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .6rem center;
    background-size: 14px 12px;
    cursor: pointer;
}

    .pr-select:hover[b-b8elvux9rq], .pr-select:focus[b-b8elvux9rq] {
        border-color: var(--bt-red);
        outline: none;
    }

    .pr-select option[b-b8elvux9rq] {
        background: #101013;
    }

    .pr-select.small[b-b8elvux9rq] {
        padding: .4rem 2rem .4rem .6rem;
        font-size: .8rem;
    }

.pr-btn[b-b8elvux9rq] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .9rem;
    background: rgba(8, 8, 10, .7);
    color: var(--bt-text);
    border: 1px solid var(--bt-line-strong);
    border-radius: 0;
    font-family: var(--bt-display);
    font-size: .78rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color .15s, border-color .15s, color .15s;
}

    .pr-btn:hover[b-b8elvux9rq] {
        background: var(--bt-red);
        border-color: var(--bt-red);
        color: #fff;
    }

a.pr-btn[b-b8elvux9rq] {
    text-decoration: none;
}

.pr-btn-ok[b-b8elvux9rq] {
    border-color: #22c55e;
    color: #4ade80;
}

.pr-input[b-b8elvux9rq] {
    padding: .5rem .75rem;
    border-radius: 0;
    background: rgba(8, 8, 10, .7);
    border: 1px solid var(--bt-line-strong);
    color: var(--bt-text);
    font-size: .875rem;
}

    .pr-input[b-b8elvux9rq]::placeholder {
        color: var(--bt-muted);
    }

    .pr-input:focus[b-b8elvux9rq] {
        outline: none;
        border-color: var(--bt-red);
        box-shadow: 0 0 0 1px var(--bt-red);
    }

/* ---------- tabs: slanted "blade" plates ---------- */
.pr-tabs[b-b8elvux9rq] {
    display: flex;
    gap: .25rem;
    border-bottom: 2px solid var(--bt-red);
    overflow-x: auto;
    margin-bottom: 1.5rem;
    scrollbar-width: none;
}

.pr-tab[b-b8elvux9rq] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .7rem 1.6rem;
    background: rgba(255, 255, 255, .05);
    border: 0;
    color: var(--bt-steel);
    font-size: .85rem;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    white-space: nowrap;
    clip-path: polygon(.9rem 0, 100% 0, calc(100% - .9rem) 100%, 0 100%);
    transition: color .15s, background-color .15s;
}

/* beats the generic ".pr button" font reset */
.pr .pr-tab[b-b8elvux9rq], .pr .pr-btn[b-b8elvux9rq] {
    font-family: var(--bt-display);
}

.pr-tab:hover[b-b8elvux9rq] {
    color: #fff;
    background: rgba(255, 255, 255, .12);
}

.pr-tab.active[b-b8elvux9rq] {
    color: #fff;
    background: var(--bt-red);
}

/* ---------- discipline filter ---------- */
.pr-filterbar[b-b8elvux9rq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1.5rem;
}

.pr-chip[b-b8elvux9rq] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .9rem;
    border-radius: 0;
    font-size: .85rem;
    font-weight: 600;
    border: 1px solid var(--bt-line-strong);
    border-left: 3px solid var(--chip, var(--bt-steel));
    background: rgba(8, 8, 10, .6);
    color: var(--bt-steel);
    transition: all .15s;
}

    .pr-chip:hover[b-b8elvux9rq] {
        color: #fff;
        border-color: var(--chip, #fff);
    }

    .pr-chip.active[b-b8elvux9rq] {
        color: #fff;
        border-color: var(--chip, #fff);
        background: color-mix(in srgb, var(--chip, #fff) 22%, var(--bt-bg));
    }

.pr-count[b-b8elvux9rq] {
    margin-left: auto;
    font-size: .8rem;
    color: var(--bt-muted);
    font-variant-numeric: tabular-nums;
}

/* ---------- disciplines: list on the left, one leaderboard on the right ---------- */
.pr-card[b-b8elvux9rq] {
    background: var(--bt-panel);
    border: 1px solid var(--bt-line);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pr-card-tags[b-b8elvux9rq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    font-size: .9rem;
    color: var(--bt-steel);
}

    .pr-card-tags span[b-b8elvux9rq] {
        display: inline-flex;
        align-items: center;
        gap: .3rem;
    }

    .pr-card-tags[b-b8elvux9rq]  svg {
        color: var(--accent);
    }

.pr-tool[b-b8elvux9rq] {
    padding: 0 .5rem;
    font-family: var(--bt-display);
    font-size: .68rem;
    font-weight: 500;
    border: 1px solid var(--bt-line-strong);
    color: var(--bt-steel);
    text-transform: uppercase;
    letter-spacing: .12em;
}

.pd[b-b8elvux9rq] {
    display: grid;
    grid-template-columns: 19rem minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.pd-nav[b-b8elvux9rq] {
    position: sticky;
    top: 4.5rem;
    max-height: calc(100vh - 5.5rem);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #3a3a40 transparent;
    background: var(--bt-panel);
    border: 1px solid var(--bt-line);
}

.pd-select[b-b8elvux9rq] {
    display: none;
}

.pd-group[b-b8elvux9rq] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .9rem 1rem .4rem;
    font-family: var(--bt-display);
    font-size: .68rem;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--accent);
}

.pd-item[b-b8elvux9rq] {
    display: flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
    padding: .55rem 1rem;
    border: 0;
    border-left: 3px solid transparent;
    background: none;
    color: var(--bt-steel);
    font-size: .95rem;
    font-weight: 600;
    text-align: left;
    transition: background-color .15s, color .15s;
}

    .pd-item:hover[b-b8elvux9rq] {
        background: rgba(255, 255, 255, .05);
        color: #fff;
    }

    .pd-item.active[b-b8elvux9rq] {
        border-left-color: var(--accent);
        background: color-mix(in srgb, var(--accent) 16%, transparent);
        color: #fff;
    }

.pd-item-name[b-b8elvux9rq] {
    flex: 1;
    min-width: 0;
}

.pd-item-count[b-b8elvux9rq] {
    font-family: var(--bt-display);
    font-size: .8rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    color: var(--bt-muted);
}

.pd-main[b-b8elvux9rq] {
    min-width: 0;
    background: var(--bt-panel);
    border: 1px solid var(--bt-line);
    border-top: 3px solid var(--accent);
}

.pd-head[b-b8elvux9rq] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--bt-line);
    background: linear-gradient(100deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);
}

.pd-type[b-b8elvux9rq] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-family: var(--bt-display);
    font-size: .7rem;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--accent);
}

.pd-head h2[b-b8elvux9rq] {
    margin: .2rem 0 .5rem;
    font-family: var(--bt-display);
    font-size: clamp(1.4rem, 2.6vw, 2.2rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fff;
}

/* podium: the winner stands in the middle, a step above the others */
.pd-podium[b-b8elvux9rq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
    gap: .75rem;
    padding: 1.5rem 1.5rem 0;
    border-bottom: 1px solid var(--bt-line-strong);
}

.pd-step[b-b8elvux9rq] {
    --metal: var(--bt-steel);
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    padding: 1rem .75rem 1.1rem;
    text-align: center;
    border-top: 3px solid var(--metal);
    background: linear-gradient(180deg, color-mix(in srgb, var(--metal) 16%, transparent), rgba(255, 255, 255, .02));
}

    .pd-step.top1[b-b8elvux9rq] { --metal: var(--bt-gold); }
    .pd-step.top2[b-b8elvux9rq] { --metal: var(--bt-silver); }
    .pd-step.top3[b-b8elvux9rq] { --metal: var(--bt-bronze); }

    .pd-step:nth-child(1)[b-b8elvux9rq] { order: 2; padding-bottom: 2.6rem; }
    .pd-step:nth-child(2)[b-b8elvux9rq] { order: 1; padding-bottom: 1.6rem; }
    .pd-step:nth-child(3)[b-b8elvux9rq] { order: 3; }

.pd-step-rank[b-b8elvux9rq] {
    font-family: var(--bt-display);
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1;
    color: var(--metal);
}

.pd-step-name[b-b8elvux9rq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    max-width: 100%;
    margin-top: .6rem;
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff;
}

    .pd-step-name span[b-b8elvux9rq] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.pd-step-sub[b-b8elvux9rq] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .8rem;
    color: var(--bt-muted);
}

.pd-step-score[b-b8elvux9rq] {
    display: flex;
    align-items: baseline;
    gap: .4rem;
    margin-top: .5rem;
    font-family: var(--bt-display);
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: #fff;
}

.pd-main .pr-row[b-b8elvux9rq] {
    padding: .6rem 1.5rem;
}

.pd-main .pr-name[b-b8elvux9rq] {
    font-size: .95rem;
}

.pd-main .pr-sub[b-b8elvux9rq] {
    font-size: .78rem;
}

/* category colours */
.cat-0[b-b8elvux9rq] { color: #5cc8f0; background: rgba(34, 193, 232, .09); }
.cat-1[b-b8elvux9rq] { color: #ff7aa5; background: rgba(255, 107, 157, .09); }
.cat-2[b-b8elvux9rq] { color: #f5b94d; background: rgba(245, 165, 36, .09); }
.cat-3[b-b8elvux9rq] { color: #6ee7a0; background: rgba(74, 222, 128, .09); }
.cat-all[b-b8elvux9rq] { color: var(--bt-steel); background: rgba(255, 255, 255, .04); }

.pr-gender.cat-0[b-b8elvux9rq], .pr-gender.cat-1[b-b8elvux9rq], .pr-gender.cat-2[b-b8elvux9rq], .pr-gender.cat-3[b-b8elvux9rq] {
    background: none;
    font-size: .8rem;
    margin-left: .25rem;
}

.pr-scroll[b-b8elvux9rq] {
    max-height: 350px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #3a3a40 transparent;
}

    .pr-scroll.tall[b-b8elvux9rq] {
        max-height: none;
    }

.pr-rows > .pr-row + .pr-row[b-b8elvux9rq] {
    border-top: 1px solid rgba(255, 255, 255, .06);
}

.pr-row[b-b8elvux9rq] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .55rem .75rem;
}

    .pr-row:hover[b-b8elvux9rq] {
        background: rgba(255, 255, 255, .05);
    }

/* rank plate – podium places get a metal-coloured blade */
.pr-rank[b-b8elvux9rq] {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 1.5rem;
    flex-shrink: 0;
    font-family: var(--bt-display);
    font-size: .95rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--bt-muted);
}

    .pr-rank.top1[b-b8elvux9rq], .pr-rank.top2[b-b8elvux9rq], .pr-rank.top3[b-b8elvux9rq] {
        color: #08080a;
        clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
    }

    .pr-rank.top1[b-b8elvux9rq] { background: var(--bt-gold); }
    .pr-rank.top2[b-b8elvux9rq] { background: var(--bt-silver); }
    .pr-rank.top3[b-b8elvux9rq] { background: var(--bt-bronze); }

.pr-ident[b-b8elvux9rq] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .45rem;
}

.pr-num[b-b8elvux9rq] {
    padding: 0 .3rem;
    font-family: var(--bt-display);
    font-size: .7rem;
    font-weight: 500;
    border: 1px solid var(--bt-line-strong);
    color: var(--bt-steel);
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

    .pr-num.solid[b-b8elvux9rq] {
        padding: .1rem .45rem;
        font-size: .85rem;
        font-weight: 600;
        background: var(--bt-red);
        border-color: var(--bt-red);
        color: #fff;
    }

.pr-flag[b-b8elvux9rq] {
    width: 1.35em;
    height: 1em;
    object-fit: cover;
    flex-shrink: 0;
    outline: 1px solid rgba(255, 255, 255, .18);
}

.pr-nat[b-b8elvux9rq] {
    font-size: .7rem;
    color: var(--bt-muted);
    flex-shrink: 0;
}

.pr-name-wrap[b-b8elvux9rq] {
    flex: 1;
    min-width: 0;
}

.pr-name[b-b8elvux9rq] {
    display: block;
    font-size: .85rem;
    font-weight: 600;
    color: var(--bt-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .pr-name.bold[b-b8elvux9rq] {
        font-size: .95rem;
        font-weight: 700;
    }

.pr-sub[b-b8elvux9rq] {
    display: block;
    font-size: .72rem;
    color: var(--bt-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pr-score[b-b8elvux9rq] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-shrink: 0;
}

.pr-points[b-b8elvux9rq] {
    font-family: var(--bt-display);
    font-size: 1rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: #fff;
}

.pr-bulls[b-b8elvux9rq] {
    font-size: .72rem;
    color: var(--bt-red-hot);
}

.pr-award[b-b8elvux9rq] {
    min-width: 2.4rem;
    padding: 0 .3rem;
    text-align: right;
    font-size: .72rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--bt-cyan);
}

.pr-empty[b-b8elvux9rq] {
    padding: 1.5rem;
    text-align: center;
    font-size: .875rem;
    color: var(--bt-muted);
}

.pr[b-b8elvux9rq]  .medal-gold { color: var(--bt-gold); }
.pr[b-b8elvux9rq]  .medal-silver { color: var(--bt-silver); }
.pr[b-b8elvux9rq]  .medal-bronze { color: var(--bt-bronze); }

/* ---------- overall ---------- */
.pr-overall[b-b8elvux9rq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}

.pr-ov-head[b-b8elvux9rq] {
    padding: .9rem 1.1rem;
    border-bottom: 1px solid var(--bt-line);
    border-top: 3px solid currentColor;
}

    .pr-ov-head h2[b-b8elvux9rq] {
        display: flex;
        align-items: center;
        gap: .5rem;
        margin: 0 0 .25rem;
        font-family: var(--bt-display);
        font-size: 1.2rem;
        font-weight: 600;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: #fff;
    }

        .pr-ov-head h2[b-b8elvux9rq]  svg {
            color: var(--bt-red-hot);
        }

    .pr-ov-head p[b-b8elvux9rq] {
        margin: 0;
        font-size: .8rem;
        color: var(--bt-steel);
    }

.pr-ov-note[b-b8elvux9rq] {
    margin-top: .25rem;
    font-size: .72rem;
    color: var(--bt-muted);
}

.pr-ov-list[b-b8elvux9rq] {
    max-height: 640px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #3a3a40 transparent;
}

    .pr-ov-list > .pr-ov-row + .pr-ov-row[b-b8elvux9rq] {
        border-top: 1px solid rgba(255, 255, 255, .06);
    }

.pr-ov-row[b-b8elvux9rq] {
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: .7rem 1rem;
    border-left: 3px solid transparent;
    transition: background-color .15s;
}

    .pr-ov-row:hover[b-b8elvux9rq] { background: rgba(255, 255, 255, .05); }
    .pr-ov-row.top1[b-b8elvux9rq] { border-left-color: var(--bt-gold); background: linear-gradient(90deg, rgba(245, 197, 66, .13), transparent 60%); }
    .pr-ov-row.top2[b-b8elvux9rq] { border-left-color: var(--bt-silver); background: linear-gradient(90deg, rgba(207, 214, 221, .1), transparent 60%); }
    .pr-ov-row.top3[b-b8elvux9rq] { border-left-color: var(--bt-bronze); background: linear-gradient(90deg, rgba(217, 130, 43, .12), transparent 60%); }

.pr-ov-rank[b-b8elvux9rq] {
    width: 2.5rem;
    flex-shrink: 0;
    text-align: center;
    font-family: var(--bt-display);
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--bt-muted);
}

.pr-ov-row.top1 .pr-ov-rank[b-b8elvux9rq] { color: var(--bt-gold); }
.pr-ov-row.top2 .pr-ov-rank[b-b8elvux9rq] { color: var(--bt-silver); }
.pr-ov-row.top3 .pr-ov-rank[b-b8elvux9rq] { color: var(--bt-bronze); }

.pr-ov-body[b-b8elvux9rq] {
    flex: 1;
    min-width: 0;
}

.pr-ov-total[b-b8elvux9rq] {
    font-family: var(--bt-display);
    font-size: 1.5rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: #fff;
}

.pr-medals[b-b8elvux9rq] {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    margin-top: .25rem;
    font-size: .78rem;
    font-variant-numeric: tabular-nums;
    color: var(--bt-steel);
}

    .pr-medals > span[b-b8elvux9rq] {
        display: inline-flex;
        align-items: center;
        gap: .15rem;
    }

/* ---------- participants ---------- */
.pr-pfilter[b-b8elvux9rq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.5rem;
    padding: .9rem 1rem;
    background: var(--bt-panel);
    border: 1px solid var(--bt-line);
}

.pr-input-num[b-b8elvux9rq] { width: 6rem; }
.pr-input-name[b-b8elvux9rq] { flex: 1; min-width: 100px; }

.pr-seg[b-b8elvux9rq] {
    display: flex;
}

    .pr-seg button[b-b8elvux9rq] {
        padding: .4rem .7rem;
        font-size: .8rem;
        font-weight: 600;
        background: transparent;
        color: var(--bt-steel);
        border: 1px solid var(--bt-line-strong);
    }

        .pr-seg button + button[b-b8elvux9rq] {
            border-left: 0;
        }

        .pr-seg button.on[b-b8elvux9rq] {
            background: var(--bt-red);
            border-color: var(--bt-red);
            color: #fff;
        }

.pr-divider[b-b8elvux9rq] {
    width: 1px;
    height: 2rem;
    background: var(--bt-line-strong);
}

.pr-sortlbl[b-b8elvux9rq] {
    font-family: var(--bt-display);
    font-size: .75rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--bt-muted);
}

.pr-sort[b-b8elvux9rq] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .4rem .75rem;
    border: 1px solid transparent;
    font-size: .85rem;
    font-weight: 600;
    background: none;
    color: var(--bt-steel);
}

    .pr-sort:hover[b-b8elvux9rq] { color: #fff; border-color: var(--bt-line-strong); }

    .pr-sort.on[b-b8elvux9rq] {
        background: var(--bt-red);
        color: #fff;
    }

.pr-table-card[b-b8elvux9rq] {
    overflow-x: auto;
}

.pr-table[b-b8elvux9rq] {
    width: 100%;
    border-collapse: collapse;
    font-size: .9rem;
}

    .pr-table th[b-b8elvux9rq] {
        padding: .7rem 1rem;
        border-bottom: 2px solid var(--bt-red);
        color: var(--bt-steel);
        font-family: var(--bt-display);
        font-size: .72rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .16em;
        text-align: left;
        white-space: nowrap;
    }

    .pr-table td[b-b8elvux9rq] {
        padding: .65rem 1rem;
        border-top: 1px solid rgba(255, 255, 255, .06);
        color: var(--bt-text);
        vertical-align: middle;
        font-variant-numeric: tabular-nums;
    }

    .pr-table tbody tr:hover[b-b8elvux9rq] { background: rgba(255, 255, 255, .05); }

    .pr-table .c[b-b8elvux9rq] { text-align: center; }
    .pr-table .r[b-b8elvux9rq] { text-align: right; }

    .pr-table .pr-medals[b-b8elvux9rq] { margin-top: 0; }

.pr-bold[b-b8elvux9rq] { font-weight: 700; }
.pr-total[b-b8elvux9rq] { font-family: var(--bt-display); font-size: 1.05rem; font-weight: 600; color: var(--bt-red-hot); }
.pr-muted[b-b8elvux9rq] { color: var(--bt-muted); }

.pr-nations[b-b8elvux9rq] {
    max-width: 56rem;
}

/* ---------- responsive ---------- */
@media (max-width: 1279px) {
    .pr-grid[b-b8elvux9rq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1023px) {
    .pr-overall[b-b8elvux9rq] { grid-template-columns: 1fr; }
    .pr-header-main[b-b8elvux9rq], .pl-hero[b-b8elvux9rq] { flex-wrap: wrap; }
    .pr-stats[b-b8elvux9rq] { flex-basis: 100%; }
        .pr-stats > div[b-b8elvux9rq] { flex: 1; min-width: 0; }
}

@media (max-width: 767px) {
    .pr[b-b8elvux9rq] { padding: 1rem; }
    .pr-header[b-b8elvux9rq] { padding: .75rem 1rem 1.25rem; }
    .pr-header-actions[b-b8elvux9rq] { flex-wrap: wrap; }
    .pr-select[b-b8elvux9rq] { flex: 1; max-width: none; min-width: 0; }
    .pr-disc[b-b8elvux9rq] { width: 4rem; height: 4rem; margin: .6rem; box-shadow: 0 0 0 3px var(--bt-bg), 0 0 0 6px var(--bt-red); }
    .pr-header-main[b-b8elvux9rq] { gap: 1rem; }
    .pr-stats strong[b-b8elvux9rq] { font-size: 1.5rem; }
    .pr-stats > div[b-b8elvux9rq] { padding: .6rem .4rem; }
    .pr-grid[b-b8elvux9rq] { grid-template-columns: 1fr; }
    .pr-card.span-2[b-b8elvux9rq] { grid-column: auto; }
    .pr-cols[b-b8elvux9rq] { grid-template-columns: 1fr; }
        .pr-cols > .pr-col + .pr-col[b-b8elvux9rq] { border-left: 0; border-top: 1px solid var(--bt-line); }
    .pr-tab[b-b8elvux9rq] { padding: .6rem 1.2rem; font-size: .78rem; }
    .pr-divider[b-b8elvux9rq], .pr-sortlbl[b-b8elvux9rq] { display: none; }
}

/* ---------- competition overview (/public) ---------- */
.pl-hero[b-b8elvux9rq] {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2rem;
    padding: 2.25rem 0;
    border-top: 1px solid var(--bt-line-strong);
    border-bottom: 1px solid var(--bt-line-strong);
}

.pl-hero-disc[b-b8elvux9rq] {
    width: 8.5rem;
    height: 8.5rem;
}

.pl-hero-text[b-b8elvux9rq] {
    flex: 1;
    min-width: 0;
}

.pl-hero h1[b-b8elvux9rq] {
    margin: 0 0 .6rem;
    font-family: var(--bt-display);
    font-size: clamp(1.8rem, 4.2vw, 3.4rem);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
}

.pl-hero p[b-b8elvux9rq] {
    margin: 0;
    max-width: 44rem;
    font-size: 1.05rem;
    color: var(--bt-steel);
}

.pl-search[b-b8elvux9rq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem 1.5rem;
    margin-bottom: 1rem;
}

.pl-years[b-b8elvux9rq] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

    .pl-years .pr-chip[b-b8elvux9rq] {
        padding: .45rem 1.1rem;
        border: 0;
        background: rgba(255, 255, 255, .07);
        font-size: .9rem;
        font-weight: 500;
        letter-spacing: .1em;
        font-variant-numeric: tabular-nums;
        clip-path: polygon(.6rem 0, 100% 0, calc(100% - .6rem) 100%, 0 100%);
    }

.pr .pl-years .pr-chip[b-b8elvux9rq] {
    font-family: var(--bt-display);
}

.pl-years .pr-chip:hover[b-b8elvux9rq] {
    background: rgba(255, 255, 255, .16);
}

.pl-years .pr-chip.active[b-b8elvux9rq] {
    background: var(--bt-red);
}

.pl-query[b-b8elvux9rq] {
    position: relative;
    flex: 1;
    min-width: 16rem;
}

.pr[b-b8elvux9rq]  .pl-input-ico {
    position: absolute;
    left: .85rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--bt-muted);
    pointer-events: none;
    z-index: 1;
}

.pl-query-input[b-b8elvux9rq] {
    width: 100%;
    padding: .65rem 1rem .65rem 2.5rem;
}

.pl-count[b-b8elvux9rq] {
    margin-bottom: 1rem;
    font-family: var(--bt-display);
    font-size: .75rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--bt-muted);
}

/* fixture list: one line per competition, led by its date, grouped by season */
.pl-season[b-b8elvux9rq] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 2rem 0 0;
    font-family: var(--bt-display);
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .06em;
    color: var(--bt-red-hot);
}

    .pl-season[b-b8elvux9rq]::after {
        content: "";
        flex: 1;
        height: 1px;
        background: var(--bt-line-strong);
    }

.pl-count + .pl-season[b-b8elvux9rq] {
    margin-top: .5rem;
}

.pl-row[b-b8elvux9rq] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1rem 1rem 1rem 0;
    border-bottom: 1px solid var(--bt-line);
    color: inherit;
    text-decoration: none;
    transition: background-color .2s, padding-left .2s;
}

    .pl-row[b-b8elvux9rq]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: var(--bt-red);
        transform: scaleY(0);
        transition: transform .2s;
    }

    .pl-row:hover[b-b8elvux9rq] {
        padding-left: 1rem;
        background: rgba(255, 255, 255, .04);
        color: inherit;
    }

        .pl-row:hover[b-b8elvux9rq]::before {
            transform: scaleY(1);
        }

.pl-when[b-b8elvux9rq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 5.5rem;
    flex-shrink: 0;
    font-family: var(--bt-display);
    text-transform: uppercase;
}

    .pl-when strong[b-b8elvux9rq] {
        font-size: 2.6rem;
        font-weight: 600;
        line-height: 1;
        font-variant-numeric: tabular-nums;
        color: #fff;
    }

    .pl-when span[b-b8elvux9rq] {
        font-size: .75rem;
        letter-spacing: .18em;
        color: var(--bt-red-hot);
    }

/* poster thumbnail; a small target stands in when there is none */
.pl-thumb[b-b8elvux9rq] {
    width: 7rem;
    height: 4.5rem;
    flex-shrink: 0;
    overflow: hidden;
    background: repeating-radial-gradient(circle, var(--bt-red) 0 .45rem, #15151a .45rem .9rem);
    clip-path: polygon(.9rem 0, 100% 0, calc(100% - .9rem) 100%, 0 100%);
}

    .pl-thumb img[b-b8elvux9rq] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.pl-info[b-b8elvux9rq] {
    flex: 1;
    min-width: 0;
}

    .pl-info h3[b-b8elvux9rq] {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
        gap: .4rem .6rem;
        margin: 0 0 .35rem;
        font-family: var(--bt-display);
        font-size: 1.35rem;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #fff;
    }

        .pl-info h3 .pr-flag[b-b8elvux9rq] {
            position: relative;
            top: .1em;
        }

.pl-hidden[b-b8elvux9rq] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: 0 .5rem;
    border: 1px solid var(--bt-line-strong);
    font-size: .68rem;
    font-weight: 500;
    letter-spacing: .16em;
    color: var(--bt-steel);
}

.pl-meta[b-b8elvux9rq] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 1.25rem;
    font-size: .92rem;
    color: var(--bt-steel);
}

    .pl-meta span[b-b8elvux9rq] {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
    }

    .pl-meta[b-b8elvux9rq]  svg {
        color: var(--bt-muted);
    }

.pl-people[b-b8elvux9rq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-shrink: 0;
    font-family: var(--bt-display);
}

    .pl-people strong[b-b8elvux9rq] {
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 1.1;
        font-variant-numeric: tabular-nums;
        color: #fff;
    }

    .pl-people span[b-b8elvux9rq] {
        font-size: .65rem;
        letter-spacing: .2em;
        text-transform: uppercase;
        color: var(--bt-muted);
    }

.pr[b-b8elvux9rq]  .pl-chev {
    flex-shrink: 0;
    color: var(--bt-muted);
    transition: transform .15s, color .15s;
}

.pl-row:hover[b-b8elvux9rq]  .pl-chev {
    color: var(--bt-red-hot);
    transform: translateX(4px);
}

@media (max-width: 900px) {
    .pd[b-b8elvux9rq] { grid-template-columns: 1fr; gap: 1rem; }
    .pd-nav[b-b8elvux9rq] { position: static; max-height: none; overflow: visible; border: 0; background: none; }
    .pd-list[b-b8elvux9rq] { display: none; }
    .pd-select[b-b8elvux9rq] { display: block; width: 100%; max-width: none; padding: .7rem 2.25rem .7rem .9rem; font-size: 1rem; }
    .pd-head[b-b8elvux9rq] { padding: 1rem; }
    .pd-podium[b-b8elvux9rq] { grid-template-columns: 1fr; gap: 0; padding: 0; }
        .pd-podium .pd-step[b-b8elvux9rq] { order: 0; flex-direction: row; flex-wrap: wrap; gap: .25rem .75rem; padding: .75rem 1rem; text-align: left; border-top: 0; border-left: 3px solid var(--metal); }
    .pd-step-rank[b-b8elvux9rq] { font-size: 1.6rem; width: 1.5rem; }
    .pd-step-name[b-b8elvux9rq] { flex: 1; min-width: 0; justify-content: flex-start; margin-top: 0; }
    .pd-step-sub[b-b8elvux9rq] { display: none; }
    .pd-step-score[b-b8elvux9rq] { margin-top: 0; font-size: 1.3rem; }
    .pd-main .pr-row[b-b8elvux9rq] { padding: .6rem 1rem; }
}

@media (max-width: 700px) {
    .pl-row[b-b8elvux9rq] { gap: .9rem; padding-right: 0; }
    .pl-when[b-b8elvux9rq] { width: 3.6rem; }
        .pl-when strong[b-b8elvux9rq] { font-size: 1.8rem; }
    .pl-thumb[b-b8elvux9rq], .pl-people span[b-b8elvux9rq] { display: none; }
    .pl-info h3[b-b8elvux9rq] { font-size: 1.05rem; }
}

@media (max-width: 767px) {
    .pl-hero[b-b8elvux9rq] { gap: 1rem 1.25rem; padding: 1.5rem 0; }
    .pl-hero-disc[b-b8elvux9rq] { width: 4.5rem; height: 4.5rem; }
    .pl-hero p[b-b8elvux9rq] { font-size: .95rem; }
    .pl-banner[b-b8elvux9rq] { height: 9rem; }
}
/* _content/CompetitionResults/Components/Pages/ThrowerProgress.razor.rz.scp.css */
/* Thrower progress – "steel & bullseye" theme (tokens come from PublicLayout) */
.tp[b-zme7zh7uxg] {
    max-width: 1600px;
    margin: 0 auto;
    padding: 1.5rem 1.5rem 3rem;
    color: var(--bt-text);
}

/* ---------- hero ---------- */
.tp-hero[b-zme7zh7uxg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 1.75rem;
    padding: 2.25rem 0;
    border-top: 1px solid var(--bt-line-strong);
    border-bottom: 1px solid var(--bt-line-strong);
}

.tp-kicker[b-zme7zh7uxg] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: .6rem;
    color: var(--bt-red-hot);
    font-family: var(--bt-display);
    font-size: .78rem;
    font-weight: 500;
    letter-spacing: .32em;
    text-transform: uppercase;
}

    .tp-kicker[b-zme7zh7uxg]::before {
        content: "";
        width: 2rem;
        height: 2px;
        background: var(--bt-red);
    }

.tp-hero h1[b-zme7zh7uxg] {
    margin: 0;
    font-family: var(--bt-display);
    font-size: clamp(1.8rem, 4.2vw, 3.4rem);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
}

.tp-hero p[b-zme7zh7uxg] {
    margin: .7rem 0 0;
    font-size: 1.05rem;
    color: var(--bt-steel);
}

.tp-btn[b-zme7zh7uxg] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .55rem 1rem;
    border: 1px solid var(--bt-line-strong);
    background: rgba(8, 8, 10, .7);
    color: var(--bt-text);
    font-family: var(--bt-display);
    font-size: .78rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .15s, border-color .15s;
}

    .tp-btn:hover[b-zme7zh7uxg] {
        background: var(--bt-red);
        border-color: var(--bt-red);
        color: #fff;
    }

/* ---------- filters ---------- */
.tp-filters[b-zme7zh7uxg] {
    display: grid;
    grid-template-columns: 1.1fr 1.5fr .8fr .8fr;
    gap: 1rem;
    padding: 1.1rem 1.25rem 1.25rem;
    background: var(--bt-panel);
    border: 1px solid var(--bt-line);
    border-top: 3px solid var(--bt-red);
}

.tp-field[b-zme7zh7uxg] {
    min-width: 0;
}

    .tp-field label[b-zme7zh7uxg] {
        display: block;
        margin-bottom: .4rem;
        font-family: var(--bt-display);
        font-size: .7rem;
        font-weight: 500;
        letter-spacing: .18em;
        text-transform: uppercase;
        color: var(--bt-muted);
    }

    .tp-field input[b-zme7zh7uxg],
    .tp-field select[b-zme7zh7uxg],
    .tp-field[b-zme7zh7uxg]  input {
        width: 100%;
        min-height: 44px;
        padding: .6rem .8rem;
        background: rgba(8, 8, 10, .7);
        color: var(--bt-text);
        border: 1px solid var(--bt-line-strong);
        border-radius: 0;
        color-scheme: dark;
        font: inherit;
        font-size: .92rem;
    }

        .tp-field input:focus[b-zme7zh7uxg],
        .tp-field select:focus[b-zme7zh7uxg],
        .tp-field[b-zme7zh7uxg]  input:focus {
            outline: none;
            border-color: var(--bt-red);
            box-shadow: 0 0 0 1px var(--bt-red);
        }

    .tp-field select option[b-zme7zh7uxg] {
        background: #101013;
    }

.tp-hint[b-zme7zh7uxg] {
    font-size: .8rem;
    color: var(--bt-red-hot);
}

.tp-notice[b-zme7zh7uxg] {
    margin-top: .8rem;
    color: var(--bt-red-hot);
}

/* ---------- athlete ---------- */
.tp-athlete[b-zme7zh7uxg] {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin: 1.75rem 0 1.25rem;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--bt-line);
    background: linear-gradient(110deg, rgba(224, 19, 28, .16), transparent 50%), var(--bt-panel);
}

.tp-athlete-title[b-zme7zh7uxg] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-right: auto;
    min-width: 0;
}

/* initials in the bullseye */
.tp-avatar[b-zme7zh7uxg] {
    display: grid;
    place-items: center;
    width: 4.2rem;
    height: 4.2rem;
    flex-shrink: 0;
    margin: .7rem;
    border-radius: 50%;
    background: #fff;
    color: #08080a;
    font-family: var(--bt-display);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    box-shadow: 0 0 0 4px var(--bt-red), 0 0 0 8px #fff, 0 0 0 11px var(--bt-red);
}

.tp-athlete-title h2[b-zme7zh7uxg] {
    margin: 0;
    font-family: var(--bt-display);
    font-size: clamp(1.4rem, 2.6vw, 2.1rem);
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fff;
}

.tp-athlete-title p[b-zme7zh7uxg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem .8rem;
    margin: .45rem 0 0;
    font-size: .95rem;
    color: var(--bt-steel);
}

.tp-code[b-zme7zh7uxg] {
    padding: 0 .45rem;
    background: var(--bt-red);
    color: #fff;
    font-family: var(--bt-display);
    font-size: .85rem;
    letter-spacing: .1em;
}

.tp-stats[b-zme7zh7uxg] {
    display: flex;
    flex-shrink: 0;
    border: 1px solid var(--bt-line-strong);
    background: rgba(8, 8, 10, .6);
}

    .tp-stats > div[b-zme7zh7uxg] {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 6.5rem;
        padding: .8rem 1.1rem;
    }

        .tp-stats > div + div[b-zme7zh7uxg] {
            border-left: 1px solid var(--bt-line-strong);
        }

    .tp-stats strong[b-zme7zh7uxg] {
        font-family: var(--bt-display);
        font-size: 2rem;
        font-weight: 600;
        line-height: 1.1;
        font-variant-numeric: tabular-nums;
        color: #fff;
    }

    .tp-stats span[b-zme7zh7uxg] {
        font-family: var(--bt-display);
        font-size: .68rem;
        letter-spacing: .2em;
        text-transform: uppercase;
        color: var(--bt-muted);
        white-space: nowrap;
    }

/* ---------- charts ---------- */
.tp-toolbar[b-zme7zh7uxg] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem 2rem;
    margin-bottom: 1.25rem;
}

.tp-explanation[b-zme7zh7uxg] {
    max-width: 60rem;
    margin: 0;
    font-size: .88rem;
    line-height: 1.6;
    color: var(--bt-muted);
}

.tp-discipline-filter[b-zme7zh7uxg] {
    flex: 0 0 19rem;
}

.tp-grid[b-zme7zh7uxg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.tp-card[b-zme7zh7uxg] {
    position: relative;
    min-width: 0;
    padding: 1.1rem 1.25rem 1.25rem;
    background: var(--bt-panel);
    border: 1px solid var(--bt-line);
}

    .tp-card[b-zme7zh7uxg]::before {
        content: "";
        position: absolute;
        left: -1px;
        top: -1px;
        width: 4px;
        height: 3.2rem;
        background: var(--bt-red);
    }

    .tp-card > header[b-zme7zh7uxg] {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        gap: .7rem;
        margin-bottom: .9rem;
    }

    .tp-card h3[b-zme7zh7uxg] {
        margin: 0;
        font-family: var(--bt-display);
        font-size: 1.15rem;
        font-weight: 600;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: #fff;
    }

    .tp-card header span[b-zme7zh7uxg] {
        font-size: .8rem;
        color: var(--bt-muted);
        white-space: nowrap;
    }

/* ---------- empty states ---------- */
.tp-empty[b-zme7zh7uxg] {
    padding: 4rem 1rem;
    text-align: center;
    color: var(--bt-steel);
}

    .tp-empty h2[b-zme7zh7uxg] {
        margin: 0 0 .5rem;
        font-family: var(--bt-display);
        font-size: 1.5rem;
        font-weight: 600;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: #fff;
    }

    .tp-empty p[b-zme7zh7uxg] {
        margin: 0;
    }

.tp-bullseye[b-zme7zh7uxg] {
    width: 5.5rem;
    height: 5.5rem;
    margin: 0 auto 1.75rem;
    border-radius: 50%;
    background: radial-gradient(circle, var(--bt-red) 0 20%, #fff 21% 40%, var(--bt-red) 41% 60%, #fff 61% 80%, var(--bt-red) 81%);
    box-shadow: 0 0 60px rgba(224, 19, 28, .35);
}

    .tp-bullseye.pulse[b-zme7zh7uxg] {
        animation: tp-pulse-b-zme7zh7uxg 1.1s ease-in-out infinite;
    }

@keyframes tp-pulse-b-zme7zh7uxg {
    0%, 100% { transform: scale(.8); opacity: .55; }
    50% { transform: scale(1); opacity: 1; }
}

.tp-undated[b-zme7zh7uxg] {
    margin-top: 2rem;
    color: var(--bt-steel);
}

    .tp-undated summary[b-zme7zh7uxg] {
        cursor: pointer;
        font-family: var(--bt-display);
        font-size: .8rem;
        letter-spacing: .16em;
        text-transform: uppercase;
    }

    .tp-undated ul[b-zme7zh7uxg] {
        margin: .75rem 0 0;
    }

    .tp-undated a[b-zme7zh7uxg] {
        color: var(--bt-red-hot);
    }

@media (max-width: 1023px) {
    .tp-filters[b-zme7zh7uxg] { grid-template-columns: 1fr 1fr; }
    .tp-athlete[b-zme7zh7uxg] { flex-wrap: wrap; gap: 1.25rem; }
    .tp-athlete-title[b-zme7zh7uxg] { flex-basis: 100%; }
    .tp-stats[b-zme7zh7uxg] { flex: 1; }
        .tp-stats > div[b-zme7zh7uxg] { flex: 1; min-width: 0; }
    .tp-toolbar[b-zme7zh7uxg] { flex-direction: column; align-items: stretch; }
    .tp-discipline-filter[b-zme7zh7uxg] { flex-basis: auto; }
}

@media (max-width: 700px) {
    .tp[b-zme7zh7uxg] { padding: 1rem 1rem 2rem; }
    .tp-hero[b-zme7zh7uxg] { flex-direction: column; align-items: flex-start; gap: 1rem; padding: 1.5rem 0; }
    .tp-grid[b-zme7zh7uxg] { grid-template-columns: 1fr; }
    .tp-field-search[b-zme7zh7uxg], .tp-field-select[b-zme7zh7uxg] { grid-column: 1 / -1; }
    .tp-card[b-zme7zh7uxg] { padding: 1rem; }
    .tp-avatar[b-zme7zh7uxg] { width: 3.2rem; height: 3.2rem; font-size: 1.15rem; }
    .tp-athlete-title[b-zme7zh7uxg] { gap: 1rem; }
    .tp-stats strong[b-zme7zh7uxg] { font-size: 1.5rem; }
    .tp-stats > div[b-zme7zh7uxg] { padding: .6rem .4rem; }
}
/* _content/CompetitionResults/Components/Shared/ProgressChart.razor.rz.scp.css */
.chart-summary[b-e897jym6i7] { display:flex; align-items:baseline; flex-wrap:wrap; gap:.7rem 1.4rem; color:var(--bt-muted, #8d929b); font-size:.85rem; }
.chart-unit[b-e897jym6i7] { margin-right:auto; color:var(--bt-red-hot, #ff3b45); font-family:var(--bt-display, inherit); font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; }
.chart-summary strong[b-e897jym6i7] { color:#fff; margin-left:.35rem; font-family:var(--bt-display, inherit); font-size:1.15rem; font-weight:600; font-variant-numeric:tabular-nums; }
svg[b-e897jym6i7] { display:block; width:100%; overflow:visible; margin:.75rem 0 .2rem; }
.chart-grid line[b-e897jym6i7] { stroke:rgba(255,255,255,.1); }
.chart-grid text[b-e897jym6i7], .chart-axis text[b-e897jym6i7] { fill:#8d929b; font-size:15px; font-variant-numeric:tabular-nums; }
.chart-area[b-e897jym6i7] { fill:rgba(224,19,28,.13); stroke:none; }
.chart-line[b-e897jym6i7] { fill:none; stroke:var(--bt-red-hot, #ff3b45); stroke-width:2.5; stroke-linejoin:round; stroke-linecap:round; }
.chart-dot[b-e897jym6i7] { cursor:pointer; outline:none; }
.chart-hit[b-e897jym6i7] { fill:transparent; }
.chart-mark[b-e897jym6i7] { fill:#08080a; stroke:#fff; stroke-width:2; }
.chart-dot:hover .chart-mark[b-e897jym6i7], .chart-dot:focus .chart-mark[b-e897jym6i7] { fill:#fff; }
.chart-dot.selected .chart-mark[b-e897jym6i7] { fill:var(--bt-red, #e0131c); stroke:#fff; stroke-width:2.5; }
.chart-dot:focus-visible .chart-hit[b-e897jym6i7] { stroke:#fff; stroke-width:1.5; }
.chart-detail[b-e897jym6i7] { display:flex; flex-wrap:wrap; align-items:baseline; gap:.2rem .8rem; min-height:4rem; padding:.7rem 1rem; background:rgba(255,255,255,.04); border-left:3px solid var(--bt-red, #e0131c); font-size:.85rem; color:var(--bt-steel, #a3adb8); }
.chart-detail strong[b-e897jym6i7] { font-family:var(--bt-display, inherit); font-size:1.2rem; font-weight:600; color:#fff; }
.chart-detail a[b-e897jym6i7] { color:#fff; font-weight:600; flex:1; min-width:180px; text-decoration:underline; text-decoration-color:var(--bt-red, #e0131c); text-underline-offset:3px; }
.chart-detail a:hover[b-e897jym6i7] { color:var(--bt-red-hot, #ff3b45); }
.chart-detail > span:nth-last-child(1)[b-e897jym6i7] { flex-basis:100%; }
.chart-note[b-e897jym6i7] { color:var(--bt-muted, #8d929b); font-size:.8rem; margin:.6rem 0 0; }
@media (max-width:600px) { .chart-summary[b-e897jym6i7] { gap:.5rem; } }