/* /Components/AnnouncementAcknowledgement.razor.rz.scp.css */
.announcement-acknowledgement[b-26tlyrh2ou] {
    min-width: 0;
    max-width: 100%;
}

.announcement-reply-dialog[b-26tlyrh2ou] {
    width: min(22rem, calc(100vw - 2rem));
    max-width: calc(100vw - 2rem);
    max-height: calc(100dvh - 2rem);
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    overflow-y: auto;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .4);
}

.announcement-reply-dialog[b-26tlyrh2ou]::backdrop {
    background: rgba(0, 0, 0, .55);
}

.announcement-reply-error[b-26tlyrh2ou] {
    margin-top: .6rem;
    color: #fff;
    font-size: .85rem;
}

.announcement-reply-form[b-26tlyrh2ou] {
    --sms-ink: #233023;
    --sms-screen: #c4d3a4;
    --sms-case: #343a3d;
    width: 100%;
    max-width: 100%;
    padding: .65rem;
    background: var(--sms-case);
    border: 2px solid #202629;
    border-radius: 6px;
    box-shadow: inset 0 1px 0 #687276, 0 2px 0 rgba(0, 0, 0, .2);
}

.announcement-reply-screen[b-26tlyrh2ou] {
    padding: .5rem .6rem;
    color: var(--sms-ink);
    background: var(--sms-screen);
    border: 2px solid #202b22;
    border-radius: 2px;
    box-shadow: inset 1px 2px 3px rgba(35, 48, 35, .2);
    font-family: "Courier New", Courier, monospace;
}

.announcement-reply-status[b-26tlyrh2ou] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    padding-bottom: .3rem;
    border-bottom: 1px solid #7b8e67;
    font-size: .75rem;
    font-weight: 700;
}

.announcement-reply-status label[b-26tlyrh2ou] {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.announcement-reply-counter[b-26tlyrh2ou] {
    flex-shrink: 0;
    min-width: 7ch;
    text-align: right;
    font-size: inherit;
    font-variant-numeric: tabular-nums;
}

.announcement-reply-counter.at-limit[b-26tlyrh2ou] {
    color: var(--sms-screen);
    background: var(--sms-ink);
}

.announcement-reply-input[b-26tlyrh2ou] {
    display: block;
    width: 100%;
    height: 5.2rem;
    margin-top: .4rem;
    padding: .15rem 0;
    border: 0;
    border-radius: 0;
    color: var(--sms-ink);
    background: transparent;
    font: 700 1rem/1.45 "Courier New", Courier, monospace;
    caret-color: var(--sms-ink);
    resize: none;
}

.announcement-reply-input:focus-visible[b-26tlyrh2ou] {
    outline: 1px dashed var(--sms-ink);
    outline-offset: 2px;
}

.announcement-reply-input:disabled[b-26tlyrh2ou] {
    opacity: .65;
}

.announcement-reply-footer[b-26tlyrh2ou],
.announcement-acknowledgement-actions[b-26tlyrh2ou] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
}

.announcement-reply-footer[b-26tlyrh2ou] {
    justify-content: flex-end;
    margin-top: .6rem;
}

.announcement-reply-footer .btn[b-26tlyrh2ou] {
    color: #f4f6f5;
    background: #485155;
    border: 1px solid #788488;
    border-radius: 4px;
    box-shadow: 0 2px 0 #161c1f;
    font-family: "Courier New", Courier, monospace;
    font-weight: 700;
}

.announcement-reply-footer .btn:hover:not(:disabled)[b-26tlyrh2ou] {
    background: #596468;
}

.announcement-reply-footer .btn:focus-visible[b-26tlyrh2ou] {
    outline: 2px solid var(--sms-screen);
    outline-offset: 2px;
}

.announcement-reply-footer .btn:active:not(:disabled)[b-26tlyrh2ou] {
    box-shadow: none;
    transform: translateY(1px);
}
/* /Components/AnnouncementBanners.razor.rz.scp.css */
.club-announcement-banners[b-iwx7k9fm1l] {
    position: sticky;
    top: var(--navbar-height, 0px);
    z-index: 1010;
}

.club-announcement-banner[b-iwx7k9fm1l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .65rem 1rem;
    color: #212529;
    background: #F59E0B;
    border-top: 1px solid rgba(0, 0, 0, .15);
    cursor: pointer;
}

.club-announcement-copy[b-iwx7k9fm1l] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .45rem .8rem;
}

.club-announcement-details[b-iwx7k9fm1l] {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.club-announcement-details:focus-visible[b-iwx7k9fm1l] {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}

.club-announcement-copy time[b-iwx7k9fm1l] {
    font-size: .82rem;
    opacity: .82;
}

.club-announcement-actions[b-iwx7k9fm1l] {
    display: flex;
    align-items: center;
    gap: .35rem;
    min-width: 0;
    max-width: 100%;
    cursor: auto;
}

@media (max-width: 900px) {
    .club-announcement-banner[b-iwx7k9fm1l] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/AnnouncementReplies.razor.rz.scp.css */
.announcement-replies[b-1i8bn4kaqs] {
    margin-top: .6rem;
    font-size: .85rem;
    overflow-wrap: anywhere;
}

.announcement-replies dl[b-1i8bn4kaqs] {
    margin: .25rem 0 0;
}

.announcement-reply[b-1i8bn4kaqs] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .25rem .6rem;
}

.announcement-reply dd[b-1i8bn4kaqs] {
    margin: 0;
    white-space: pre-wrap;
}
/* /Components/BagsPanel.razor.rz.scp.css */
.bags-table-container[b-z7zav372et] {
    overflow-x: auto;
}

.bags-table[b-z7zav372et] {
    margin-bottom: 0;
}

.bags-row[b-z7zav372et] {
    vertical-align: middle;
    --bags-card-base: var(--bs-body-bg);
    --bags-card-rim: var(--bs-secondary-bg);
    --bags-card-accent: rgba(25, 135, 84, 0.7);
    --bags-card-base-tint: rgba(108, 117, 125, 0.05);
    --bags-card-rim-tint: rgba(108, 117, 125, 0.02);
    --bags-card-border: rgba(108, 117, 125, 0.18);
    --bags-card-cell-bg: rgba(255, 255, 255, 0.74);
}

.bags-assigned-cell[b-z7zav372et] {
    min-width: 0;
}

.bags-name-cell[b-z7zav372et],
.bags-meta-cell[b-z7zav372et],
.bags-accessories-cell[b-z7zav372et],
.bags-color-cell[b-z7zav372et] {
    min-width: 0;
}

.bags-accessories-list[b-z7zav372et] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.bags-accessory-picker[b-z7zav372et] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.4rem 0.5rem;
}

.bags-accessory-option[b-z7zav372et] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    padding: 0.42rem 0.5rem;
    padding-left: 0.55rem;
    border: 1px solid rgba(108, 117, 125, 0.2);
    border-radius: 0.6rem;
    background: rgba(248, 249, 250, 0.65);
    min-width: 0;
    min-height: 2.5rem;
}

.bags-accessory-option.form-check[b-z7zav372et] {
    padding-left: 0.55rem;
}

.bags-accessory-option .form-check-input[b-z7zav372et] {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0.1rem;
    flex-shrink: 0;
}

.bags-accessory-option .form-check-label[b-z7zav372et] {
    font-size: 0.9rem;
    line-height: 1.2;
    min-width: 0;
}

.bags-weight-summary[b-z7zav372et] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.bag-warning-badge[b-z7zav372et] {
    margin-left: 0.35rem;
}

.bag-disc-list[b-z7zav372et] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    min-width: 0;
}

.bag-disc-list-modal[b-z7zav372et] {
    flex-wrap: wrap;
    padding: 0.25rem 0;
}

.bag-disc-swatch[b-z7zav372et] {
    position: relative;
    flex-shrink: 0;
    margin-right: -6px;
}

.bag-disc-count[b-z7zav372et] {
    margin-left: 1rem;
    font-size: 0.8rem;
    white-space: nowrap;
}

.bag-inventory-trigger[b-z7zav372et] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.2rem 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.bag-inventory-trigger:focus-visible[b-z7zav372et] {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

.bag-inventory-dialog[b-z7zav372et] {
    max-width: 28rem;
}

.bag-inventory-list[b-z7zav372et] {
    display: grid;
    gap: 0;
}

.bag-inventory-row[b-z7zav372et] {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.4rem;
    min-height: 1.9rem;
    padding: 0.12rem 0.35rem;
}

.bag-inventory-type-divider[b-z7zav372et] {
    margin-top: 0.25rem;
    padding-top: 0.35rem;
    border-top: 1px solid var(--bs-border-color-translucent);
}

.bag-inventory-disc[b-z7zav372et] {
    position: relative;
    display: inline-flex;
}

.bag-inventory-name[b-z7zav372et] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .bags-table-container[b-z7zav372et] {
        overflow: visible;
    }

    .bags-table[b-z7zav372et],
    .bags-table tbody[b-z7zav372et],
    .bags-table td[b-z7zav372et] {
        display: block;
        width: 100%;
    }

    .bags-table thead[b-z7zav372et] {
        display: none;
    }

    .bags-table tbody[b-z7zav372et] {
        display: grid;
        gap: 0.9rem;
    }

    .bags-table tr.bags-row[b-z7zav372et] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
        align-items: start;
        border: 1px solid var(--bags-card-border);
        border-radius: 1rem;
        background:
            linear-gradient(
                135deg,
                var(--bags-card-base-tint) 0%,
                var(--bags-card-rim-tint) 52%,
                var(--bs-body-bg) 100%
            ),
            var(--bs-body-bg);
        box-shadow: 0 0.35rem 1rem rgba(33, 37, 41, 0.06);
        overflow: hidden;
        position: relative;
        padding: 0.8rem 0.75rem 0.75rem 0.95rem;
    }

    .bags-table tr.bags-row[b-z7zav372et]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 0.32rem;
        background: var(--bags-card-accent);
    }

    .bags-table td[b-z7zav372et] {
        border: 1px solid rgba(108, 117, 125, 0.12);
        border-radius: 0.75rem;
        background: linear-gradient(180deg, var(--bags-card-cell-bg), rgba(255, 255, 255, 0.82));
        padding: 0.45rem 0.6rem;
        text-align: left !important;
        position: relative;
        z-index: 1;
        min-width: 0;
    }

    .bags-table td[b-z7zav372et]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 0.18rem;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--bs-secondary-color);
    }

    .bags-name-cell[b-z7zav372et] {
        grid-column: 1 / -1;
        order: 1;
        font-size: 1rem;
        line-height: 1.3;
        color: var(--bs-body-color);
    }

    .bags-color-cell[b-z7zav372et] {
        order: 2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .bags-table td.bags-color-cell[b-z7zav372et] {
        display: none !important;
    }

    .bags-meta-cell[b-z7zav372et] {
        order: 3;
    }

    .bags-make-cell[b-z7zav372et] {
        order: 4;
    }

    .bags-weight-cell[b-z7zav372et] {
        order: 5;
    }

    .bags-accessories-cell[b-z7zav372et],
    .bags-assigned-cell[b-z7zav372et] {
        grid-column: 1 / -1;
    }

    .bags-accessories-cell[b-z7zav372et] {
        order: 6;
    }

    .bags-assigned-cell[b-z7zav372et] {
        order: 7;
    }

    .bags-accessory-picker[b-z7zav372et] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bag-disc-list[b-z7zav372et] {
        flex-wrap: wrap;
        gap: 0.35rem;
        align-items: flex-start;
    }

    .bag-disc-swatch[b-z7zav372et] {
        margin-right: 0;
    }

    .bag-disc-count[b-z7zav372et] {
        margin-left: 0;
        flex-basis: 100%;
    }

    .bag-inventory-trigger[b-z7zav372et] {
        width: 100%;
    }

    .bag-warning-badge[b-z7zav372et] {
        margin-left: 0;
    }
}

@media (max-width: 420px) {
    .bags-table tr.bags-row[b-z7zav372et] {
        grid-template-columns: 1fr;
    }

    .bags-color-cell[b-z7zav372et],
    .bags-meta-cell[b-z7zav372et] {
        grid-column: 1 / -1;
    }
}
/* /Components/DiaryModal.razor.rz.scp.css */
.diary-modal[b-bdob82zf40] {
    z-index: 1060;
    background: rgba(18, 29, 25, 0.72);
}

.diary-backdrop[b-bdob82zf40] {
    z-index: 1059;
}

.diary-modal-content[b-bdob82zf40] {
    overflow: hidden;
    border: 1px solid #355344;
    border-radius: 8px;
    background: #f1ead9;
    box-shadow: 0 24px 70px rgba(12, 22, 16, 0.4);
}

.diary-modal-header[b-bdob82zf40] {
    padding: 1rem 1.25rem;
    color: #f5f0e4;
    background: #254638;
    border-bottom: 1px solid #9a8051;
}

.diary-modal-header .btn-close[b-bdob82zf40] {
    filter: invert(1);
}

.diary-kicker[b-bdob82zf40] {
    margin-bottom: 0.15rem;
    color: #d1b984;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
}

.diary-toolbar[b-bdob82zf40] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid #d7c9ad;
    background: #e7deca;
}

.diary-date-picker[b-bdob82zf40] {
    width: 150px;
}

.diary-toolbar-date[b-bdob82zf40] {
    margin-left: auto;
    color: #34493c;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
}

.diary-modal-body[b-bdob82zf40] {
    padding: clamp(0.75rem, 3vw, 1.5rem);
    background-color: #c9baa0;
    background-image: repeating-linear-gradient(135deg, rgba(89, 74, 49, 0.035) 0, rgba(89, 74, 49, 0.035) 1px, transparent 1px, transparent 5px);
}

.diary-page[b-bdob82zf40] {
    max-width: 850px;
    min-height: 440px;
    margin: 0 auto;
    padding: clamp(1.2rem, 5vw, 3rem);
    color: #37362f;
    border: 1px solid #d6c9ac;
    background-color: #fffdf5;
    background-image: linear-gradient(90deg, transparent 0, transparent 3.2rem, rgba(176, 96, 76, 0.27) 3.2rem, rgba(176, 96, 76, 0.27) 3.27rem, transparent 3.27rem), repeating-linear-gradient(to bottom, transparent 0, transparent 31px, rgba(92, 133, 115, 0.2) 32px);
    box-shadow: 0 5px 16px rgba(46, 39, 26, 0.18);
    font-family: 'Caveat', cursive;
    font-size: 1.35rem;
    line-height: 1.45;
}

.diary-page-date[b-bdob82zf40] {
    margin-bottom: 1.25rem;
    padding-bottom: 0.55rem;
    color: #315642;
    border-bottom: 2px solid #c5ad7b;
    font-size: 1.8rem;
    font-weight: 700;
}

.diary-round-notes h3[b-bdob82zf40],
.diary-writing label[b-bdob82zf40] {
    display: block;
    margin-bottom: 0.55rem;
    color: #315642;
    font-size: 0.94rem;
    font-weight: 700;
}

.diary-round-note[b-bdob82zf40] {
    margin: 0 0 0.75rem 0.4rem;
    padding: 0.45rem 0 0.2rem 0.8rem;
    border-left: 2px solid #c5ad7b;
}

.diary-round-heading[b-bdob82zf40] {
    color: #364c3f;
    font-weight: 700;
}

.diary-round-heading span[b-bdob82zf40],
.diary-empty-note[b-bdob82zf40] {
    color: #777264;
    font-size: 0.9rem;
    font-weight: 400;
}

.diary-round-note-header[b-bdob82zf40] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem 0.75rem;
}

.diary-round-score[b-bdob82zf40] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    color: #4b5146;
    font-family: system-ui, sans-serif;
    font-size: 0.8rem;
}

.diary-round-score i[b-bdob82zf40] {
    margin-right: 0.1rem;
    font-size: 1rem;
}

.diary-round-score .is-smile-positive[b-bdob82zf40] {
    color: #27734b;
}

.diary-round-score .is-smile-neutral[b-bdob82zf40] {
    color: #9a772e;
}

.diary-round-score .is-smile-negative[b-bdob82zf40] {
    color: #a14c42;
}

.diary-round-relative-score[b-bdob82zf40] {
    color: #777264;
}

.diary-round-note p[b-bdob82zf40] {
    margin: 0.15rem 0 0;
    white-space: pre-wrap;
}

.diary-writing[b-bdob82zf40] {
    margin-top: 1.5rem;
}

.diary-activities[b-bdob82zf40] {
    margin-top: 1.25rem;
}

.diary-activities h3[b-bdob82zf40] {
    margin-bottom: 0.55rem;
    color: #315642;
    font-size: 0.94rem;
    font-weight: 700;
}

.diary-activity-description[b-bdob82zf40] {
    margin: 0 0 0.65rem 0.4rem;
    padding: 0.35rem 0 0.35rem 0.8rem;
    border-left: 2px solid #8aa895;
    white-space: pre-wrap;
}

.diary-writing-area[b-bdob82zf40] {
    display: block;
    width: 100%;
    min-height: 170px;
    padding: 0.15rem 0 0;
    resize: vertical;
    color: #37362f;
    border: 0;
    outline: 0;
    background: transparent;
    font: 1.4rem/32px 'Caveat', cursive;
}

.diary-writing-area[b-bdob82zf40]::placeholder {
    color: #8b877a;
    opacity: 0.8;
}

.diary-modal-footer[b-bdob82zf40] {
    justify-content: space-between;
    border-top: 1px solid #d7c9ad;
    background: #e7deca;
}

.diary-page-count[b-bdob82zf40] {
    color: #6d6759;
    font-family: 'Caveat', cursive;
    font-size: 0.8rem;
}

@media (max-width: 575.98px) {
    .diary-toolbar-date[b-bdob82zf40] {
        display: none;
    }

    .diary-page[b-bdob82zf40] {
        min-height: 380px;
        padding-left: 2.2rem;
        background-image: linear-gradient(90deg, transparent 0, transparent 1.7rem, rgba(176, 96, 76, 0.27) 1.7rem, rgba(176, 96, 76, 0.27) 1.76rem, transparent 1.76rem), repeating-linear-gradient(to bottom, transparent 0, transparent 31px, rgba(92, 133, 115, 0.2) 32px);
    }
}
/* /Components/DiscFlightLabPanel.razor.rz.scp.css */
.disc-flight-lab[b-uddp0qvolm] {
    --bg: #0a1514;
    --panel: #11211f;
    --panel2: #152925;
    --edge: #284139;
    --text: #eef8f1;
    --muted: #9cb4ab;
    --bright: #b9f070;
    --mint: #67e4c1;
    --yellow: #f3c873;
    --r: 20px;
    color-scheme: dark;
    background: radial-gradient(ellipse at 32% -25%, #1c4036 0, transparent 45%), var(--bg);
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    min-height: calc(100vh - 7rem);
    overflow: hidden;
}

.disc-flight-lab *[b-uddp0qvolm],
.disc-flight-lab *[b-uddp0qvolm]::before,
.disc-flight-lab *[b-uddp0qvolm]::after {
    box-sizing: border-box;
}

.disc-flight-lab button[b-uddp0qvolm],
.disc-flight-lab input[b-uddp0qvolm],
.disc-flight-lab select[b-uddp0qvolm] {
    font: inherit;
}

.disc-flight-lab button[b-uddp0qvolm] {
    cursor: pointer;
}

.disc-flight-lab button:focus-visible[b-uddp0qvolm],
.disc-flight-lab input:focus-visible[b-uddp0qvolm],
.disc-flight-lab select:focus-visible[b-uddp0qvolm] {
    outline: 2px solid var(--mint);
    outline-offset: 3px;
}

.flight-shell[b-uddp0qvolm] { width: min(1240px, calc(100% - 36px)); margin: auto; padding: 29px 0 44px; }
.header[b-uddp0qvolm] { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 25px; }
.brand[b-uddp0qvolm] { display: flex; gap: 13px; align-items: center; }
.logo[b-uddp0qvolm] { height: 46px; width: 46px; border-radius: 14px; display: grid; place-items: center; background: linear-gradient(155deg, #244e36, #213a32); border: 1px solid #46654c; box-shadow: 0 12px 30px #0004; }
.logo svg[b-uddp0qvolm] { width: 27px; height: 27px; }
.eyebrow[b-uddp0qvolm] { font-weight: 800; letter-spacing: .2em; font-size: 10px; color: var(--mint); text-transform: uppercase; }
.header h1[b-uddp0qvolm] { font-size: clamp(21px, 2.8vw, 28px); margin: 2px 0 0; }
.reset[b-uddp0qvolm] { padding: 10px 14px; border-radius: 11px; background: transparent; color: #c8dfd5; border: 1px solid var(--edge); font-size: 12px; font-weight: 800; transition: .18s; }
.reset:hover[b-uddp0qvolm], .outline:hover[b-uddp0qvolm] { background: #1b3530; }
.lead[b-uddp0qvolm] { color: var(--muted); margin: 0 0 23px; font-size: 14px; line-height: 1.65; }
.lead strong[b-uddp0qvolm] { color: #e7f7e6; }
.layout[b-uddp0qvolm] { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(355px, .82fr); gap: 18px; align-items: start; }
.panel[b-uddp0qvolm] { background: linear-gradient(145deg, #132723, #10201e); border: 1px solid #294139; border-radius: var(--r); box-shadow: 0 20px 70px #0002; overflow: hidden; }
.chart-top[b-uddp0qvolm] { padding: 21px 22px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sub[b-uddp0qvolm] { font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #8aaca0; }
.chart-top h2[b-uddp0qvolm] { margin: 4px 0 0; font-size: 21px; }
.numbers-badge[b-uddp0qvolm] { font-size: 16px; font-variant-numeric: tabular-nums; font-weight: 900; border: 1px solid #3b5444; border-radius: 12px; background: #1c392f; color: var(--bright); padding: 10px 13px; white-space: nowrap; }
.field-wrap[b-uddp0qvolm] { padding: 0 15px; }
.field[b-uddp0qvolm] { position: relative; overflow: hidden; background: #142c23; border: 1px solid #305245; border-radius: 16px; aspect-ratio: 690 / 710; min-height: 350px; }
.field svg[b-uddp0qvolm] { display: block; width: 100%; height: 100%; }
.field .key[b-uddp0qvolm] { position: absolute; pointer-events: none; color: #b8c9b9; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; opacity: .75; }
.topkey[b-uddp0qvolm] { left: 18px; top: 17px; }
.bottomkey[b-uddp0qvolm] { left: 50%; bottom: 17px; transform: translateX(-50%); }
.flight-legend[b-uddp0qvolm] { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 14px 21px 12px; font-size: 11px; color: var(--muted); }
.legend-item[b-uddp0qvolm] { display: flex; gap: 8px; align-items: center; }
.legend-dot[b-uddp0qvolm] { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.legend-line[b-uddp0qvolm] { width: 24px; height: 3px; background: linear-gradient(90deg, #60dcb9, #c2ef79, #f1c76c); border-radius: 3px; }
.compare-label[b-uddp0qvolm] { cursor: pointer; }
.compare-label input[b-uddp0qvolm], .organic-label input[b-uddp0qvolm] { accent-color: var(--bright); }
.chart-foot[b-uddp0qvolm] { border-top: 1px solid var(--edge); padding: 18px 22px 20px; display: flex; justify-content: space-between; gap: 15px; align-items: center; }
.chart-foot p[b-uddp0qvolm] { margin: 0; font-size: 12px; color: #b7d0c3; line-height: 1.6; max-width: 400px; }
.chart-foot p strong[b-uddp0qvolm] { color: var(--text); }
.play[b-uddp0qvolm] { display: flex; align-items: center; justify-content: center; gap: 9px; border: 0; border-radius: 11px; background: var(--bright); color: #17251a; padding: 12px 16px; font-weight: 900; font-size: 12px; white-space: nowrap; box-shadow: 0 4px 30px #aef26a22; }
.play:hover[b-uddp0qvolm] { background: #d1fc97; }
.play svg[b-uddp0qvolm] { width: 14px; height: 14px; }
.controls[b-uddp0qvolm] { padding: 23px; }
.section-title[b-uddp0qvolm] { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 13px; }
.section-title h2[b-uddp0qvolm] { font-size: 18px; margin: 0; }
.section-title span[b-uddp0qvolm] { font-size: 11px; color: var(--muted); }
.presets[b-uddp0qvolm] { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 25px; }
.preset[b-uddp0qvolm] { padding: 9px 10px; border-radius: 9px; border: 1px solid #344d43; background: #172c28; color: #bbd0c6; font-size: 11px; font-weight: 750; transition: .17s; }
.preset:hover[b-uddp0qvolm] { border-color: #82bf73; color: white; }
.preset.active[b-uddp0qvolm] { background: #294635; border-color: #a4dc75; color: #d9f5ac; }
.control[b-uddp0qvolm] { margin: 0 0 18px; }
.line[b-uddp0qvolm] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.control label[b-uddp0qvolm] { font-size: 12px; font-weight: 900; color: #e7f1ea; }
.control small[b-uddp0qvolm] { display: block; color: var(--muted); font-size: 11px; margin-top: 3px; }
.value[b-uddp0qvolm] { font-weight: 900; font-size: 17px; font-variant-numeric: tabular-nums; color: var(--bright); min-width: 34px; text-align: right; }
.range[b-uddp0qvolm] { margin-top: 11px; width: 100%; height: 6px; border-radius: 100px; appearance: none; -webkit-appearance: none; background: linear-gradient(90deg, var(--bright) 0 var(--pct), #30453c var(--pct) 100%); cursor: pointer; }
.range[b-uddp0qvolm]::-webkit-slider-thumb { -webkit-appearance: none; width: 17px; height: 17px; border-radius: 100%; background: #d4ffa0; border: 3px solid #2f5641; box-shadow: 0 0 0 3px #aee98613; }
.range[b-uddp0qvolm]::-moz-range-thumb { width: 12px; height: 12px; border-radius: 100%; background: #d4ffa0; border: 3px solid #2f5641; }
.range-bounds[b-uddp0qvolm] { display: flex; justify-content: space-between; margin-top: 5px; color: #709386; font-size: 10px; }
.rule[b-uddp0qvolm] { height: 1px; background: var(--edge); margin: 22px 0 20px; }
.select-box[b-uddp0qvolm] { display: flex; align-items: center; gap: 9px; margin: 12px 0 20px; }
.select-box label[b-uddp0qvolm] { font-size: 12px; color: #d2e4d8; font-weight: 800; min-width: 82px; }
.select-box select[b-uddp0qvolm] { flex: 1; min-width: 0; max-width: 100%; appearance: none; color: #e6f7ec; background: #1d3931; border: 1px solid #3c5a4c; border-radius: 10px; padding: 11px 30px 11px 11px; font-size: 12px; font-weight: 800; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23a4d6b8' fill='none' stroke-width='1.5'/%3E%3C/svg%3E"); background-position: right 12px center; background-repeat: no-repeat; }
.flight-disc-select[b-uddp0qvolm] { margin-bottom: 25px; }
.flight-info[b-uddp0qvolm] { border: 1px solid #365241; background: linear-gradient(110deg, #203d30, #1b322e); border-radius: 13px; padding: 14px 15px; margin-top: 20px; }
.flight-info span[b-uddp0qvolm] { display: block; font-size: 10px; color: #97b9a4; letter-spacing: .14em; text-transform: uppercase; font-weight: 900; margin-bottom: 5px; }
.flight-info strong[b-uddp0qvolm] { display: block; font-size: 15px; color: #e5fbbf; }
.flight-info p[b-uddp0qvolm] { font-size: 11px; line-height: 1.55; color: #b7d3bf; margin: 6px 0 0; }
.organic-label[b-uddp0qvolm] { display: flex; align-items: flex-start; gap: 10px; color: #d1e6d7; font-size: 12px; line-height: 1.5; cursor: pointer; margin: 6px 1px 18px; }
.organic-label input[b-uddp0qvolm] { width: 16px; height: 16px; flex: none; margin-top: 2px; }
.organic-label small[b-uddp0qvolm] { display: block; color: #8fae9d; font-size: 11px; margin-top: 2px; }
.note[b-uddp0qvolm] { color: #88a89c; font-size: 11px; line-height: 1.65; margin: 18px 1px 0; }
.note a[b-uddp0qvolm] { color: #b4d97f; text-decoration: underline; text-underline-offset: 3px; }
.footer[b-uddp0qvolm] { text-align: center; color: #628477; font-size: 11px; padding-top: 18px; }

@media (max-width: 900px) {
    .layout[b-uddp0qvolm] { grid-template-columns: 1fr; }
    .controls[b-uddp0qvolm] { padding: 21px; }
    .field[b-uddp0qvolm] { aspect-ratio: 690 / 620; }
    .chart-foot[b-uddp0qvolm] { flex-wrap: wrap; }
}

@media (max-width: 480px) {
    .flight-shell[b-uddp0qvolm] { width: calc(100% - 20px); padding-top: 14px; }
    .header h1[b-uddp0qvolm] { font-size: 22px; }
    .brand[b-uddp0qvolm] { gap: 8px; }
    .logo[b-uddp0qvolm] { height: 40px; width: 40px; }
    .reset[b-uddp0qvolm] { padding: 8px; }
    .chart-top[b-uddp0qvolm] { padding: 16px; }
    .chart-top h2[b-uddp0qvolm] { font-size: 18px; }
    .numbers-badge[b-uddp0qvolm] { font-size: 14px; padding: 8px; }
    .field-wrap[b-uddp0qvolm] { padding: 0 8px; }
    .field[b-uddp0qvolm] { aspect-ratio: 640 / 680; min-height: 310px; }
    .chart-foot[b-uddp0qvolm] { padding: 14px 16px; }
    .flight-legend[b-uddp0qvolm] { margin: 11px 13px; font-size: 10px; flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
    .disc-flight-lab *[b-uddp0qvolm], .disc-flight-lab *[b-uddp0qvolm]::before, .disc-flight-lab *[b-uddp0qvolm]::after { transition: none !important; }
}
/* /Components/DiscQuizPanel.razor.rz.scp.css */
/* Disc Quiz panel — styled to match the Perfect Round activity layout:
   orange kicker, large dark title, slate description and soft gradient cards. */
.disc-quiz-panel[b-jk10j9v4fj] {
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.disc-quiz-header[b-jk10j9v4fj] {
    margin-bottom: 1.5rem;
}

.disc-quiz-kicker[b-jk10j9v4fj] {
    color: #c2410c;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    margin-bottom: 0.55rem;
    text-transform: uppercase;
}

.disc-quiz-title[b-jk10j9v4fj] {
    color: #0f172a;
    font-size: clamp(1.7rem, 2.3vw, 2.3rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    margin-bottom: 0.45rem;
}

.disc-quiz-description[b-jk10j9v4fj] {
    color: #64748b;
    margin-bottom: 0;
}

.disc-quiz-setup[b-jk10j9v4fj] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.96));
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1.2rem;
    padding: 1.1rem;
    margin-bottom: 1.5rem;
}

.disc-quiz-mode-toggle[b-jk10j9v4fj] {
    margin-bottom: 1rem;
}

/* Disc Quiz "Hall of Fame" — presented like the Perfect Round high scores:
   a soft gradient card with a compact table (player + date, discs, score). */
.disc-quiz-hall[b-jk10j9v4fj] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.96));
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1.2rem;
    padding: 1.1rem;
    text-align: left;
}

.disc-quiz-hall-title[b-jk10j9v4fj] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-bottom: 0.6rem;
}

.disc-quiz-score-table[b-jk10j9v4fj] {
    margin-bottom: 0;
    width: 100%;
}

.disc-quiz-score-table th[b-jk10j9v4fj] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.disc-quiz-score-table th[b-jk10j9v4fj],
.disc-quiz-score-table td[b-jk10j9v4fj] {
    vertical-align: middle;
}

.disc-quiz-score-row.is-me[b-jk10j9v4fj] {
    background: #f1f5f9;
}

.disc-quiz-rank[b-jk10j9v4fj] {
    display: inline-block;
    min-width: 1.5rem;
}

.disc-quiz-row-date[b-jk10j9v4fj] {
    color: #64748b;
    font-size: 0.72rem;
}

.disc-quiz-hall-empty[b-jk10j9v4fj] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 1rem;
    color: #64748b;
    padding: 1rem;
    text-align: center;
}

.disc-quiz-status-row[b-jk10j9v4fj] {
    align-items: center;
    display: flex;
    gap: 0.8rem;
    justify-content: space-between;
}

.disc-quiz-lives[b-jk10j9v4fj] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 0.45rem;
}

.disc-quiz-life-icon[b-jk10j9v4fj] {
    height: 2.4rem;
    width: 2.4rem;
}

.disc-quiz-answered-discs[b-jk10j9v4fj] {
    align-items: center;
    display: inline-flex;
    flex: 1 1 auto;
    justify-content: center;
    min-width: 0;
    white-space: nowrap;
}

.disc-quiz-score[b-jk10j9v4fj] {
    color: #343a40;
    flex: 0 0 auto;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
}

@media (max-width: 575.98px) {
    .disc-quiz-status-row[b-jk10j9v4fj] {
        gap: 0.55rem;
    }

    .disc-quiz-lives[b-jk10j9v4fj] {
        gap: 0.3rem;
    }

    .disc-quiz-life-icon[b-jk10j9v4fj] {
        height: 1.85rem;
        width: 1.85rem;
    }

    .disc-quiz-answered-discs .disc-swatch-small[b-jk10j9v4fj] {
        transform: scale(0.88);
        transform-origin: center;
    }

    .disc-quiz-score[b-jk10j9v4fj] {
        font-size: 2.2rem;
    }
}
/* /Components/DiscReportsRow.razor.rz.scp.css */
.disc-reports-row[b-mgkebk5lvi] {
    --disc-report-card-border: rgba(108, 117, 125, 0.16);
    --disc-report-card-bg: linear-gradient(180deg, rgba(248, 249, 250, 0.95), rgba(255, 255, 255, 0.98));
}

.disc-report-card[b-mgkebk5lvi] {
    border: 1px solid var(--disc-report-card-border);
    border-radius: 1rem;
    background: var(--disc-report-card-bg);
    padding: 0.9rem 1rem 1rem;
    overflow: hidden;
}

.disc-report-content[b-mgkebk5lvi] {
    min-height: 100%;
    min-width: 0;
}

.disc-report-content-pie[b-mgkebk5lvi] {
    display: grid;
    grid-template-columns: minmax(120px, 160px) minmax(0, 1fr);
    align-items: center;
    gap: 0.9rem;
}

.disc-report-pie[b-mgkebk5lvi] {
    width: 100%;
    max-width: 160px;
    height: auto;
    flex: 0 0 auto;
    justify-self: center;
}

.disc-report-legend[b-mgkebk5lvi] {
    min-width: 0;
    display: grid;
    gap: 0.35rem;
    align-content: start;
}

.disc-report-legend-item[b-mgkebk5lvi] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
}

.disc-report-legend-swatch[b-mgkebk5lvi] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    flex-shrink: 0;
}

.disc-report-legend-label[b-mgkebk5lvi] {
    font-size: 0.85rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.disc-report-speed-wrap[b-mgkebk5lvi] {
    width: 100%;
    max-width: 100%;
    min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.disc-report-speed-chart[b-mgkebk5lvi] {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
}

@media (max-width: 1199.98px) {
    .disc-report-content-pie[b-mgkebk5lvi] {
        grid-template-columns: minmax(104px, 136px) minmax(0, 1fr);
        gap: 0.75rem;
    }

    .disc-report-pie[b-mgkebk5lvi] {
        max-width: 136px;
    }
}

@media (max-width: 767.98px) {
    .disc-report-content-pie[b-mgkebk5lvi] {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 0.8rem;
    }

    .disc-report-pie[b-mgkebk5lvi] {
        max-width: 150px;
        justify-self: start;
    }

    .disc-report-legend[b-mgkebk5lvi] {
        width: 100%;
    }

    .disc-report-speed-wrap[b-mgkebk5lvi] {
        min-height: 180px;
    }
}
/* /Components/DiscThrow86Panel.razor.rz.scp.css */
.disc-throw-86[b-y03u0fuut8]{--bg:#090f23;--panel:#111e37;--cream:#ffedc6;--muted:#9db0c5;--cyan:#6dece4;--orange:#ffad6f;--lime:#cefb7a;--red:#ff7b83}.disc-throw-86[b-y03u0fuut8]  *{box-sizing:border-box}.disc-throw-86[b-y03u0fuut8]{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -30%,#203a62 0%,#0b1530 45%,#070d1d 100%);color:var(--cream);font-family:Consolas,Monaco,'Courier New',monospace;display:flex;justify-content:center}.disc-throw-86[b-y03u0fuut8]  button{font:inherit;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.disc-throw-86[b-y03u0fuut8]  button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.disc-throw-86[b-y03u0fuut8]  .shell{width:min(1360px,100%);padding:22px clamp(12px,2.5vw,32px) 35px;position:relative}.disc-throw-86[b-y03u0fuut8]  .top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.disc-throw-86[b-y03u0fuut8]  .logo{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.disc-throw-86[b-y03u0fuut8]  .logo h1{font-size:clamp(24px,3.5vw,44px);letter-spacing:-2px;line-height:1;margin:0;text-shadow:4px 4px 0 #e04e70;color:#ffedbd}.disc-throw-86[b-y03u0fuut8]  .tag{color:var(--cyan);font-size:11px;letter-spacing:2px}.disc-throw-86[b-y03u0fuut8]  .right{display:flex;gap:8px;align-items:center;padding-right:57px}.disc-throw-86[b-y03u0fuut8]  .chip{border:1px solid #435877;background:#132441;border-radius:8px;padding:9px 12px;color:#c6d5ea;font-size:12px}.disc-throw-86[b-y03u0fuut8]  .chip strong{color:var(--lime)}.disc-throw-86[b-y03u0fuut8]  .iconbtn{border:1px solid #435877;background:#132441;color:white;border-radius:8px;padding:9px 12px}.disc-throw-86[b-y03u0fuut8]  .gamewrap{position:relative;overflow:hidden;border:3px solid #6486a9;border-bottom:6px solid #3d597a;border-radius:12px;box-shadow:0 12px 0 #091528,0 24px 70px #0008;background:#73bed3}.disc-throw-86[b-y03u0fuut8]  .gamewrap:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,rgba(5,12,29,.3),rgba(5,12,29,.3) 1px,transparent 1px,transparent 4px)}.disc-throw-86[b-y03u0fuut8]  canvas{width:100%;height:auto;aspect-ratio:16/9;display:block;image-rendering:pixelated}.disc-throw-86[b-y03u0fuut8]  .overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgba(5,17,37,.5);backdrop-filter:blur(3px);padding:15px}.disc-throw-86[b-y03u0fuut8]  .overlay.hidden{display:none}.disc-throw-86[b-y03u0fuut8]  .arcade-modal{width:min(570px,96%);border:3px solid #b1ecdf;background:#101e38;box-shadow:9px 9px 0 #082039;padding:clamp(20px,4vw,40px);text-align:center;position:relative}.disc-throw-86[b-y03u0fuut8]  .arcade-modal:before{content:'';position:absolute;inset:7px;border:1px dashed #536c89;pointer-events:none}.disc-throw-86[b-y03u0fuut8]  .eyebrow{font-weight:800;color:var(--cyan);font-size:12px;letter-spacing:3px}.disc-throw-86[b-y03u0fuut8]  .arcade-modal h2{margin:13px 0;color:var(--cream);font-size:clamp(24px,4vw,39px);line-height:1.15}.disc-throw-86[b-y03u0fuut8]  .arcade-modal p{color:#b8cbe0;font-size:clamp(12px,1.35vw,15px);line-height:1.65;margin:14px 0}.disc-throw-86[b-y03u0fuut8]  .arcade-modal p strong{color:var(--lime)}.disc-throw-86[b-y03u0fuut8]  .primary{background:var(--lime);color:#182b32;border:0;border-bottom:5px solid #77ae4a;padding:13px 22px;font-weight:900;letter-spacing:1px;border-radius:5px;min-width:210px;margin:9px 0;box-shadow:0 5px 0 #0004}.disc-throw-86[b-y03u0fuut8]  .primary:active{transform:translateY(3px);box-shadow:0 2px 0 #0004}.disc-throw-86[b-y03u0fuut8]  .resultdistance{font-size:clamp(37px,6vw,76px);font-weight:900;color:var(--lime);letter-spacing:-3px;text-shadow:4px 5px 0 #2c6b68;margin:14px 0 4px}.disc-throw-86[b-y03u0fuut8]  .smallprint{font-size:11px!important;color:#91a7c0!important;margin-bottom:0!important}.disc-throw-86[b-y03u0fuut8]  .hud{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px;margin-top:22px}.disc-throw-86[b-y03u0fuut8]  .panel{min-width:0;background:linear-gradient(180deg,#172944,#101d35);border:1px solid #344d6e;border-radius:9px;padding:14px 16px;box-shadow:inset 0 1px 0 #ffffff14}.disc-throw-86[b-y03u0fuut8]  .panelhead{font-size:11px;letter-spacing:2px;color:#b0bfd0;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.disc-throw-86[b-y03u0fuut8]  .panelhead .value{font-weight:900;color:var(--cream);font-size:16px;letter-spacing:0}.disc-throw-86[b-y03u0fuut8]  .meter{height:15px;border-radius:4px;border:1px solid #62839c;background:repeating-linear-gradient(90deg,#233650 0,#233650 11px,#172b43 11px,#172b43 15px);position:relative;overflow:hidden}.disc-throw-86[b-y03u0fuut8]  .fill{height:100%;background:linear-gradient(90deg,#78dfcb,#b3f890);width:0%;transition:width .045s linear}.disc-throw-86[b-y03u0fuut8]  .meter.power:after{content:'';position:absolute;left:93%;width:2px;height:100%;background:#ffb6ac;top:0;box-shadow:0 0 5px #ff8a71}.disc-throw-86[b-y03u0fuut8]  .angleLine{height:17px;margin-top:5px;position:relative;background:linear-gradient(90deg,#aa5974,#e3a16c 31%,#ead68b 45%,#e3a16c 53%,#b95670);border:1px solid #a8a7a0;border-radius:4px;overflow:visible}.disc-throw-86[b-y03u0fuut8]  .angleLine .sweet{position:absolute;left:calc(100% * 11.44 / 28);width:calc(100% * 1.12 / 28);height:100%;background:#9afdac;box-shadow:0 0 12px #c5ff93aa}.disc-throw-86[b-y03u0fuut8]  .needle{position:absolute;top:-6px;width:5px;height:26px;background:#fff;border-radius:2px;box-shadow:0 0 7px #fff;transform:translateX(-50%)}.disc-throw-86[b-y03u0fuut8]  .panel.active{border-color:#bcf8ad;box-shadow:0 0 0 1px #b6f49a44,inset 0 1px 0 #ffffff30}.disc-throw-86[b-y03u0fuut8]  .panel.locked .value{color:var(--lime)}.disc-throw-86[b-y03u0fuut8]  .anglevalue{display:flex;align-items:center;gap:10px;margin:8px 0 1px}.disc-throw-86[b-y03u0fuut8]  .anglebig{color:var(--cream);font-size:clamp(22px,2.2vw,32px);font-weight:900;min-width:100px;font-variant-numeric:tabular-nums}.disc-throw-86[b-y03u0fuut8]  .anglehint{color:#a9becd;font-size:10px;line-height:1.35}.disc-throw-86[b-y03u0fuut8]  .sweeplabels{display:flex;justify-content:space-between;color:#819cb4;font-size:10px;margin-top:8px}.disc-throw-86[b-y03u0fuut8]  .meter.power:before{content:'';position:absolute;left:90%;width:6%;height:100%;background:#fff09b55;top:0;z-index:1;pointer-events:none}.disc-throw-86[b-y03u0fuut8]  .meter.power:after{z-index:2}.disc-throw-86[b-y03u0fuut8]  .perfect-banner{position:absolute;z-index:5;left:50%;top:35%;transform:translate(-50%,-50%) rotate(-4deg);pointer-events:none;display:none;white-space:nowrap;font-weight:1000;font-size:clamp(42px,7vw,96px);color:#fff9bc;text-shadow:0 0 8px #fff,0 0 26px #f5cb50,6px 7px 0 #ba4c80,9px 10px 0 #133552;letter-spacing:4px;animation:perfectFlash-b-y03u0fuut8 .28s steps(1,end) infinite alternate}.disc-throw-86[b-y03u0fuut8]  .perfect-banner.active{display:block}@keyframes perfectFlash-b-y03u0fuut8{0%,48%{opacity:1;filter:brightness(1.4)}49%,100%{opacity:.5;filter:brightness(.85)}}.disc-throw-86[b-y03u0fuut8]  .quality{font-size:11px;color:#b6cad7;margin-top:7px}.disc-throw-86[b-y03u0fuut8]  .quality strong{color:#d3fba6}.disc-throw-86[b-y03u0fuut8]  .instructions{color:#a9bed4;font-size:12px;line-height:1.65;margin:14px 3px 4px}.disc-throw-86[b-y03u0fuut8]  .instructions b{color:#ffedc6}.disc-throw-86[b-y03u0fuut8]  .stats{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:14px}.disc-throw-86[b-y03u0fuut8]  .attempts{display:flex;gap:7px;flex-wrap:wrap}.disc-throw-86[b-y03u0fuut8]  .attempt{border:1px solid #344d6e;background:#101d35;min-width:89px;padding:8px 9px;border-radius:6px;color:#9fb1c5;text-align:center;font-size:12px}.disc-throw-86[b-y03u0fuut8]  .attempt .n{font-size:10px;opacity:.6;display:block;margin-bottom:4px}.disc-throw-86[b-y03u0fuut8]  .attempt.current{border-color:#cfeb8a;color:#eaffb6;box-shadow:0 0 0 1px #718e5588}.disc-throw-86[b-y03u0fuut8]  .attempt.best{color:#c8f885}.disc-throw-86[b-y03u0fuut8]  .pb{color:#9cb5ca;font-size:12px}.disc-throw-86[b-y03u0fuut8]  .pb strong{color:var(--lime);font-size:17px}.disc-throw-86[b-y03u0fuut8]  .touch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.disc-throw-86[b-y03u0fuut8]  .touchgroup{display:flex;align-items:center;gap:8px}.disc-throw-86[b-y03u0fuut8]  .ctrl{border:2px solid #637f98;border-bottom-width:5px;border-radius:8px;background:#1e3555;color:#f5edd8;padding:12px 17px;min-height:51px;min-width:56px;font-size:16px;font-weight:900;touch-action:none}.disc-throw-86[b-y03u0fuut8]  .ctrl:active,
.disc-throw-86[b-y03u0fuut8]  .ctrl.pressed{background:#376b73;border-color:#86dbc1;transform:translateY(2px)}.disc-throw-86[b-y03u0fuut8]  .ctrl.throw{background:#ab5c61;border-color:#eb9d94;min-width:158px}.disc-throw-86[b-y03u0fuut8]  .ctrl.throw:active,
.disc-throw-86[b-y03u0fuut8]  .ctrl.throw.pressed{background:#de8b69}.disc-throw-86[b-y03u0fuut8]  .foot{margin-top:14px;color:#64809b;text-align:center;font-size:11px;letter-spacing:1px}@media(max-width:720px){.disc-throw-86[b-y03u0fuut8]  .shell{padding:13px 9px 20px}.disc-throw-86[b-y03u0fuut8]  .top{align-items:flex-start}.disc-throw-86[b-y03u0fuut8]  .tag{display:none}.disc-throw-86[b-y03u0fuut8]  .chip{font-size:10px;padding:7px}.disc-throw-86[b-y03u0fuut8]  .logo h1{font-size:25px}.disc-throw-86[b-y03u0fuut8]  .right{gap:4px}.disc-throw-86[b-y03u0fuut8]  .right .iconbtn{font-size:10px;padding:8px 6px}.disc-throw-86[b-y03u0fuut8]  .hud{grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.disc-throw-86[b-y03u0fuut8]  .hud .panel:last-child{grid-column:1/-1}.disc-throw-86[b-y03u0fuut8]  .panel{padding:10px}.disc-throw-86[b-y03u0fuut8]  .panelhead{font-size:9px;letter-spacing:1px}.disc-throw-86[b-y03u0fuut8]  .panelhead .value{font-size:14px}.disc-throw-86[b-y03u0fuut8]  .stats{align-items:flex-start}.disc-throw-86[b-y03u0fuut8]  .attempt{min-width:56px;font-size:10px;padding:6px}.disc-throw-86[b-y03u0fuut8]  .touch{justify-content:center}.disc-throw-86[b-y03u0fuut8]  .ctrl{padding:10px 12px;min-width:48px}.disc-throw-86[b-y03u0fuut8]  .ctrl.throw{min-width:115px}.disc-throw-86[b-y03u0fuut8]  .instructions{font-size:11px}.disc-throw-86[b-y03u0fuut8]  .arcade-modal{padding:18px 12px}.disc-throw-86[b-y03u0fuut8]  .arcade-modal h2{font-size:23px}.disc-throw-86[b-y03u0fuut8]  .arcade-modal p{font-size:12px}}.disc-throw-86[b-y03u0fuut8]  .mobile-controls{display:none;gap:10px;align-items:stretch;justify-content:space-between;margin-top:14px;user-select:none;-webkit-user-select:none}.disc-throw-86[b-y03u0fuut8]  .mobile-run{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;flex:1}.disc-throw-86[b-y03u0fuut8]  .mobile-key{touch-action:none;overscroll-behavior:contain;background:#1c3455;color:#f9eed5;border:2px solid #6886a2;border-bottom:5px solid #47637e;border-radius:10px;min-height:74px;font-size:clamp(17px,4.5vw,24px);font-weight:1000;box-shadow:0 3px 0 #061224;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.disc-throw-86[b-y03u0fuut8]  .mobile-key span{font-size:10px;color:#a9d2d5;letter-spacing:1px}.disc-throw-86[b-y03u0fuut8]  .mobile-key:active,
.disc-throw-86[b-y03u0fuut8]  .mobile-key.down{background:#2c6d76;border-color:#c2ffb7;transform:translateY(2px)}.disc-throw-86[b-y03u0fuut8]  .mobile-throw{flex:1.15;min-width:0;background:#b65a66;border-color:#ffaaa2;color:#fff7cb}.disc-throw-86[b-y03u0fuut8]  .mobile-throw span{color:#ffe3c8}.disc-throw-86[b-y03u0fuut8]  .mobile-throw:active,
.disc-throw-86[b-y03u0fuut8]  .mobile-throw.down{background:#e08a63;border-color:#fff0a0}.disc-throw-86[b-y03u0fuut8]  .perfect-progress{position:absolute;z-index:3;bottom:13px;left:15px;display:none;gap:6px;pointer-events:none;flex-wrap:wrap}.disc-throw-86[b-y03u0fuut8]  .perfect-progress.visible{display:flex}.disc-throw-86[b-y03u0fuut8]  .progress-chip{color:#b5c1ce;background:#132a41e5;border:1px solid #64829c;border-radius:6px;padding:6px 10px;font-weight:900;font-size:clamp(10px,1.4vw,13px);box-shadow:0 2px 7px #12223b66;opacity:.72}.disc-throw-86[b-y03u0fuut8]  .progress-chip.won{background:#1b513de9;border-color:#ddff9c;color:#eaffbd;opacity:1;box-shadow:0 0 13px #a9ff7199}.disc-throw-86[b-y03u0fuut8]  .quality-feedback{top:34%;width:min(92%,720px)}.disc-throw-86[b-y03u0fuut8]  .quality-feedback .award{font-size:clamp(19px,3.2vw,36px);text-shadow:1px 1px 0 #ffffff99;padding:13px 18px;box-shadow:0 0 30px #cfff96be,4px 5px 0 #173b52}@media(max-width:800px){.disc-throw-86[b-y03u0fuut8]  .mobile-controls{display:flex}.disc-throw-86[b-y03u0fuut8]  .shell{padding-left:7px;padding-right:7px}.disc-throw-86[b-y03u0fuut8]  .stats{margin-top:10px}.disc-throw-86[b-y03u0fuut8]  .perfect-progress{bottom:7px;left:7px;gap:3px}.disc-throw-86[b-y03u0fuut8]  .progress-chip{padding:3px 5px;font-size:9px}.disc-throw-86[b-y03u0fuut8]  .quality-feedback{top:34%}.disc-throw-86[b-y03u0fuut8]  .quality-feedback .award{font-size:clamp(13px,3.4vw,24px);padding:7px 10px}.disc-throw-86[b-y03u0fuut8]  .perfect-banner{font-size:clamp(22px,5.5vw,46px);letter-spacing:1px}
}@media(max-width:390px){.disc-throw-86[b-y03u0fuut8]  .mobile-key{min-height:67px}.disc-throw-86[b-y03u0fuut8]  .mobile-controls{gap:6px}.disc-throw-86[b-y03u0fuut8]  .mobile-run{gap:5px}}.disc-throw-86.menu-mode[b-y03u0fuut8]  .mobile-controls{display:none}.disc-throw-86.menu-mode[b-y03u0fuut8]  .top,
.disc-throw-86.menu-mode[b-y03u0fuut8]  .stats{display:none}.disc-throw-86.menu-mode[b-y03u0fuut8]  .shell{width:min(1360px,100%);padding-top:clamp(24px,7vh,90px)}.disc-throw-86.menu-mode[b-y03u0fuut8]  .overlay{background:rgba(5,17,37,.68);backdrop-filter:blur(4px)}.disc-throw-86.menu-mode[b-y03u0fuut8]  #overlay .arcade-modal{width:min(670px,92%);padding:clamp(36px,7vw,78px) 20px}.disc-throw-86.menu-mode[b-y03u0fuut8]  #dialogEyebrow,
.disc-throw-86.menu-mode[b-y03u0fuut8]  #dialogBody,
.disc-throw-86.menu-mode[b-y03u0fuut8]  #dialogFooter{display:none}.disc-throw-86.menu-mode[b-y03u0fuut8]  #dialogTitle{font-size:clamp(44px,7vw,86px);line-height:1.05;letter-spacing:-3px;text-shadow:5px 5px #d85070;margin:0 0 42px;color:#ffedbd}.disc-throw-86.menu-mode[b-y03u0fuut8]  #dialogTitle .year{color:#6dece4}.disc-throw-86.menu-mode[b-y03u0fuut8]  #actionBtn{font-size:clamp(17px,2.4vw,27px);min-width:220px;padding:15px 30px}.disc-throw-86[b-y03u0fuut8]  .help-trigger{position:absolute;z-index:8;right:clamp(12px,2.5vw,32px);top:19px;border:2px solid #b3d9e0;background:#112944e8;color:#e9fbeb;border-radius:9px;min-width:42px;height:42px;font-weight:900;font-size:21px;line-height:1}.disc-throw-86[b-y03u0fuut8]  .help-trigger:hover{background:#285675}.disc-throw-86[b-y03u0fuut8]  .shell>.help-trigger{box-shadow:0 3px 10px #0005}.disc-throw-86[b-y03u0fuut8]  .quality-feedback{position:absolute;z-index:5;left:50%;top:26%;transform:translateX(-50%);pointer-events:none;display:none;gap:8px;justify-content:center;flex-wrap:wrap;width:min(85%,720px)}.disc-throw-86[b-y03u0fuut8]  .quality-feedback.visible{display:flex;animation:qualityPop-b-y03u0fuut8 .24s ease-out}.disc-throw-86[b-y03u0fuut8]  .quality-feedback .award{font:900 clamp(11px,1.35vw,17px) Consolas,Monaco,monospace;letter-spacing:1px;color:#213943;background:#d9ff9b;border:2px solid #fff7d6;border-radius:5px;box-shadow:0 0 19px #bfff8588,3px 4px 0 #183e57;padding:9px 12px;animation:awardPulse-b-y03u0fuut8 .42s steps(2,end) infinite alternate}@keyframes qualityPop-b-y03u0fuut8{from{opacity:0;transform:translate(-50%,-10px) scale(.82)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes awardPulse-b-y03u0fuut8{from{filter:brightness(1.35)}to{filter:brightness(.8)}}.disc-throw-86[b-y03u0fuut8]  .result-awards{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:12px 0}.disc-throw-86[b-y03u0fuut8]  .result-awards .win{border:1px solid #d8ff9b;color:#dbff9c;background:#1d483f;padding:6px 10px;border-radius:5px;font-size:12px;font-weight:900}.disc-throw-86[b-y03u0fuut8]  .result-awards .miss{border:1px solid #476075;color:#91aab8;padding:6px 10px;border-radius:5px;font-size:12px}.disc-throw-86[b-y03u0fuut8]  .help-overlay{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(4,11,25,.82);backdrop-filter:blur(7px)}.disc-throw-86[b-y03u0fuut8]  .help-overlay.hidden{display:none}.disc-throw-86[b-y03u0fuut8]  .help-panel{position:relative;width:min(610px,100%);max-height:100%;overflow-y:auto;border:3px solid #a2e8d8;background:#101e38;box-shadow:9px 9px 0 #07182b;padding:clamp(19px,3vw,32px);color:#d0e5ef}.disc-throw-86[b-y03u0fuut8]  .help-panel h2{font-size:clamp(22px,3vw,32px);color:#ffedbd;margin:0 0 12px}.disc-throw-86[b-y03u0fuut8]  .help-panel p{font-size:13px;line-height:1.6;margin:10px 0}.disc-throw-86[b-y03u0fuut8]  .help-panel strong{color:var(--lime)}.disc-throw-86[b-y03u0fuut8]  .help-panel .key{display:inline-block;background:#283e59;border:1px solid #597895;border-radius:4px;padding:2px 7px;font-weight:900;color:#fff3cf}.disc-throw-86[b-y03u0fuut8]  .help-panel .primary{min-width:135px;margin-top:14px}@media(max-width:720px){.disc-throw-86[b-y03u0fuut8]  .right{padding-right:41px}.disc-throw-86[b-y03u0fuut8]  .help-trigger{right:9px;top:12px;min-width:34px;height:34px;font-size:18px}.disc-throw-86.menu-mode[b-y03u0fuut8]  #dialogTitle{font-size:clamp(38px,10vw,60px)}.disc-throw-86[b-y03u0fuut8]  .help-panel{padding:18px}.disc-throw-86[b-y03u0fuut8]  .help-panel p{font-size:12px}}.disc-throw-86[b-y03u0fuut8]  .perfect-banner{top:52%}.disc-throw-86[b-y03u0fuut8]  .quality-feedback{top:29%}.disc-throw-86[b-y03u0fuut8]  .quality-feedback .award{font-size:clamp(19px,3.2vw,36px);padding:13px 18px;box-shadow:0 0 30px #cfff96be,4px 5px 0 #173b52}@media(max-width:800px){.disc-throw-86[b-y03u0fuut8]  .perfect-banner{top:51%}.disc-throw-86[b-y03u0fuut8]  .quality-feedback{top:28%}.disc-throw-86[b-y03u0fuut8]  .quality-feedback .award{font-size:clamp(13px,3.4vw,24px);padding:7px 10px}}
/* /Components/FieldworkPanel.razor.rz.scp.css */
.fieldwork-panel[b-ar9buar2yu] {
    container-type: inline-size;
}

.fieldwork-header[b-ar9buar2yu] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.fieldwork-title[b-ar9buar2yu] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0.25rem 0 0;
    line-height: 1.25;
}

.fieldwork-description[b-ar9buar2yu] {
    color: var(--bs-secondary-color, #6c757d);
    margin-bottom: 0;
    margin-top: 0.25rem;
}

.fieldwork-place-badge[b-ar9buar2yu] {
    font-size: 0.85rem;
    font-weight: 400;
    color: var(--bs-secondary-color, #6c757d);
    margin-left: 0.5rem;
}

.fieldwork-session-meta[b-ar9buar2yu] {
    margin-top: 0.25rem;
}

/* ── Stats cards ── */
.fieldwork-stats-cards[b-ar9buar2yu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.fieldwork-stat-card[b-ar9buar2yu] {
    background: var(--bs-tertiary-bg, #f8f9fa);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    min-width: 7rem;
    flex: 1 1 7rem;
}

.fieldwork-stat-card-highlight[b-ar9buar2yu] {
    background: rgba(255, 193, 7, 0.12);
    border-color: rgba(255, 193, 7, 0.4);
}

.fieldwork-stat-label[b-ar9buar2yu] {
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.25rem;
}

.fieldwork-stat-value[b-ar9buar2yu] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
}

.fieldwork-stat-unit[b-ar9buar2yu] {
    font-size: 0.9rem;
    font-weight: 400;
    color: var(--bs-secondary-color, #6c757d);
}

/* ── Recent sessions ── */
.fieldwork-start-row[b-ar9buar2yu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.fieldwork-stats-toggle[b-ar9buar2yu] {
    white-space: nowrap;
}.fieldwork-recent-heading[b-ar9buar2yu],
.fieldwork-throw-log-heading[b-ar9buar2yu],
.fieldwork-disc-breakdown-heading[b-ar9buar2yu],
.fieldwork-throw-form-heading[b-ar9buar2yu] {
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--bs-secondary-color, #6c757d);
    margin-bottom: 0.5rem;
}

.fieldwork-throw-log-heading[b-ar9buar2yu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.fieldwork-throw-count[b-ar9buar2yu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-warning, #ffc107);
    color: #000;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.4rem;
    height: 1.4rem;
    padding: 0 0.35rem;
}

.fieldwork-throw-log-stats[b-ar9buar2yu] {
    font-size: 0.8rem;
    color: var(--bs-secondary-color, #6c757d);
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

.fieldwork-recent-list[b-ar9buar2yu] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.fieldwork-recent-row[b-ar9buar2yu] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    flex-wrap: wrap;
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.fieldwork-recent-row:last-child[b-ar9buar2yu] {
    border-bottom: none;
}

.fieldwork-recent-date[b-ar9buar2yu] {
    font-weight: 600;
    font-size: 0.875rem;
    white-space: nowrap;
}

.fieldwork-recent-place[b-ar9buar2yu] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.875rem;
}

.fieldwork-recent-meta[b-ar9buar2yu] {
    font-size: 0.8rem;
    color: var(--bs-secondary-color, #6c757d);
    margin-left: auto;
}

.fieldwork-session-delete[b-ar9buar2yu] {
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.15s;
}

.fieldwork-recent-row:hover .fieldwork-session-delete[b-ar9buar2yu] {
    opacity: 1;
}

/* Always visible on touch devices */
@media (hover: none) {
    .fieldwork-session-delete[b-ar9buar2yu] {
        opacity: 0.55;
    }
}

.fieldwork-delete-confirm[b-ar9buar2yu] {
    display: flex;
    gap: 0.35rem;
    flex-shrink: 0;
    align-items: center;
}

/* ── Development chart ── */
.fieldwork-dev-chart-wrap[b-ar9buar2yu] {
    container-type: inline-size;
}

.fieldwork-dev-chart-annotated[b-ar9buar2yu] {
    display: grid;
    grid-template-columns: 2.25rem 1fr;
    gap: 0;
    align-items: stretch;
}

.fieldwork-dev-y-labels[b-ar9buar2yu] {
    position: relative;
}

.fieldwork-dev-y-labels span[b-ar9buar2yu] {
    position: absolute;
    right: 0.2rem;
    font-size: 0.7rem;
    line-height: 1;
    color: var(--bs-secondary-color, #6c757d);
    transform: translateY(-50%);
    white-space: nowrap;
}

.fieldwork-dev-chart[b-ar9buar2yu] {
    width: 100%;
    height: 10rem;
    display: block;
    overflow: visible;
}

.fieldwork-dev-axis[b-ar9buar2yu] {
    stroke: var(--bs-border-color, #dee2e6);
    stroke-width: 1;
}

.fieldwork-dev-axis-tick[b-ar9buar2yu] {
    stroke: var(--bs-border-color, #dee2e6);
    stroke-width: 1;
}

.fieldwork-dev-grid[b-ar9buar2yu] {
    stroke: var(--bs-border-color, #dee2e6);
    stroke-width: 0.5;
    stroke-dasharray: 3 3;
    opacity: 0.6;
}

.fieldwork-dev-y-label[b-ar9buar2yu] {
    font-size: 11px;
    fill: var(--bs-secondary-color, #6c757d);
    text-anchor: end;
    dominant-baseline: middle;
}

.fieldwork-dev-line[b-ar9buar2yu] {
    fill: none;
    stroke: #ffc107;
    stroke-width: 2.5;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.fieldwork-dev-point[b-ar9buar2yu] {
    fill: #ffc107;
    stroke: var(--bs-body-bg, #fff);
    stroke-width: 1.5;
    cursor: default;
}
.fieldwork-top5-grid[b-ar9buar2yu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

@container (max-width: 500px) {
    .fieldwork-top5-grid[b-ar9buar2yu] {
        grid-template-columns: 1fr;
    }
}

.fieldwork-top5-heading[b-ar9buar2yu] {
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--bs-secondary-color, #6c757d);
    margin-bottom: 0.5rem;
}

.fieldwork-top5-row[b-ar9buar2yu] {
    display: grid;
    grid-template-columns: 2rem 5rem 1fr;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.fieldwork-top5-row:last-child[b-ar9buar2yu] {
    border-bottom: none;
}

.fieldwork-top5-rank[b-ar9buar2yu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    font-size: 0.8rem;
    font-weight: 700;
    background: var(--bs-tertiary-bg, #f8f9fa);
    color: var(--bs-secondary-color, #6c757d);
    border: 1.5px solid var(--bs-border-color, #dee2e6);
    flex-shrink: 0;
}

.fieldwork-top5-rank-1[b-ar9buar2yu] {
    background: #ffc107;
    border-color: #ffc107;
    color: #000;
}

.fieldwork-top5-rank-2[b-ar9buar2yu] {
    background: #c0c0c0;
    border-color: #aaa;
    color: #222;
}

.fieldwork-top5-rank-3[b-ar9buar2yu] {
    background: #cd7f32;
    border-color: #b36d24;
    color: #fff;
}

.fieldwork-top5-length[b-ar9buar2yu] {
    font-size: 1.15rem;
    font-weight: 700;
}

.fieldwork-top5-detail[b-ar9buar2yu] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.fieldwork-top5-disc[b-ar9buar2yu] {
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fieldwork-top5-meta[b-ar9buar2yu] {
    font-size: 0.78rem;
}

.fieldwork-top5-date[b-ar9buar2yu] {
    font-size: 0.75rem;
}

/* ── Setup form ── */
.fieldwork-setup-form[b-ar9buar2yu] {
    max-width: 30rem;
}

.fieldwork-form-row[b-ar9buar2yu] {
    margin-bottom: 1rem;
}

.fieldwork-setup-actions[b-ar9buar2yu] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* ── Chip row ── */
.fieldwork-chip-row[b-ar9buar2yu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.fieldwork-chip[b-ar9buar2yu] {
    border: 1.5px solid var(--bs-border-color, #dee2e6);
    background: var(--bs-body-bg, #fff);
    color: var(--bs-body-color, #212529);
    border-radius: 999px;
    padding: 0.3rem 0.75rem;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
}

.fieldwork-chip:hover[b-ar9buar2yu] {
    border-color: var(--bs-warning, #ffc107);
}

.fieldwork-chip.is-active[b-ar9buar2yu] {
    background: var(--bs-warning, #ffc107);
    border-color: var(--bs-warning, #ffc107);
    color: #000;
    font-weight: 600;
}

/* ── Active session header ── */
.fieldwork-active-header[b-ar9buar2yu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

/* ── Throw form ── */
.fieldwork-throw-form[b-ar9buar2yu] {
    background: var(--bs-tertiary-bg, #f8f9fa);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
    padding: 1rem;
}

/* ── Disc picker ── */
.fieldwork-disc-toggle[b-ar9buar2yu] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    padding: 0.4rem 0.65rem;
    background: var(--bs-body-bg, #fff);
    border: 1.5px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.4rem;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.12s;
}

.fieldwork-disc-toggle:hover[b-ar9buar2yu],
.fieldwork-disc-toggle.is-open[b-ar9buar2yu] {
    border-color: var(--bs-warning, #ffc107);
}

.fieldwork-disc-toggle-name[b-ar9buar2yu] {
    font-size: 0.875rem;
    font-weight: 500;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fieldwork-disc-toggle-meta[b-ar9buar2yu] {
    font-size: 0.75rem;
    white-space: nowrap;
}

.fieldwork-disc-toggle-chevron[b-ar9buar2yu] {
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
    flex-shrink: 0;
    margin-left: auto;
}

.fieldwork-disc-picker[b-ar9buar2yu] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    max-height: 16rem;
    overflow-y: auto;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-top: none;
    border-radius: 0 0 0.4rem 0.4rem;
    padding: 0.25rem;
    background: var(--bs-body-bg, #fff);
}

.fieldwork-disc-search-wrap[b-ar9buar2yu] {
    padding: 0.2rem 0.3rem 0.35rem;
    margin-bottom: 0.1rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.fieldwork-disc-search[b-ar9buar2yu] {
    font-size: 0.82rem;
    border-radius: 0.35rem;
}

.fieldwork-disc-btn[b-ar9buar2yu] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.35rem 0.55rem;
    border: 1.5px solid transparent;
    background: transparent;
    border-radius: 0.3rem;
    cursor: pointer;
    text-align: left;
    width: 100%;
    transition: background 0.1s;
}

.fieldwork-disc-empty[b-ar9buar2yu] {
    font-size: 0.8rem;
    padding: 0.4rem 0.55rem 0.35rem;
}

.fieldwork-disc-btn:hover[b-ar9buar2yu] {
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.fieldwork-disc-btn.is-selected[b-ar9buar2yu] {
    background: rgba(255, 193, 7, 0.15);
    border-color: rgba(255, 193, 7, 0.55);
}

.fieldwork-disc-swatch-placeholder[b-ar9buar2yu] {
    display: inline-block;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    border: 1.5px dashed var(--bs-border-color, #dee2e6);
    flex-shrink: 0;
}

.fieldwork-disc-btn-info[b-ar9buar2yu] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    min-width: 0;
    flex: 1;
}

.fieldwork-disc-btn-name[b-ar9buar2yu] {
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fieldwork-disc-btn-meta[b-ar9buar2yu] {
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
}

.fieldwork-disc-group-label[b-ar9buar2yu] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--bs-secondary-color, #6c757d);
    padding: 0.3rem 0.55rem 0.1rem;
}

.fieldwork-disc-group-label-sep[b-ar9buar2yu] {
    border-top: 1px solid var(--bs-border-color, #dee2e6);
    margin-top: 0.2rem;
    padding-top: 0.4rem;
}

.fieldwork-length-input[b-ar9buar2yu] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 20rem;
}

.fieldwork-length-btn[b-ar9buar2yu] {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    line-height: 1;
}

.fieldwork-length-btn-wide[b-ar9buar2yu] {
    width: 2.8rem;
    font-size: 0.9rem;
    font-weight: 600;
}

.fieldwork-length-box[b-ar9buar2yu] {
    text-align: center;
    min-width: 4rem;
    /* Hide browser spin arrows */
    -moz-appearance: textfield;
    appearance: textfield;
}

.fieldwork-length-box[b-ar9buar2yu]::-webkit-outer-spin-button,
.fieldwork-length-box[b-ar9buar2yu]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.fieldwork-length-unit[b-ar9buar2yu] {
    font-weight: 600;
    color: var(--bs-secondary-color, #6c757d);
    flex-shrink: 0;
}

/* ── Throw log ── */
.fieldwork-throw-list[b-ar9buar2yu] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.fieldwork-throw-row[b-ar9buar2yu] {
    display: grid;
    grid-template-columns: 5rem 1fr 1fr 2rem;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.fieldwork-throw-row:last-child[b-ar9buar2yu] {
    border-bottom: none;
}

.fieldwork-throw-first-col[b-ar9buar2yu] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.fieldwork-throw-length[b-ar9buar2yu] {
    font-size: 1.1rem;
    font-weight: 700;
}

.fieldwork-throw-length-sm[b-ar9buar2yu] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--bs-secondary-color, #6c757d);
}

.fieldwork-throw-disc[b-ar9buar2yu] {
    font-size: 0.875rem;
}

.fieldwork-throw-type[b-ar9buar2yu] {
    font-size: 0.8rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fieldwork-throw-delete[b-ar9buar2yu] {
    opacity: 0;
    transition: opacity 0.15s;
}

.fieldwork-throw-row:hover .fieldwork-throw-delete[b-ar9buar2yu] {
    opacity: 1;
}

/* ── Disc breakdown ── */
.fieldwork-disc-table[b-ar9buar2yu] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.fieldwork-disc-row[b-ar9buar2yu] {
    display: grid;
    grid-template-columns: 1fr 3rem 4rem 4rem;
    gap: 0.5rem;
    align-items: center;
    padding: 0.3rem 0;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    font-size: 0.875rem;
}

.fieldwork-disc-row:last-child[b-ar9buar2yu] {
    border-bottom: none;
}

.fieldwork-disc-row-header[b-ar9buar2yu] {
    font-weight: 600;
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── Approach outcome buttons ── */
.fieldwork-outcome-row[b-ar9buar2yu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.fieldwork-outcome-btn[b-ar9buar2yu] {
    flex: 1 1 5rem;
    padding: 0.75rem 0.5rem;
    font-size: 1rem;
    font-weight: 700;
    border: 2px solid transparent;
    border-radius: 0.5rem;
    cursor: pointer;
    text-align: center;
    transition: filter 0.1s, transform 0.08s;
}

.fieldwork-outcome-btn:active[b-ar9buar2yu] {
    transform: scale(0.96);
    filter: brightness(0.9);
}

.fieldwork-outcome-btn.fieldwork-outcome-bull[b-ar9buar2yu]  { background: #ffc107; color: #000; border-color: #e0a800; }
.fieldwork-outcome-btn.fieldwork-outcome-cx1[b-ar9buar2yu]   { background: #198754; color: #fff; border-color: #157347; }
.fieldwork-outcome-btn.fieldwork-outcome-c2[b-ar9buar2yu]    { background: #0d6efd; color: #fff; border-color: #0a58ca; }
.fieldwork-outcome-btn.fieldwork-outcome-miss[b-ar9buar2yu]  { background: var(--bs-tertiary-bg, #f8f9fa); color: var(--bs-body-color, #212529); border-color: var(--bs-border-color, #dee2e6); }

/* Outcome badge (in throw log and stat rows) */
.fieldwork-throw-outcome[b-ar9buar2yu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    padding: 0.2rem 0.5rem;
    border-radius: 0.3rem;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
}

.fieldwork-throw-outcome.fieldwork-outcome-bull[b-ar9buar2yu] { background: rgba(255,193,7,0.25); color: #7a5c00; border: 1px solid rgba(255,193,7,0.5); }
.fieldwork-throw-outcome.fieldwork-outcome-cx1[b-ar9buar2yu]  { background: rgba(25,135,84,0.15); color: #0d5c38; border: 1px solid rgba(25,135,84,0.4); }
.fieldwork-throw-outcome.fieldwork-outcome-c2[b-ar9buar2yu]   { background: rgba(13,110,253,0.12); color: #084298; border: 1px solid rgba(13,110,253,0.35); }
.fieldwork-throw-outcome.fieldwork-outcome-miss[b-ar9buar2yu] { background: var(--bs-tertiary-bg,#f8f9fa); color: var(--bs-secondary-color,#6c757d); border: 1px solid var(--bs-border-color,#dee2e6); }

/* Outcome stat bar rows */
.fieldwork-outcome-breakdown[b-ar9buar2yu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.fieldwork-outcome-stat-row[b-ar9buar2yu] {
    display: grid;
    grid-template-columns: 3.5rem 1fr 4rem;
    align-items: center;
    gap: 0.6rem;
}

.fieldwork-outcome-bar-wrap[b-ar9buar2yu] {
    background: var(--bs-tertiary-bg, #f8f9fa);
    border-radius: 999px;
    height: 0.6rem;
    overflow: hidden;
}

.fieldwork-outcome-bar[b-ar9buar2yu] {
    height: 100%;
    border-radius: 999px;
}

.fieldwork-outcome-bar.fieldwork-outcome-bull[b-ar9buar2yu] { background: #ffc107; }
.fieldwork-outcome-bar.fieldwork-outcome-cx1[b-ar9buar2yu]  { background: #198754; }
.fieldwork-outcome-bar.fieldwork-outcome-c2[b-ar9buar2yu]   { background: #0d6efd; }
.fieldwork-outcome-bar.fieldwork-outcome-miss[b-ar9buar2yu] { background: var(--bs-border-color, #dee2e6); }

.fieldwork-outcome-stat-val[b-ar9buar2yu] { font-size: 0.85rem; font-weight: 600; text-align: right; }

/* Best approach disc rows */
.fieldwork-best-disc-section[b-ar9buar2yu] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.fieldwork-top3-grid[b-ar9buar2yu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.fieldwork-top3-grid > div[b-ar9buar2yu] {
    min-width: 0;
}

@container (max-width: 420px) {
    .fieldwork-top3-grid[b-ar9buar2yu] {
        grid-template-columns: 1fr;
    }
}

.fieldwork-top3-rank[b-ar9buar2yu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
    background: var(--bs-tertiary-bg, #f8f9fa);
    color: var(--bs-secondary-color, #6c757d);
    border: 1.5px solid var(--bs-border-color, #dee2e6);
}

.fieldwork-best-disc-row[b-ar9buar2yu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.5rem;
    padding: 0.35rem 0;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.fieldwork-best-disc-main[b-ar9buar2yu] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

/* Summary version uses hand label instead of rank badge */
.fieldwork-best-disc-hand-label[b-ar9buar2yu] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--bs-secondary-color, #6c757d);
    white-space: nowrap;
}

.fieldwork-best-disc-row:last-child[b-ar9buar2yu] {
    border-bottom: none;
}

.fieldwork-best-disc-hand[b-ar9buar2yu] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--bs-secondary-color, #6c757d);
}

.fieldwork-best-disc-name[b-ar9buar2yu] {
    font-size: 0.9rem;
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fieldwork-best-disc-stat[b-ar9buar2yu] {
    font-size: 0.78rem;
    min-width: 0;
    white-space: normal;
    text-align: right;
}

@media (max-width: 420px) {
    .fieldwork-best-disc-row[b-ar9buar2yu] {
        grid-template-columns: 1fr;
    }

    .fieldwork-best-disc-stat[b-ar9buar2yu] {
        text-align: left;
    }
}

/* Session type badge in recent sessions list */
.fieldwork-recent-type-badge[b-ar9buar2yu] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    flex-shrink: 0;
}

.fieldwork-type-length[b-ar9buar2yu]   { background: rgba(255,193,7,0.2); color: #7a5c00; border: 1px solid rgba(255,193,7,0.4); }
.fieldwork-type-approach[b-ar9buar2yu] { background: rgba(13,110,253,0.1); color: #084298; border: 1px solid rgba(13,110,253,0.3); }
/* /Components/HomeAnalysisPanel.razor.rz.scp.css */
.home-analysis-panel[b-typznj01pi] {
    max-width: 72ch;
    position: relative;
    padding: 1.15rem 1.2rem;
    border: 1px solid rgba(var(--bs-primary-rgb), 0.18);
    border-radius: 1rem;
    background:
        radial-gradient(circle at top right, rgba(13, 110, 253, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 249, 250, 0.96));
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.home-analysis-panel[b-typznj01pi]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, var(--bs-primary), var(--bs-info));
}

.home-analysis-badge[b-typznj01pi] {
    font-size: 0.72rem;
    letter-spacing: 0.05em;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
}

.home-analysis-headline[b-typznj01pi] {
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.02em;
}

.home-analysis-summary[b-typznj01pi] {
    font-size: 1rem;
    line-height: 1.65;
}

.home-analysis-facts[b-typznj01pi] {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.home-analysis-facts li[b-typznj01pi] {
    margin-bottom: 0.65rem;
    line-height: 1.5;
    padding: 0.75rem 0.85rem;
    border-radius: 0.8rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.04);
}

.home-analysis-closing[b-typznj01pi] {
    line-height: 1.55;
}

@media (max-width: 576px) {
    .home-analysis-panel[b-typznj01pi] {
        padding: 1rem;
        border-radius: 0.85rem;
    }

    .home-analysis-facts li[b-typznj01pi] {
        padding: 0.7rem 0.75rem;
    }
}
/* /Components/JylyPanel.razor.rz.scp.css */
.games-jyly-panel[b-rc4kw0v3qo] {
    background:
        radial-gradient(circle at top right, rgba(251, 191, 36, 0.18), transparent 42%),
        linear-gradient(135deg, #ffffff, #fffaf0);
    border: 1px solid rgba(15, 23, 42, 0.08);
    max-width: 58rem;
    margin: 0 auto;
}

.games-jyly-header[b-rc4kw0v3qo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.games-jyly-actions[b-rc4kw0v3qo] {
    display: flex;
    align-items: flex-start;
}

.games-jyly-goal[b-rc4kw0v3qo] {
    align-items: center;
    background: rgba(249, 115, 22, 0.12);
    border: 1px solid rgba(249, 115, 22, 0.28);
    border-radius: 999px;
    color: #9a3412;
    display: inline-flex;
    font-size: 0.86rem;
    font-weight: 700;
    gap: 0.45rem;
    margin-top: 0.15rem;
    margin-bottom: 1rem;
    padding: 0.35rem 0.8rem;
}

.games-jyly-goal-label[b-rc4kw0v3qo] {
    color: #9a3412;
}

.games-jyly-goal-value[b-rc4kw0v3qo] {
    font-weight: 800;
}

.games-card-kicker[b-rc4kw0v3qo] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    margin-bottom: 0.45rem;
    text-transform: uppercase;
}

/* Collapsible round-history toggle */
.games-jyly-history-toggle[b-rc4kw0v3qo] {
    align-items: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    padding: 0;
    text-align: left;
    width: 100%;
}

.games-jyly-history-toggle.is-open[b-rc4kw0v3qo] {
    margin-bottom: 0.75rem;
}

.games-jyly-history-chevron[b-rc4kw0v3qo] {
    color: #94a3b8;
    font-size: 0.9rem;
    transition: transform 0.2s ease;
}

.games-jyly-history-toggle.is-open .games-jyly-history-chevron[b-rc4kw0v3qo] {
    transform: rotate(180deg);
}

/* Session display styles */
.games-jyly-session-header[b-rc4kw0v3qo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.games-jyly-distance-display[b-rc4kw0v3qo],
.games-jyly-set-display[b-rc4kw0v3qo] {
    background: rgba(249, 115, 22, 0.08);
    border: 1px solid rgba(249, 115, 22, 0.16);
    padding: 0.5rem 0.5rem 0.75rem 0.2rem;
    padding: 1rem;
    text-align: center;
}

.games-jyly-distance-label[b-rc4kw0v3qo],
.games-jyly-set-label[b-rc4kw0v3qo] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    display: block;
}

.games-jyly-distance-value[b-rc4kw0v3qo],
.games-jyly-set-value[b-rc4kw0v3qo] {
    color: #f59e0b;
    font-size: 1.75rem;
    font-weight: 800;
    display: block;
}

/* Stats grid */
.games-jyly-stats-grid[b-rc4kw0v3qo] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.games-jyly-stat[b-rc4kw0v3qo] {
    background: rgba(249, 115, 22, 0.08);
    border: 1px solid rgba(249, 115, 22, 0.16);
    border-radius: 0.75rem;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    text-align: center;
}

.games-jyly-stat-label[b-rc4kw0v3qo] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.games-jyly-stat-value[b-rc4kw0v3qo] {
    color: #f59e0b;
    font-size: 1.5rem;
    font-weight: 800;
}

/* Coach message */
.games-jyly-coach-message[b-rc4kw0v3qo] {
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-left: 4px solid #3b82f6;
    border-radius: 0.6rem;
    color: #0f172a;
    line-height: 1.6;
    margin-bottom: 1rem;
    padding: 1rem;
}

/* Input section */
.games-jyly-input-section[b-rc4kw0v3qo] {
    background: rgba(249, 115, 22, 0.06);
    border: 1px solid rgba(249, 115, 22, 0.12);
    border-radius: 0.75rem;
    margin-top: 1rem;
    padding: 1rem;
}

.games-jyly-input-label[b-rc4kw0v3qo] {
    color: #0f172a;
    display: block;
    font-weight: 700;
    margin-bottom: 1rem;
}

.games-jyly-makes-selector[b-rc4kw0v3qo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-bottom: 1rem;
}

.games-jyly-makes-btn[b-rc4kw0v3qo] {
    background: #ffffff;
    border: 2px solid #e5e7eb;
    border-radius: 0.6rem;
    color: #0f172a;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 700;
    height: 50px;
    padding: 0;
    transition: all 0.15s ease;
    width: 50px;
}

@media (hover: hover) and (pointer: fine) {
    .games-jyly-makes-btn:hover[b-rc4kw0v3qo] {
        background: #f59e0b;
        border-color: #f59e0b;
        box-shadow: 0 4px 6px rgba(245, 158, 11, 0.25);
        color: #ffffff;
    }

    .games-jyly-makes-btn:focus:not(:hover)[b-rc4kw0v3qo],
    .games-jyly-makes-btn:focus-visible:not(:hover)[b-rc4kw0v3qo] {
        background: #ffffff;
        border-color: #e5e7eb;
        box-shadow: none;
        color: #0f172a;
        outline: none;
    }
}

.games-jyly-makes-btn:focus[b-rc4kw0v3qo],
.games-jyly-makes-btn:focus-visible[b-rc4kw0v3qo] {
    background: #ffffff;
    border-color: #e5e7eb;
    box-shadow: none;
    color: #0f172a;
    outline: none;
}

.games-jyly-makes-btn-clicked[b-rc4kw0v3qo],
.games-jyly-makes-btn-clicked:hover[b-rc4kw0v3qo] {
    background: #f59e0b;
    border-color: #f59e0b;
    box-shadow: 0 6px 12px rgba(245, 158, 11, 0.35);
    color: #ffffff;
    transform: scale(0.96);
}

.games-jyly-makes-btn:active[b-rc4kw0v3qo] {
    transform: scale(0.95);
}

.games-jyly-makes-btn:last-child[b-rc4kw0v3qo] {
    width: 100%;
}

.games-jyly-button-group[b-rc4kw0v3qo] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.games-jyly-button-group .btn[b-rc4kw0v3qo] {
    flex: 1;
    min-width: 120px;
}

.games-jyly-development[b-rc4kw0v3qo] {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(249, 115, 22, 0.18);
    border-radius: 0.75rem;
    padding: 1rem;
}

.games-jyly-development h4[b-rc4kw0v3qo] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 700;
}

.games-jyly-development-chart[b-rc4kw0v3qo] {
    display: block;
    width: 100%;
    height: clamp(130px, 34vw, 180px);
}

.games-jyly-dev-axis[b-rc4kw0v3qo] {
    stroke: rgba(51, 65, 85, 0.35);
    stroke-width: 1;
}

.games-jyly-dev-grid[b-rc4kw0v3qo] {
    stroke: rgba(148, 163, 184, 0.25);
    stroke-width: 1;
    stroke-dasharray: 4 4;
}

.games-jyly-dev-level-line[b-rc4kw0v3qo] {
    stroke-width: 1.35;
    stroke-dasharray: 5 5;
}

.games-jyly-dev-level-elite[b-rc4kw0v3qo] {
    stroke: rgba(30, 64, 175, 0.55);
}

.games-jyly-dev-level-strong[b-rc4kw0v3qo] {
    stroke: rgba(5, 150, 105, 0.5);
}

.games-jyly-dev-level-hobby[b-rc4kw0v3qo] {
    stroke: rgba(16, 185, 129, 0.5);
}

.games-jyly-dev-level-beginner[b-rc4kw0v3qo] {
    stroke: rgba(245, 158, 11, 0.5);
}

.games-jyly-dev-axis-tick[b-rc4kw0v3qo] {
    stroke: rgba(51, 65, 85, 0.45);
    stroke-width: 1;
}

.games-jyly-dev-line[b-rc4kw0v3qo] {
    fill: none;
    stroke: #0284c7;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3.2;
}

.games-jyly-dev-point[b-rc4kw0v3qo] {
    fill: #f59e0b;
    stroke: #ffffff;
    stroke-width: 2;
}

.games-jyly-development-chart-annotated[b-rc4kw0v3qo] {
    display: grid;
    grid-template-columns: 1.2rem minmax(0, 1fr);
    column-gap: 0;
    align-items: start;
    position: relative;
}

.games-jyly-dev-y-axis-labels[b-rc4kw0v3qo] {
    grid-column: 1;
    grid-row: 1;
    height: 100%;
    pointer-events: none;
    position: relative;
    width: 1.2rem;
}

.games-jyly-dev-y-axis-labels span[b-rc4kw0v3qo] {
    color: #475569;
    font-size: 0.72rem;
    font-weight: 700;
    right: 0;
    line-height: 1;
    position: absolute;
    text-align: right;
    transform: translateY(-50%);
    width: auto;
}

.games-jyly-development-chart[b-rc4kw0v3qo] {
    grid-column: 2;
    grid-row: 1;
}

.games-jyly-dev-legend[b-rc4kw0v3qo] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.4rem 0.75rem;
    margin-top: 0.65rem;
}

.games-jyly-dev-legend-item[b-rc4kw0v3qo] {
    align-items: center;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 700;
    gap: 0.45rem;
    padding: 0.2rem 0.55rem;
}

.games-jyly-dev-legend-swatch[b-rc4kw0v3qo] {
    border-radius: 999px;
    display: inline-block;
    height: 0.65rem;
    width: 0.65rem;
}

.games-jyly-dev-legend-swatch.games-jyly-dev-level-elite[b-rc4kw0v3qo] {
    background: rgba(30, 64, 175, 0.55);
}

.games-jyly-dev-legend-swatch.games-jyly-dev-level-strong[b-rc4kw0v3qo] {
    background: rgba(5, 150, 105, 0.5);
}

.games-jyly-dev-legend-swatch.games-jyly-dev-level-hobby[b-rc4kw0v3qo] {
    background: rgba(16, 185, 129, 0.5);
}

.games-jyly-dev-legend-swatch.games-jyly-dev-level-beginner[b-rc4kw0v3qo] {
    background: rgba(245, 158, 11, 0.5);
}

.games-jyly-development-meta[b-rc4kw0v3qo] {
    color: #64748b;
    display: flex;
    font-size: 0.8rem;
    font-weight: 600;
    justify-content: flex-end;
    margin-top: 0.25rem;
}

@media (max-width: 768px) {
    .games-jyly-development-chart-annotated[b-rc4kw0v3qo] {
        grid-template-columns: 1.1rem minmax(0, 1fr);
        column-gap: 0;
    }

    .games-jyly-dev-y-axis-labels[b-rc4kw0v3qo] {
        width: 1.1rem;
    }
}
.games-jyly-completion-header[b-rc4kw0v3qo] {
    border-bottom: 2px solid #dcfce7;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
}

/* History list styles */
.games-jyly-history[b-rc4kw0v3qo] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(249, 115, 22, 0.16);
}

.games-jyly-development[b-rc4kw0v3qo] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(249, 115, 22, 0.16);
}

.games-jyly-development h4[b-rc4kw0v3qo] {
    color: #0f172a;
    font-weight: 700;
    margin-bottom: 1rem;
}

.games-jyly-development-chart-wrap[b-rc4kw0v3qo] {
    background: rgba(249, 115, 22, 0.06);
    border: 1px solid rgba(249, 115, 22, 0.12);
    border-radius: 0.6rem;
    padding: 0.5rem 0.5rem 0.75rem 0.2rem;
}

.games-jyly-development-chart[b-rc4kw0v3qo] {
    width: 100%;
    height: clamp(130px, 34vw, 180px);
    display: block;
}

.games-jyly-development-axis[b-rc4kw0v3qo] {
    stroke: rgba(15, 23, 42, 0.2);
    stroke-width: 1;
}

.games-jyly-development-line[b-rc4kw0v3qo] {
    fill: none;
    stroke: #f59e0b;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.games-jyly-development-point[b-rc4kw0v3qo] {
    fill: #f59e0b;
    stroke: #ffffff;
    stroke-width: 1.5;
}

.games-jyly-development-caption[b-rc4kw0v3qo] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 600;
    margin-top: 0.35rem;
    text-align: right;
}

.games-jyly-history h4[b-rc4kw0v3qo] {
    color: #0f172a;
    font-weight: 700;
    margin-bottom: 1rem;
}

.games-jyly-history-list[b-rc4kw0v3qo] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.games-jyly-history-item[b-rc4kw0v3qo] {
    background: rgba(249, 115, 22, 0.06);
    border: 1px solid rgba(249, 115, 22, 0.12);
    border-radius: 0.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
}

.games-jyly-history-item-unfinished[b-rc4kw0v3qo] {
    background: rgba(59, 130, 246, 0.06);
    border-color: rgba(59, 130, 246, 0.18);
}

.games-jyly-history-left[b-rc4kw0v3qo] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.games-jyly-history-round-number[b-rc4kw0v3qo] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 700;
}

.games-jyly-history-stats[b-rc4kw0v3qo] {
    color: #64748b;
    font-size: 0.85rem;
}

.games-jyly-history-stats span[b-rc4kw0v3qo] {
    margin: 0 0.25rem;
}

.games-jyly-history-right[b-rc4kw0v3qo] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.games-jyly-history-actions[b-rc4kw0v3qo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.games-jyly-delete-confirm-text[b-rc4kw0v3qo] {
    color: #7f1d1d;
    font-size: 0.8rem;
    font-weight: 600;
}

.games-jyly-score[b-rc4kw0v3qo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    font-weight: 700;
    font-size: 1.25rem;
    padding: 0.75rem 1rem;
    border-radius: 0.6rem;
    min-width: 100px;
    text-align: center;
}

.games-jyly-level-badge[b-rc4kw0v3qo] {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .games-jyly-history-item[b-rc4kw0v3qo] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.75rem;
    }

    .games-jyly-history-right[b-rc4kw0v3qo] {
        width: 100%;
        justify-content: space-between;
    }
}

/* Score level colors */
.games-jyly-score-elite[b-rc4kw0v3qo] {
    background: linear-gradient(135deg, #1e40af, #1e3a8a);
    color: #ffffff;
}

.games-jyly-score-strong[b-rc4kw0v3qo] {
    background: linear-gradient(135deg, #059669, #047857);
    color: #ffffff;
}

.games-jyly-score-hobby[b-rc4kw0v3qo] {
    background: linear-gradient(135deg, #10b981, #059669);
    color: #ffffff;
}

.games-jyly-score-beginner[b-rc4kw0v3qo] {
    background: linear-gradient(135deg, #34d399, #10b981);
    color: #ffffff;
}

.games-jyly-score-developing[b-rc4kw0v3qo] {
    background: linear-gradient(135deg, #a3e635, #84cc16);
    color: #1f2937;
}

/* Inline score colors for analysis */
.games-jyly-analysis-content .games-jyly-score-elite[b-rc4kw0v3qo],
.games-jyly-analysis-content .games-jyly-score-strong[b-rc4kw0v3qo],
.games-jyly-analysis-content .games-jyly-score-hobby[b-rc4kw0v3qo],
.games-jyly-analysis-content .games-jyly-score-beginner[b-rc4kw0v3qo],
.games-jyly-analysis-content .games-jyly-score-developing[b-rc4kw0v3qo] {
    font-weight: 700;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    display: inline-block;
}
.games-jyly-completion-header h2[b-rc4kw0v3qo] {
    color: #16a34a;
    margin: 0;
}

.games-jyly-analysis[b-rc4kw0v3qo] {
    background: rgba(249, 115, 22, 0.06);
    border: 1px solid rgba(249, 115, 22, 0.12);
    border-radius: 0.75rem;
    margin-bottom: 1rem;
    padding: 1.5rem;
}

.games-jyly-analysis-content h4[b-rc4kw0v3qo] {
    color: #0f172a;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 0;
}

.games-jyly-analysis-content h4:not(:first-child)[b-rc4kw0v3qo] {
    margin-top: 1.5rem;
}

.games-jyly-analysis-list[b-rc4kw0v3qo] {
    color: #475569;
    list-style: none;
    padding-left: 0;
}

.games-jyly-analysis-list li[b-rc4kw0v3qo] {
    margin-bottom: 0.75rem;
    padding-left: 1.5rem;
    position: relative;
}

.games-jyly-analysis-list li strong[b-rc4kw0v3qo] {
    color: #0f172a;
    font-weight: 700;
}

.games-jyly-analysis-content > p[b-rc4kw0v3qo] {
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Responsive */
@media (max-width: 768px) {
    .games-jyly-session-header[b-rc4kw0v3qo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
        margin-bottom: 0.65rem;
    }

    .games-jyly-distance-display[b-rc4kw0v3qo],
    .games-jyly-set-display[b-rc4kw0v3qo],
    .games-jyly-stat[b-rc4kw0v3qo] {
        border-radius: 0.65rem;
        padding: 0.65rem 0.55rem;
    }

    .games-jyly-distance-label[b-rc4kw0v3qo],
    .games-jyly-set-label[b-rc4kw0v3qo],
    .games-jyly-stat-label[b-rc4kw0v3qo] {
        font-size: 0.67rem;
        letter-spacing: 0.09em;
        margin-bottom: 0.3rem;
    }

    .games-jyly-distance-value[b-rc4kw0v3qo],
    .games-jyly-set-value[b-rc4kw0v3qo] {
        font-size: 1.85rem;
        line-height: 1.1;
    }

    .games-jyly-stats-grid[b-rc4kw0v3qo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
        margin-bottom: 0.7rem;
    }

    .games-jyly-stats-grid .games-jyly-stat:last-child[b-rc4kw0v3qo] {
        grid-column: 1 / -1;
    }

    .games-jyly-stat-value[b-rc4kw0v3qo] {
        font-size: 1.25rem;
        line-height: 1.15;
    }

    .games-jyly-makes-selector[b-rc4kw0v3qo] {
        gap: 0.5rem;
    }

    .games-jyly-makes-btn[b-rc4kw0v3qo] {
        height: 45px;
        width: 45px;
        font-size: 1rem;
    }
}

@media (max-width: 575.98px) {
    .games-jyly-header[b-rc4kw0v3qo] {
        flex-direction: column;
    }

    .games-jyly-session-header[b-rc4kw0v3qo] {
        gap: 0.55rem;
    }

    .games-jyly-stats-grid[b-rc4kw0v3qo] {
        gap: 0.55rem;
    }

    .games-jyly-distance-value[b-rc4kw0v3qo],
    .games-jyly-set-value[b-rc4kw0v3qo] {
        font-size: 1.65rem;
    }

    .games-jyly-stat-value[b-rc4kw0v3qo] {
        font-size: 1.15rem;
    }

    .games-jyly-actions[b-rc4kw0v3qo],
    .games-jyly-actions .btn[b-rc4kw0v3qo] {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .games-jyly-distance-label[b-rc4kw0v3qo],
    .games-jyly-set-label[b-rc4kw0v3qo],
    .games-jyly-stat-label[b-rc4kw0v3qo] {
        font-size: 0.62rem;
        letter-spacing: 0.07em;
    }

    .games-jyly-distance-value[b-rc4kw0v3qo],
    .games-jyly-set-value[b-rc4kw0v3qo] {
        font-size: 1.5rem;
    }

    .games-jyly-stat-value[b-rc4kw0v3qo] {
        font-size: 1.05rem;
    }
}
/* /Components/Layout/FooterBar.razor.rz.scp.css */
.app-footer[b-voeg9vybz0] {
    border-top: 1px solid #e5e7eb;
    font-size: 0.8rem;
}

.app-footer.header-style-default[b-voeg9vybz0] {
    background-color: #ffffff;
    color: #6c757d;
    border-top: 1px solid #e5e7eb;
}

.app-footer.header-style-dark-green[b-voeg9vybz0] {
    background-color: #1f4f3d;
    color: #e8f7ed;
    border-top: 1px solid #2d6f55;
}

.app-footer.header-style-dark-purple[b-voeg9vybz0] {
    background-color: #3a275f;
    color: #f2e9ff;
    border-top: 1px solid #55378f;
}

.app-footer.header-style-edk-blue[b-voeg9vybz0] {
    background-color: #0b3f9b;
    color: #ffffff;
    border-top: 1px solid #082f73;
}

.app-footer.header-style-hills-banner[b-voeg9vybz0] {
    color: #ffffff;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    background-image: linear-gradient(rgba(20, 27, 22, 0.28), rgba(20, 27, 22, 0.28)), url('/hills-banner.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.app-footer.header-style-hills-golfer[b-voeg9vybz0] {
    color: #ffffff;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    background-image: linear-gradient(rgba(20, 27, 22, 0.28), rgba(20, 27, 22, 0.28)), url('/hills-banner.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.app-footer.header-style-logo-banner[b-voeg9vybz0] {
    color: #ffffff;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    background-image: linear-gradient(rgba(20, 27, 22, 0.28), rgba(20, 27, 22, 0.28)), url('/logo-banner.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.app-footer.header-style-flames-banner[b-voeg9vybz0],
.app-footer.header-style-pinstripe-banner[b-voeg9vybz0],
.app-footer.header-style-blurry-banner[b-voeg9vybz0],
.app-footer.header-style-rainbow-banner[b-voeg9vybz0],
.app-footer.header-style-spring-banner[b-voeg9vybz0],
.app-footer.header-style-summer-banner[b-voeg9vybz0],
.app-footer.header-style-autumn-banner[b-voeg9vybz0],
.app-footer.header-style-winter-banner[b-voeg9vybz0],
.app-footer.header-style-fantastic-autumn-banner[b-voeg9vybz0],
.app-footer.header-style-winterwonderland-banner[b-voeg9vybz0],
.app-footer.header-style-drammen-banner[b-voeg9vybz0] {
    color: #ffffff;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.app-footer.header-style-flames-banner[b-voeg9vybz0] {
    background-image: linear-gradient(rgba(40, 18, 12, 0.28), rgba(40, 18, 12, 0.28)), url('/flames-banner.png');
}

.app-footer.header-style-pinstripe-banner[b-voeg9vybz0] {
    background-image: linear-gradient(rgba(20, 27, 22, 0.28), rgba(20, 27, 22, 0.28)), url('/pinstripe-banner.png');
}

.app-footer.header-style-blurry-banner[b-voeg9vybz0] {
    background-image: linear-gradient(rgba(20, 27, 22, 0.28), rgba(20, 27, 22, 0.28)), url('/blurry-banner.png');
}

.app-footer.header-style-rainbow-banner[b-voeg9vybz0] {
    background-image: linear-gradient(rgba(20, 27, 22, 0.28), rgba(20, 27, 22, 0.28)), url('/rainbow-banner.png');
}

.app-footer.header-style-spring-banner[b-voeg9vybz0] { background-image: linear-gradient(rgba(20, 27, 22, 0.28), rgba(20, 27, 22, 0.28)), url('/Spring-basket.banner.png'); }
.app-footer.header-style-summer-banner[b-voeg9vybz0] { background-image: linear-gradient(rgba(20, 27, 22, 0.28), rgba(20, 27, 22, 0.28)), url('/Summer-basket-banner.png'); }
.app-footer.header-style-autumn-banner[b-voeg9vybz0] { background-image: linear-gradient(rgba(20, 27, 22, 0.28), rgba(20, 27, 22, 0.28)), url('/Autumn-basket-banner.png'); }
.app-footer.header-style-winter-banner[b-voeg9vybz0] { background-image: linear-gradient(rgba(20, 27, 22, 0.28), rgba(20, 27, 22, 0.28)), url('/Winter-basket-banner.png'); }
.app-footer.header-style-fantastic-autumn-banner[b-voeg9vybz0] { background-image: linear-gradient(rgba(20, 27, 22, 0.28), rgba(20, 27, 22, 0.28)), url('/Fantastic-autumn-banner.png'); }
.app-footer.header-style-winterwonderland-banner[b-voeg9vybz0] { background-image: linear-gradient(rgba(20, 27, 22, 0.28), rgba(20, 27, 22, 0.28)), url('/winterwonderland-banner.png'); }
.app-footer.header-style-stockphoto-banner[b-voeg9vybz0] { background-image: linear-gradient(rgba(20, 27, 22, 0.28), rgba(20, 27, 22, 0.28)), url('/Stockphoto-banner.png'); }
.app-footer.header-style-drammen-banner[b-voeg9vybz0] { background-image: linear-gradient(rgba(20, 27, 22, 0.28), rgba(20, 27, 22, 0.28)), url('/Drammen-banner.png'); }

.app-footer.header-style-white[b-voeg9vybz0] {
    background-color: #ffffff;
    color: #6c757d;
    border-top: 1px solid #e5e7eb;
}

.app-footer[b-voeg9vybz0]  .app-footer-link {
    color: inherit;
    font-weight: 600;
    text-decoration: none;
}

.app-footer[b-voeg9vybz0]  .app-footer-link:hover,
.app-footer[b-voeg9vybz0]  .app-footer-link:focus-visible {
    text-decoration: underline;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-azkyxprp45] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-azkyxprp45] {
    flex: 1;
}

.navbar-top[b-azkyxprp45] {
    background-color: var(--color-navbar);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.navbar-top.header-loading[b-azkyxprp45] {
    background-color: var(--color-gray-800);
}

.navbar-top.header-style-hills-banner[b-azkyxprp45] {
    background-image: linear-gradient(rgba(18, 30, 20, 0.38), rgba(18, 30, 20, 0.38)), url('/hills-banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar-top.header-style-hills-golfer[b-azkyxprp45] {
    background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/hills-golfer.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar-top.header-style-logo-banner[b-azkyxprp45] {
    background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/logo-banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar-top.header-style-flames-banner[b-azkyxprp45] {
    background-image: linear-gradient(rgba(40, 18, 12, 0.35), rgba(40, 18, 12, 0.35)), url('/flames-banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar-top.header-style-pinstripe-banner[b-azkyxprp45] {
    background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/pinstripe-banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar-top.header-style-blurry-banner[b-azkyxprp45] {
    background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/blurry-banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar-top.header-style-rainbow-banner[b-azkyxprp45] {
    background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/rainbow-banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar-top.header-style-spring-banner[b-azkyxprp45] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/Spring-basket.banner.png'); }
.navbar-top.header-style-summer-banner[b-azkyxprp45] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/Summer-basket-banner.png'); }
.navbar-top.header-style-autumn-banner[b-azkyxprp45] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/Autumn-basket-banner.png'); }
.navbar-top.header-style-winter-banner[b-azkyxprp45] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/Winter-basket-banner.png'); }
.navbar-top.header-style-fantastic-autumn-banner[b-azkyxprp45] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/Fantastic-autumn-banner.png'); }
.navbar-top.header-style-winterwonderland-banner[b-azkyxprp45] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/winterwonderland-banner.png'); }
.navbar-top.header-style-stockphoto-banner[b-azkyxprp45] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/Stockphoto-banner.png'); }
.navbar-top.header-style-drammen-banner[b-azkyxprp45] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/Drammen-banner.png'); }

.navbar-top.header-style-spring-banner[b-azkyxprp45],
.navbar-top.header-style-summer-banner[b-azkyxprp45],
.navbar-top.header-style-autumn-banner[b-azkyxprp45],
.navbar-top.header-style-winter-banner[b-azkyxprp45],
.navbar-top.header-style-fantastic-autumn-banner[b-azkyxprp45],
.navbar-top.header-style-winterwonderland-banner[b-azkyxprp45],
.navbar-top.header-style-stockphoto-banner[b-azkyxprp45],
.navbar-top.header-style-drammen-banner[b-azkyxprp45] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-row[b-azkyxprp45] {
    background-color: var(--color-background-alt);
    border-bottom: 1px solid var(--color-border);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-azkyxprp45]  a, .top-row[b-azkyxprp45]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-azkyxprp45]  a:hover, .top-row[b-azkyxprp45]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-azkyxprp45]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-azkyxprp45] {
        justify-content: space-between;
    }

    .top-row[b-azkyxprp45]  a, .top-row[b-azkyxprp45]  .btn-link {
        margin-left: 0;
    }

    article[b-azkyxprp45] {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
}

@media (min-width: 641px) {
    .top-row.auth[b-azkyxprp45]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    article[b-azkyxprp45] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-azkyxprp45] {
    color-scheme: light only;
    background: var(--color-error-background);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-azkyxprp45] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ── Row 1: brand + user controls ───────────────────────────────────── */
.navbar.header-style-default[b-54duzwcgs5] {
    --color-navbar: var(--color-gray-800);
    --color-navbar-text: var(--color-gray-200);
    --color-navbar-active: var(--color-gray-600);
    --color-navbar-hover: var(--color-gray-700);
    background-color: var(--color-navbar);
}

.navbar.header-style-dark-green[b-54duzwcgs5] {
    --color-navbar: #1f4f3d;
    --color-navbar-text: #e8f7ed;
    --color-navbar-active: #2d6f55;
    --color-navbar-hover: #3a8968;
    background-color: var(--color-navbar);
}

.navbar.header-style-dark-purple[b-54duzwcgs5] {
    --color-navbar: #3a275f;
    --color-navbar-text: #f2e9ff;
    --color-navbar-active: #55378f;
    --color-navbar-hover: #6b45b0;
    background-color: var(--color-navbar);
}

.navbar.header-style-edk-blue[b-54duzwcgs5] {
    --color-navbar: #0b3f9b;
    --color-navbar-text: #ffffff;
    --color-navbar-active: #082f73;
    --color-navbar-hover: #1557c0;
    background-color: var(--color-navbar);
}

.navbar.header-style-default .navbar-row-nav .icon-nav[b-54duzwcgs5],
.navbar.header-style-dark-green .navbar-row-nav .icon-nav[b-54duzwcgs5],
.navbar.header-style-edk-blue .navbar-row-nav .icon-nav[b-54duzwcgs5] {
    filter: invert(1);
    mix-blend-mode: lighten;
}

.navbar.header-style-default .nav-text-invert-on .nav-label[b-54duzwcgs5],
.navbar.header-style-dark-green .nav-text-invert-on .nav-label[b-54duzwcgs5],
.navbar.header-style-dark-purple .nav-text-invert-on .nav-label[b-54duzwcgs5],
.navbar.header-style-edk-blue .nav-text-invert-on .nav-label[b-54duzwcgs5] {
    filter: none;
}

.navbar.header-style-hills-banner[b-54duzwcgs5] {
    --color-navbar: #253126;
    --color-navbar-text: #000000;
    --color-navbar-active: rgba(30, 60, 36, 0.7);
    --color-navbar-hover: rgba(40, 75, 45, 0.75);
    background-image: linear-gradient(rgba(18, 30, 20, 0.38), rgba(18, 30, 20, 0.38)), url('/hills-banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar.header-style-hills-golfer[b-54duzwcgs5] {
    --color-navbar: #253126;
    --color-navbar-text: #000000;
    --color-navbar-active: rgba(30, 60, 36, 0.7);
    --color-navbar-hover: rgba(40, 75, 45, 0.75);
    background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/hills-golfer.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar.header-style-logo-banner[b-54duzwcgs5] {
    --color-navbar: #253126;
    --color-navbar-text: #000000;
    --color-navbar-active: rgba(30, 60, 36, 0.7);
    --color-navbar-hover: rgba(40, 75, 45, 0.75);
    background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/logo-banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar.header-style-flames-banner[b-54duzwcgs5],
.navbar.header-style-pinstripe-banner[b-54duzwcgs5],
.navbar.header-style-blurry-banner[b-54duzwcgs5],
.navbar.header-style-rainbow-banner[b-54duzwcgs5],
.navbar.header-style-spring-banner[b-54duzwcgs5],
.navbar.header-style-summer-banner[b-54duzwcgs5],
.navbar.header-style-autumn-banner[b-54duzwcgs5],
.navbar.header-style-winter-banner[b-54duzwcgs5],
.navbar.header-style-fantastic-autumn-banner[b-54duzwcgs5],
.navbar.header-style-winterwonderland-banner[b-54duzwcgs5],
.navbar.header-style-stockphoto-banner[b-54duzwcgs5],
.navbar.header-style-drammen-banner[b-54duzwcgs5] {
    --color-navbar: #253126;
    --color-navbar-text: #000000;
    --color-navbar-active: rgba(30, 60, 36, 0.7);
    --color-navbar-hover: rgba(40, 75, 45, 0.75);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar.header-style-flames-banner[b-54duzwcgs5] {
    background-image: linear-gradient(rgba(40, 18, 12, 0.35), rgba(40, 18, 12, 0.35)), url('/flames-banner.png');
}

.navbar.header-style-pinstripe-banner[b-54duzwcgs5] {
    background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/pinstripe-banner.png');
}

.navbar.header-style-blurry-banner[b-54duzwcgs5] {
    background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/blurry-banner.png');
}

.navbar.header-style-rainbow-banner[b-54duzwcgs5] {
    background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/rainbow-banner.png');
}

.navbar.header-style-spring-banner[b-54duzwcgs5] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/Spring-basket.banner.png'); }
.navbar.header-style-summer-banner[b-54duzwcgs5] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/Summer-basket-banner.png'); }
.navbar.header-style-autumn-banner[b-54duzwcgs5] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/Autumn-basket-banner.png'); }
.navbar.header-style-winter-banner[b-54duzwcgs5] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/Winter-basket-banner.png'); }
.navbar.header-style-fantastic-autumn-banner[b-54duzwcgs5] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/Fantastic-autumn-banner.png'); }
.navbar.header-style-winterwonderland-banner[b-54duzwcgs5] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/winterwonderland-banner.png'); }
.navbar.header-style-stockphoto-banner[b-54duzwcgs5] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/Stockphoto-banner.png'); }
.navbar.header-style-drammen-banner[b-54duzwcgs5] { background-image: linear-gradient(rgba(18, 30, 20, 0.35), rgba(18, 30, 20, 0.35)), url('/Drammen-banner.png'); }

.navbar.header-style-white[b-54duzwcgs5] {
    --color-navbar: #ffffff;
    --color-navbar-text: #212529;
    --color-navbar-active: #e9ecef;
    --color-navbar-hover: #f1f3f5;
    background-color: var(--color-navbar);
    border-bottom: 1px solid #dee2e6;
}

.navbar.header-loading[b-54duzwcgs5] {
    background-color: var(--color-gray-800);
}

.navbar-loading-row[b-54duzwcgs5] {
    min-height: 3rem;
}

.navbar-row-top[b-54duzwcgs5] {
    min-height: 3rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    gap: 0.5rem 0.75rem;
}

.navbar-brand-slot[b-54duzwcgs5] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
}

.navbar-top-controls[b-54duzwcgs5] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.25rem;
}

/* ── Row 2: nav links ──────────────────────────────────────────────── */
.navbar-row-nav[b-54duzwcgs5] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.35s ease;
}

/* ── Hamburger collapse for smaller screens ────────────────────────── */
@media (max-width: 991.98px) {
    /* Hide the nav row by default */
    .navbar-row-nav[b-54duzwcgs5] {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    /* When toggled open, reveal it */
    .navbar-row-nav.is-open[b-54duzwcgs5] {
        max-height: 600px;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    /* Stack items vertically */
    .navbar-row-nav :deep(.navbar-nav)[b-54duzwcgs5] {
        flex-direction: column !important;
        align-items: stretch;
        flex-wrap: nowrap !important;
        padding: 0 0.5rem;
    }

    /* Make the icons smaller inside the collapsed nav */
    .navbar-row-nav :deep(.icon-nav)[b-54duzwcgs5] {
        width: 1.6em;
        height: 1.6em;
    }

    /* Show the hamburger button */
    .navbar-toggler[b-54duzwcgs5] {
        display: inline-flex !important;
    }
}
/* ── Brand logo ─────────────────────────────────────────────────── */
.brand-logo-wrapper[b-54duzwcgs5] {
    cursor: pointer;
    background: white;
    border-radius: 50%;
    padding: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.15);
}

.brand-logo-wrapper-flat[b-54duzwcgs5] {
    border-radius: 12px;
    padding: 4px 8px;
    background: transparent;
    box-shadow: none;
}

.brand-logo[b-54duzwcgs5] {
    height: 84px;
    width: auto;
    object-fit: contain;
    display: block;
    border-radius: 50%;
}

.brand-logo-wide[b-54duzwcgs5] {
    border-radius: 6px;
    max-width: min(42vw, 224px);
    height: auto;
}

.brand-logo-wide.brand-logo-edk[b-54duzwcgs5] {
    max-width: min(21vw, 112px);
}

.navbar-brand[b-54duzwcgs5] {
    font-size: 1.1rem;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Top-row controls: language toggle, username, logout ─────────────────── */
.navbar-row-top .nav-link[b-54duzwcgs5] {
    color: #ffffff !important;
    font-size: 0.85rem;
    padding: 0.25rem 0.65rem;
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 20px;
    transition: background-color 0.18s ease, border-color 0.18s ease;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    max-width: 100%;
}

.navbar-row-top .nav-link:hover[b-54duzwcgs5] {
    background-color: rgba(255,255,255,0.15);
    border-color: rgba(255,255,255,0.65);
    color: #ffffff !important;
}

.navbar-row-top .bi[b-54duzwcgs5] {
    top: 0;
    width: 1rem;
    height: 1rem;
    margin-right: 0.35rem;
    vertical-align: middle;
}

/* ── User label ─────────────────────────────────────────────────────────── */
.user-label[b-54duzwcgs5] {
    cursor: pointer;
    color: rgba(255,255,255,0.7) !important;
    border: 1px solid transparent !important;
    font-size: 0.85rem;
    padding: 0.25rem 0.65rem;
    white-space: nowrap;
}

/* ── Since-last-round badge ──────────────────────────────────────────────── */
.since-badge[b-54duzwcgs5] {
    cursor: default;
    font-size: 0.78rem;
    color: rgba(255,255,255,0.85) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    background-color: rgba(255,255,255,0.08);
    padding: 0.2rem 0.55rem !important;
}

/* ── Logout button — reset browser defaults so .nav-link CSS takes over ── */
.logout-btn[b-54duzwcgs5] {
    background: none;
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.icon-pill-btn[b-54duzwcgs5] {
    position: relative;
    justify-content: center;
    min-width: 2.35rem;
    padding-left: 0.55rem !important;
    padding-right: 0.55rem !important;
}

.announcement-unread-badge[b-54duzwcgs5] {
    position: absolute;
    top: -0.3rem;
    right: -0.35rem;
    min-width: 1.1rem;
    padding: 0.2rem 0.32rem;
    font-size: 0.65rem;
    line-height: 1;
    border: 1px solid var(--color-navbar, #343a40);
}

.icon-pill[b-54duzwcgs5] {
    margin-right: 0 !important;
    top: 0;
    width: 1rem !important;
    height: 1rem !important;
}

/* ── Nav items ──────────────────────────────────────────────────── */
.nav-item[b-54duzwcgs5] {
    font-size: 0.95rem;
}

.nav-item[b-54duzwcgs5]  .nav-link {
    color: var(--color-navbar-text);
    border-radius: 4px;
    padding: 0.4rem 0.75rem;
    display: inline-flex;
    align-items: center;
    transition: background-color 0.2s ease;
}

.nav-item[b-54duzwcgs5]  a.active {
    background-color: var(--color-navbar-active);
    color: var(--color-navbar-text);
}

.nav-item[b-54duzwcgs5]  .nav-link:hover {
    background-color: var(--color-navbar-hover);
    color: var(--color-navbar-text);
}

.navbar-toggler[b-54duzwcgs5] {
    display: none; /* shown by media query or JS when nav overflows */
    border-color: rgba(255,255,255,0.35);
    padding: 0.2rem 0.45rem;
    align-items: center;
    justify-content: center;
}

.navbar-toggler:focus[b-54duzwcgs5] {
    box-shadow: none;
}

/* ── White header style: top-row controls need dark text/borders instead of the
   white-on-dark defaults above ────────────────────────────────────────────── */
.navbar.header-style-white .navbar-row-top .nav-link[b-54duzwcgs5] {
    color: #212529 !important;
    border-color: rgba(0,0,0,0.25);
}

.navbar.header-style-white .navbar-row-top .nav-link:hover[b-54duzwcgs5] {
    background-color: rgba(0,0,0,0.06);
    border-color: rgba(0,0,0,0.4);
    color: #212529 !important;
}

.navbar.header-style-white .user-label[b-54duzwcgs5] {
    color: rgba(33,37,41,0.7) !important;
}

.navbar.header-style-white .since-badge[b-54duzwcgs5] {
    color: rgba(33,37,41,0.85) !important;
    border-color: rgba(0,0,0,0.2) !important;
    background-color: rgba(0,0,0,0.05);
}

.navbar.header-style-white .navbar-toggler[b-54duzwcgs5] {
    border-color: rgba(0,0,0,0.25);
}

.navbar.header-style-white .navbar-brand[b-54duzwcgs5] {
    color: #212529;
}

@media (max-width: 640.98px) {
    .navbar-row-top[b-54duzwcgs5] {
        flex-wrap: wrap;
        align-items: flex-start;
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .navbar-brand-slot[b-54duzwcgs5],
    .navbar-top-controls[b-54duzwcgs5] {
        width: 100%;
    }

    .navbar-top-controls[b-54duzwcgs5] {
        justify-content: space-between;
    }

    .navbar-row-top .nav-link[b-54duzwcgs5],
    .user-label[b-54duzwcgs5],
    .since-badge[b-54duzwcgs5] {
        font-size: 0.8rem;
        padding: 0.2rem 0.55rem !important;
    }

    .navbar-brand[b-54duzwcgs5] {
        font-size: 1rem;
    }
}

/* Bootstrap icon base */
.bi[b-54duzwcgs5] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}


.bi-house-door-fill-nav-menu[b-54duzwcgs5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-54duzwcgs5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-54duzwcgs5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-people-fill-nav-menu[b-54duzwcgs5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-people-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}


.nav-item[b-54duzwcgs5] {
    font-size: 0.95rem;
}

.nav-item[b-54duzwcgs5]  .nav-link {
    color: var(--color-navbar-text);
    border-radius: 4px;
    padding: 0.5rem 1rem;
    display: inline-flex;
    align-items: center;
    transition: background-color 0.2s ease;
}

.nav-item[b-54duzwcgs5]  a.active {
    background-color: var(--color-navbar-active);
    color: var(--color-navbar-text);
}

.nav-item[b-54duzwcgs5]  .nav-link:hover {
    background-color: var(--color-navbar-hover);
    color: var(--color-navbar-text);
}

/* Dynamically applied by NavMenu.razor.js when all items fit in one row */
.navbar-force-expand .navbar-toggler[b-54duzwcgs5] {
    display: none !important;
}

.navbar-force-expand .navbar-collapse[b-54duzwcgs5] {
    display: flex !important;
    flex-basis: auto;
}

.navbar-force-expand .navbar-nav[b-54duzwcgs5] {
    flex-direction: row !important;
    margin-left: 1rem;
}

.navbar-force-expand .nav-item[b-54duzwcgs5] {
    margin-left: 0.5rem;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-8ambdopzhx],
.components-reconnect-repeated-attempt-visible[b-8ambdopzhx],
.components-reconnect-failed-visible[b-8ambdopzhx],
.components-pause-visible[b-8ambdopzhx],
.components-resume-failed-visible[b-8ambdopzhx],
.components-rejoining-animation[b-8ambdopzhx] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-8ambdopzhx],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-8ambdopzhx],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-8ambdopzhx],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-8ambdopzhx],
#components-reconnect-modal.components-reconnect-retrying[b-8ambdopzhx],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-8ambdopzhx],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-8ambdopzhx],
#components-reconnect-modal.components-reconnect-failed[b-8ambdopzhx],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-8ambdopzhx] {
    display: block;
}


#components-reconnect-modal[b-8ambdopzhx] {
    background-color: var(--color-modal-background);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px var(--color-modal-shadow);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-8ambdopzhx 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-8ambdopzhx 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-8ambdopzhx 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-8ambdopzhx]::backdrop {
    background-color: var(--color-modal-backdrop);
    animation: components-reconnect-modal-fadeInOpacity-b-8ambdopzhx 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-8ambdopzhx {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-8ambdopzhx {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-8ambdopzhx {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-8ambdopzhx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-8ambdopzhx] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-8ambdopzhx] {
    border: 0;
    background-color: var(--color-button-primary);
    color: var(--color-background);
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-8ambdopzhx] {
        background-color: var(--color-button-primary-hover);
    }

    #components-reconnect-modal button:active[b-8ambdopzhx] {
        background-color: var(--color-gray-900);
    }

.components-rejoining-animation[b-8ambdopzhx] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-8ambdopzhx] {
        position: absolute;
        border: 3px solid var(--color-gray-600);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-8ambdopzhx 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-8ambdopzhx] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-8ambdopzhx {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/LoggedRoundPanel.razor.rz.scp.css */
.logged-round-panel[b-222rn6la6x] {
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.logged-round-header[b-222rn6la6x] {
    margin-bottom: 1.5rem;
}

.logged-round-panel.is-completed-summary-view .logged-round-header[b-222rn6la6x] {
    display: none;
}

.logged-round-kicker[b-222rn6la6x] {
    color: var(--bs-primary);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    margin-bottom: 0.55rem;
    text-transform: uppercase;
}

.logged-round-title[b-222rn6la6x] {
    color: #0f172a;
    font-size: clamp(1.65rem, 2.2vw, 2.2rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    margin-bottom: 0.45rem;
}

.logged-round-description[b-222rn6la6x],
.logged-round-sidebar-text[b-222rn6la6x],
.logged-round-review-text[b-222rn6la6x],
.logged-round-progress-subtitle[b-222rn6la6x],
.logged-round-row-date[b-222rn6la6x],
.logged-round-summary-label[b-222rn6la6x],
.logged-round-updated[b-222rn6la6x] {
    color: #64748b;
}

.logged-round-linked-summary[b-222rn6la6x] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

.logged-round-linked-summary .logged-round-review-text[b-222rn6la6x] {
    flex: 1;
    min-width: 0;
}

.logged-round-linked-summary-link[b-222rn6la6x] {
    border: 0;
    background: transparent;
    text-align: left;
    padding: 0;
    color: inherit;
}

.logged-round-linked-summary-link:hover[b-222rn6la6x] {
    color: var(--bs-primary);
    text-decoration: underline;
}

.logged-round-remove-attachment-btn[b-222rn6la6x] {
    border: 0;
    background: transparent;
    color: #94a3b8;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1;
    border-radius: 999px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.logged-round-remove-attachment-btn:hover[b-222rn6la6x] {
    color: #ef4444;
    background-color: rgba(239, 68, 68, 0.1);
}

.logged-round-layout[b-222rn6la6x] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1.6fr) minmax(18rem, 0.9fr);
}

.logged-round-layout.is-round-active[b-222rn6la6x] {
    grid-template-columns: 1fr;
}

.logged-round-main[b-222rn6la6x],
.logged-round-sidebar-card[b-222rn6la6x],
.logged-round-progress-card[b-222rn6la6x],
.logged-round-current-card[b-222rn6la6x],
.logged-round-review-card[b-222rn6la6x],
.logged-round-setup[b-222rn6la6x],
.logged-round-finished-card[b-222rn6la6x],
.logged-round-resume-card[b-222rn6la6x] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.96));
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1.2rem;
    padding: 1.1rem;
}

.logged-round-block-title[b-222rn6la6x] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-bottom: 0.35rem;
}

.logged-round-sidebar-header[b-222rn6la6x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.35rem;
}

.logged-round-form-grid[b-222rn6la6x] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.logged-round-summary-strip[b-222rn6la6x],
.logged-round-actions[b-222rn6la6x],
.logged-round-current-meta[b-222rn6la6x],
.logged-round-progress-summary[b-222rn6la6x],
.logged-round-chip-list[b-222rn6la6x],
.logged-round-history-meta[b-222rn6la6x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.logged-round-completed-actions[b-222rn6la6x] {
    margin-top: 1.1rem;
}

.logged-round-summary-strip[b-222rn6la6x] {
    background: rgba(var(--bs-primary-rgb), 0.08);
    border: 1px solid rgba(var(--bs-primary-rgb), 0.25);
    border-radius: 1rem;
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
}

.logged-round-summary-strip > div[b-222rn6la6x],
.logged-round-pill[b-222rn6la6x] {
    display: grid;
    gap: 0.2rem;
}

.logged-round-summary-label[b-222rn6la6x] {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.logged-round-progress-header[b-222rn6la6x],
.logged-round-current-header[b-222rn6la6x],
.logged-round-resume-card[b-222rn6la6x] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.logged-round-top-row[b-222rn6la6x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-bottom: 1rem;
}

.logged-round-top-pill[b-222rn6la6x] {
    background: rgba(var(--bs-primary-rgb), 0.1);
    border: 1px solid rgba(var(--bs-primary-rgb), 0.3);
    border-radius: 999px;
    color: var(--bs-primary);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 0.42rem 0.85rem;
    text-transform: uppercase;
}

.logged-round-top-meta[b-222rn6la6x] {
    align-self: center;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.logged-round-progress-meta[b-222rn6la6x] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.logged-round-progress-stat[b-222rn6la6x] {
    background: rgba(var(--bs-primary-rgb), 0.08);
    border: 1px solid rgba(var(--bs-primary-rgb), 0.25);
    border-radius: 1rem;
    color: var(--bs-primary);
    display: grid;
    gap: 0.2rem;
    min-width: 8rem;
    padding: 0.75rem 0.95rem;
}

.logged-round-progress-stat span[b-222rn6la6x] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.logged-round-progress-stat strong[b-222rn6la6x] {
    color: #0f172a;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1;
}

.logged-round-shot-summary[b-222rn6la6x] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.logged-round-shot-chip[b-222rn6la6x] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 0.95rem;
    display: grid;
    gap: 0.18rem;
    min-width: 4rem;
    padding: 0.5rem 0.65rem;
    text-align: left;
}

.logged-round-shot-chip span[b-222rn6la6x] {
    color: #64748b;
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.logged-round-shot-chip strong[b-222rn6la6x] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 800;
}

.logged-round-shot-chip.is-current[b-222rn6la6x] {
    border-color: rgba(var(--bs-primary-rgb), 0.5);
    box-shadow: 0 0 0 1px rgba(var(--bs-primary-rgb), 0.3);
}

.logged-round-shot-chip.is-completed[b-222rn6la6x] {
    background: #ecfdf5;
    border-color: rgba(16, 185, 129, 0.32);
}

.logged-round-shot-chip.is-failed[b-222rn6la6x] {
    background: #fef2f2;
    border-color: rgba(239, 68, 68, 0.3);
}

.logged-round-editor-card[b-222rn6la6x] {
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 1rem;
    margin-bottom: 1rem;
    padding: 0.95rem;
}

.logged-round-step + .logged-round-step[b-222rn6la6x] {
    margin-top: 0.9rem;
}

.logged-round-editor-grid[b-222rn6la6x] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 0.75rem;
}

.logged-round-editor-label[b-222rn6la6x] {
    color: #475569;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

/* Collapsible "Kast variabler" accordion header */
.logged-round-variables-toggle[b-222rn6la6x] {
    align-items: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    padding: 0.15rem 0;
    width: 100%;
}

/* Collapsible "Siste loggede runder" toggle (sits left of the "Alle" link) */
.logged-round-recent-toggle[b-222rn6la6x] {
    align-items: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    gap: 0.5rem;
    padding: 0.15rem 0;
}

.logged-round-recent-toggle .logged-round-variables-chevron[b-222rn6la6x] {
    transition: transform 0.2s ease;
}

.logged-round-recent-toggle.is-open .logged-round-variables-chevron[b-222rn6la6x] {
    transform: rotate(180deg);
}

.logged-round-variables-toggle .logged-round-editor-label[b-222rn6la6x] {
    margin-bottom: 0;
}

.logged-round-variables-chevron[b-222rn6la6x] {
    color: #94a3b8;
    font-size: 0.85rem;
    transition: transform 0.2s ease;
}

.logged-round-variables-toggle.is-open .logged-round-variables-chevron[b-222rn6la6x] {
    transform: rotate(180deg);
}

.logged-round-variables-toggle.is-open + .logged-round-variables-row[b-222rn6la6x],
.logged-round-variables-row[b-222rn6la6x] {
    margin-top: 0.5rem;
}

.logged-round-select-chip[b-222rn6la6x] {
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.38rem 0.7rem;
}

.logged-round-shot-type-selector[b-222rn6la6x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.logged-round-shot-type-btn[b-222rn6la6x] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 0.75rem;
    color: #475569;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.45rem 0.75rem;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.logged-round-shot-type-btn:hover[b-222rn6la6x] {
    background: rgba(var(--bs-primary-rgb), 0.08);
    border-color: rgba(var(--bs-primary-rgb), 0.4);
    color: var(--bs-primary);
}

/* Disable the hover style on touch devices so a tapped shot-type button (e.g. Tap-in,
   which auto-advances the hole) doesn't keep a sticky highlight on the next hole. */
@media (hover: none) {
    .logged-round-shot-type-btn:hover[b-222rn6la6x] {
        background: #f8fafc;
        border-color: #cbd5e1;
        color: #475569;
    }
}

/* Tap-in is always the last button — stretch it full width and double height */
.logged-round-shot-type-selector .logged-round-shot-type-btn:last-child[b-222rn6la6x] {
    width: 100%;
    grid-column: 1 / -1;
    text-align: center;
    min-height: 4rem;
    font-size: 0.85rem;
}

.logged-round-shot-type-btn.is-active[b-222rn6la6x] {
    background: rgba(var(--bs-primary-rgb), 0.15);
    border-color: rgba(var(--bs-primary-rgb), 0.5);
    color: var(--bs-primary);
    font-weight: 800;
}

.logged-round-select-chip.is-selected[b-222rn6la6x] {
    background: rgba(var(--bs-primary-rgb), 0.12);
    border-color: rgba(var(--bs-primary-rgb), 0.42);
    color: var(--bs-primary);
}

/* Result chips color-coding: success green, failure red/pink, ace/throw-in blue. */
.logged-round-chip-success[b-222rn6la6x] {
    background: #d1fae5;
    border-color: rgba(16, 185, 129, 0.55);
    color: #047857;
}

.logged-round-chip-success.is-selected[b-222rn6la6x] {
    background: rgba(16, 185, 129, 0.16);
    border-color: rgba(16, 185, 129, 0.6);
    color: #047857;
}

.logged-round-chip-failure[b-222rn6la6x] {
    background: #fee2e2;
    border-color: rgba(239, 68, 68, 0.55);
    color: #b91c1c;
}

.logged-round-chip-failure.is-selected[b-222rn6la6x] {
    background: rgba(239, 68, 68, 0.16);
    border-color: rgba(239, 68, 68, 0.6);
    color: #b91c1c;
}

.logged-round-chip-ace[b-222rn6la6x] {
    background: #dbeafe;
    border-color: rgba(59, 130, 246, 0.55);
    color: #1d4ed8;
}

.logged-round-chip-ace.is-selected[b-222rn6la6x] {
    background: rgba(59, 130, 246, 0.16);
    border-color: rgba(59, 130, 246, 0.6);
    color: #1d4ed8;
}

/* Throw-result buttons (Bom / Treff / Ace-Throw-in-In basket) are enlarged ~75%
   for easier tapping. Scoped to the result step so putt-stance chips stay small. */
.logged-round-step .logged-round-chip-list .logged-round-select-chip[b-222rn6la6x] {
    font-size: 1.03rem;
    font-weight: 800;
    padding: 0.5rem 0.92rem;
    min-height: 2.55rem;
}

/* Action button base styles */
.logged-round-action-btn[b-222rn6la6x] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 0.75rem;
    color: #475569;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 0.6rem 1rem;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.logged-round-action-btn:hover:not(:disabled)[b-222rn6la6x] {
    border-color: #94a3b8;
    background: #f1f5f9;
    transform: translateY(-1px);
}

.logged-round-action-btn:active:not(:disabled)[b-222rn6la6x] {
    transform: translateY(0);
}

.logged-round-action-btn:disabled[b-222rn6la6x] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Cancel button - danger/red */
.logged-round-action-btn.logged-round-action-cancel[b-222rn6la6x] {
    border-color: rgba(239, 68, 68, 0.3);
    color: #991b1b;
}

.logged-round-action-btn.logged-round-action-cancel:hover:not(:disabled)[b-222rn6la6x] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.5);
    color: #dc2626;
}

/* Secondary button - gray */
.logged-round-action-btn.logged-round-action-secondary[b-222rn6la6x] {
    border-color: #cbd5e1;
    color: #64748b;
}

.logged-round-action-btn.logged-round-action-secondary:hover:not(:disabled)[b-222rn6la6x] {
    background: #e2e8f0;
    border-color: #94a3b8;
    color: #475569;
}

/* Primary button - blue/warning */
.logged-round-action-btn.logged-round-action-primary[b-222rn6la6x] {
    border-color: rgba(251, 146, 60, 0.4);
    color: #b45309;
}

.logged-round-action-btn.logged-round-action-primary:hover:not(:disabled)[b-222rn6la6x] {
    background: rgba(251, 146, 60, 0.12);
    border-color: rgba(251, 146, 60, 0.6);
    color: #ea580c;
}

/* Success button - green */
.logged-round-action-btn.logged-round-action-success[b-222rn6la6x] {
    border-color: rgba(34, 197, 94, 0.3);
    color: #166534;
}

.logged-round-action-btn.logged-round-action-success:hover:not(:disabled)[b-222rn6la6x] {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.5);
    color: #16a34a;
}

.logged-round-editor-static .logged-round-pill[b-222rn6la6x] {
    background: rgba(var(--bs-primary-rgb), 0.12);
    border: 1px solid rgba(var(--bs-primary-rgb), 0.3);
    border-radius: 999px;
    color: var(--bs-primary);
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0.36rem 0.8rem;
}

.logged-round-review-grid[b-222rn6la6x] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.logged-round-review-item[b-222rn6la6x] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 0.85rem;
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    padding: 0.45rem 0.38rem;
    text-align: center;
}

.logged-round-review-item span[b-222rn6la6x],
.logged-round-review-item small[b-222rn6la6x] {
    color: #64748b;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.logged-round-review-item strong[b-222rn6la6x] {
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 800;
}

.logged-round-review-item.is-completed[b-222rn6la6x] {
    background: #ecfdf5;
    border-color: rgba(16, 185, 129, 0.3);
}

/* Score color coding */
.logged-round-review-item.hole-score-eagle[b-222rn6la6x] {
    background: #dcfce7;
    border-color: rgba(34, 197, 94, 0.3);
}

.logged-round-review-item.hole-score-birdie[b-222rn6la6x] {
    background: #dbeafe;
    border-color: rgba(59, 130, 246, 0.3);
}

.logged-round-review-item.hole-score-par[b-222rn6la6x] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.logged-round-review-item.hole-score-bogey[b-222rn6la6x] {
    background: #fed7aa;
    border-color: rgba(249, 115, 22, 0.3);
}

.logged-round-review-item.hole-score-bogey-plus[b-222rn6la6x] {
    background: #fdba74;
    border-color: rgba(249, 115, 22, 0.5);
}

.logged-round-stats-grid[b-222rn6la6x] {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.logged-round-stats-card[b-222rn6la6x] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 0.9rem;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
    min-height: 4.75rem;
    padding: 0.85rem 0.9rem;
    text-align: center;
}

.logged-round-stats-card.logged-round-stats-card-left-align[b-222rn6la6x] {
    text-align: left;
}

.logged-round-stats-card.logged-round-stats-tapins-tile.rate-neutral[b-222rn6la6x],
.logged-round-stats-card.logged-round-stats-shot-tile.rate-neutral[b-222rn6la6x] {
    background: #f0f2f5 !important;
    border-color: #9ca3af !important;
}

.logged-round-stats-shot-tile[b-222rn6la6x] {
    display: grid;
    gap: 0.35rem;
    align-content: space-between;
    padding: 0.85rem 0.9rem !important;
    border: 2px solid transparent !important;
    border-radius: 0.9rem;
    transition: all 0.2s ease;
}

.logged-round-stats-shot-type[b-222rn6la6x] {
    color: #0f172a;
    font-size: 0.85rem;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.logged-round-stats-shot-rate[b-222rn6la6x] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 700;
}

.logged-round-stats-shot-rank[b-222rn6la6x] {
    color: #334155;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.logged-round-stats-shot-rate-multi[b-222rn6la6x] {
    display: grid;
    gap: 0.12rem;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.25;
}

/* Color variants for success rates */
.logged-round-stats-shot-tile.rate-weak[b-222rn6la6x] {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(239, 68, 68, 0.4) !important;
}

.logged-round-stats-shot-tile.rate-below-average[b-222rn6la6x] {
    background: rgba(249, 115, 22, 0.14) !important;
    border-color: rgba(249, 115, 22, 0.4) !important;
}

.logged-round-stats-shot-tile.rate-ok[b-222rn6la6x] {
    background: rgba(245, 158, 11, 0.14) !important;
    border-color: rgba(245, 158, 11, 0.4) !important;
}

.logged-round-stats-shot-tile.rate-good[b-222rn6la6x] {
    background: rgba(132, 204, 22, 0.16) !important;
    border-color: rgba(132, 204, 22, 0.42) !important;
}

.logged-round-stats-shot-tile.rate-very-good[b-222rn6la6x] {
    background: rgba(34, 197, 94, 0.15) !important;
    border-color: rgba(34, 197, 94, 0.4) !important;
}

.logged-round-stats-shot-tile.rate-expert[b-222rn6la6x] {
    background: rgba(16, 185, 129, 0.16) !important;
    border-color: rgba(16, 185, 129, 0.42) !important;
}

.logged-round-stats-shot-tile.rate-elite[b-222rn6la6x] {
    background: rgba(6, 182, 212, 0.16) !important;
    border-color: rgba(6, 182, 212, 0.42) !important;
}

.logged-round-stats-shot-tile.rate-neutral[b-222rn6la6x] {
    background: #f0f2f5 !important;
    border-color: #9ca3af !important;
}

.logged-round-stats-tapins-tile[b-222rn6la6x] {
    display: grid;
    gap: 0.35rem;
    align-content: space-between;
    padding: 0.85rem 0.9rem !important;
    border: 2px solid transparent !important;
    border-radius: 0.9rem;
}

.logged-round-stats-toggle[b-222rn6la6x] {
    background: transparent;
    border: none;
    display: grid;
    gap: 0.3rem;
    padding: 0;
    text-align: left;
    width: 100%;
}

.logged-round-stats-header[b-222rn6la6x] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.logged-round-stats-header span[b-222rn6la6x] {
    color: #334155;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.logged-round-stats-header strong[b-222rn6la6x] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
}

.logged-round-stats-subline[b-222rn6la6x] {
    color: #64748b;
    font-size: 0.78rem;
}

.logged-round-breakdown-list[b-222rn6la6x] {
    border-top: 1px dashed rgba(148, 163, 184, 0.45);
    display: grid;
    gap: 0.35rem;
    margin-top: 0.55rem;
    padding-top: 0.55rem;
}

.logged-round-breakdown-item[b-222rn6la6x] {
    align-items: flex-start;
    display: flex;
    font-size: 0.76rem;
    gap: 0.65rem;
    justify-content: space-between;
}

.logged-round-breakdown-item span[b-222rn6la6x] {
    color: #475569;
    flex: 1;
}

.logged-round-breakdown-stats[b-222rn6la6x] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 9rem;
    text-align: right;
}

.logged-round-breakdown-item strong[b-222rn6la6x] {
    color: #0f172a;
    white-space: nowrap;
}

.logged-round-breakdown-item small[b-222rn6la6x] {
    color: #64748b;
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
}


.logged-round-history-list[b-222rn6la6x] {
    display: grid;
    gap: 0.6rem;
}

.logged-round-history-item[b-222rn6la6x] {
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 0.85rem;
    padding: 0.65rem 0.7rem;
}

.logged-round-history-item-clickable[b-222rn6la6x] {
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.logged-round-history-item-clickable:hover[b-222rn6la6x] {
    border-color: rgba(var(--bs-primary-rgb), 0.5);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
}

.logged-round-history-delete-btn[b-222rn6la6x] {
    align-items: center;
    background: transparent;
    border: 1px solid rgba(148, 163, 184, 0.65);
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 800;
    height: 1.55rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.55rem;
    padding: 0;
    transition: all 0.2s ease;
}

.logged-round-history-delete-btn:hover[b-222rn6la6x] {
    background: #fee2e2;
    border-color: #dc2626;
    color: #dc2626;
}

.logged-round-detail-steps[b-222rn6la6x] {
    display: flex;
    gap: 0.45rem;
    margin-bottom: 0.85rem;
}

.logged-round-detail-step[b-222rn6la6x] {
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 0.65rem;
    color: #334155;
    cursor: pointer;
    font-size: 0.74rem;
    font-weight: 800;
    padding: 0.35rem 0.65rem;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.logged-round-detail-step.is-active[b-222rn6la6x] {
    background: rgba(var(--bs-primary-rgb), 0.12);
    border-color: rgba(var(--bs-primary-rgb), 0.45);
    color: var(--bs-primary);
}

.logged-round-completed-holes[b-222rn6la6x] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: 1fr;
}

@media (min-width: 1100px) {
    .logged-round-completed-holes[b-222rn6la6x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1500px) {
    .logged-round-completed-holes[b-222rn6la6x] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.logged-round-completed-hole-card[b-222rn6la6x] {
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 0.85rem;
    padding: 0.65rem;
}

.logged-round-completed-hole-card.hole-score-eagle[b-222rn6la6x] {
    background: rgba(34, 197, 94, 0.08);
    border-color: rgba(34, 197, 94, 0.25);
}

.logged-round-completed-hole-card.hole-score-birdie[b-222rn6la6x] {
    background: rgba(59, 130, 246, 0.08);
    border-color: rgba(59, 130, 246, 0.25);
}

.logged-round-completed-hole-card.hole-score-par[b-222rn6la6x] {
    background: rgba(100, 116, 139, 0.045);
    border-color: rgba(100, 116, 139, 0.22);
}

.logged-round-completed-hole-card.hole-score-bogey[b-222rn6la6x] {
    background: rgba(249, 115, 22, 0.08);
    border-color: rgba(249, 115, 22, 0.25);
}

.logged-round-completed-hole-card.hole-score-bogey-plus[b-222rn6la6x] {
    background: rgba(249, 115, 22, 0.14);
    border-color: rgba(249, 115, 22, 0.35);
}

.logged-round-completed-hole-card.is-highlighted-finish[b-222rn6la6x] {
    background: #f0fdf4;
    border-color: rgba(34, 197, 94, 0.45);
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.18);
}

.logged-round-completed-hole-header[b-222rn6la6x] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.logged-round-completed-hole-header strong[b-222rn6la6x] {
    color: #0f172a;
    font-size: 0.86rem;
}

.logged-round-completed-hole-header span[b-222rn6la6x] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
}

.logged-round-completed-hole-meta[b-222rn6la6x] {
    color: #64748b;
    font-size: 0.74rem;
    margin-top: 0.2rem;
}

.logged-round-completed-throw-list[b-222rn6la6x] {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

.logged-round-completed-throw-row[b-222rn6la6x] {
    align-items: center;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: auto 1fr auto;
}

.logged-round-completed-throw-row span:first-child[b-222rn6la6x] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 700;
}

.logged-round-completed-throw-row span:nth-child(2)[b-222rn6la6x] {
    color: #334155;
    font-size: 0.76rem;
    font-weight: 700;
}

.logged-round-completed-throw-result[b-222rn6la6x] {
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    padding: 0.14rem 0.46rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.logged-round-completed-throw-result.is-success[b-222rn6la6x] {
    background: #ecfdf5;
    color: #059669;
}

.logged-round-completed-throw-result.is-failure[b-222rn6la6x] {
    background: #fef2f2;
    color: #dc2626;
}

.logged-round-completed-throw-result.is-neutral[b-222rn6la6x] {
    background: #f1f5f9;
    color: #475569;
}

.logged-round-completed-throw-result.is-turnover[b-222rn6la6x] {
    background: #e0f2fe;
    color: #0369a1;
}

.logged-round-completed-throw-details[b-222rn6la6x] {
    color: #64748b;
    font-size: 0.68rem;
    margin-top: -0.15rem;
    padding-left: 1.45rem;
}

.logged-round-history-meta[b-222rn6la6x] {
    color: #64748b;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

/* Hole Navigation */
.logged-round-hole-navigation[b-222rn6la6x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 1.2rem;
    padding: 0.9rem;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 0.95rem;
}

.logged-round-hole-nav-button[b-222rn6la6x] {
    align-items: center;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 0.65rem;
    color: #475569;
    cursor: pointer;
    display: flex;
    font-size: 0.75rem;
    font-weight: 700;
    height: 2rem;
    justify-content: center;
    min-width: 2rem;
    padding: 0;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.logged-round-hole-nav-button:hover:not(:disabled)[b-222rn6la6x] {
    background: rgba(var(--bs-primary-rgb), 0.12);
    border-color: rgba(var(--bs-primary-rgb), 0.42);
    color: var(--bs-primary);
}

.logged-round-hole-nav-button.is-current[b-222rn6la6x] {
    background: rgba(var(--bs-primary-rgb), 0.12);
    border-color: rgba(var(--bs-primary-rgb), 0.5);
    box-shadow: 0 0 0 2px rgba(var(--bs-primary-rgb), 0.2);
    color: var(--bs-primary);
}

.logged-round-hole-nav-button.is-completed[b-222rn6la6x] {
    background: #ecfdf5;
    border-color: rgba(16, 185, 129, 0.32);
    color: #059669;
}

.logged-round-hole-nav-button.is-inactive[b-222rn6la6x] {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #cbd5e1;
    cursor: not-allowed;
    opacity: 0.5;
}

.logged-round-summary-nav-button[b-222rn6la6x] {
    background: rgba(var(--bs-primary-rgb), 0.1);
    border: 1px solid rgba(var(--bs-primary-rgb), 0.3);
    border-radius: 0.65rem;
    color: var(--bs-primary);
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 800;
    height: 2rem;
    margin-left: auto;
    padding: 0 0.8rem;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.logged-round-summary-nav-button:hover:not(:disabled)[b-222rn6la6x] {
    background: rgba(var(--bs-primary-rgb), 0.18);
    border-color: rgba(var(--bs-primary-rgb), 0.5);
    color: var(--bs-primary);
}

.logged-round-summary-nav-button:disabled[b-222rn6la6x] {
    cursor: not-allowed;
    opacity: 0.55;
}

/* Variables Row */
.logged-round-variables-row[b-222rn6la6x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.5rem;
}

.logged-round-variables-divider[b-222rn6la6x] {
    height: 1px;
    margin: 0.7rem 0 0.15rem;
    background: rgba(148, 163, 184, 0.32);
}

.logged-round-variable-item[b-222rn6la6x] {
    flex: 1;
    min-width: 11rem;
}

.logged-round-variable-item > .logged-round-editor-label[b-222rn6la6x] {
    font-size: 0.68rem;
    letter-spacing: 0.05em;
    margin-bottom: 0.15rem;
}

.logged-round-variable-item .form-check[b-222rn6la6x] {
    margin-bottom: 0;
    min-height: 0;
}

.logged-round-variable-item .form-check-label[b-222rn6la6x] {
    font-size: 0.82rem;
    line-height: 1.2;
}

.logged-round-variable-item .form-switch[b-222rn6la6x] {
    margin-top: 0.05rem;
}

.logged-round-stance-control[b-222rn6la6x] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 2rem;
    margin-top: 0.15rem;
}

.logged-round-stance-switch[b-222rn6la6x] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.15rem;
    width: 5.4rem;
    height: 2rem;
    padding: 0.18rem;
    flex: 0 0 auto;
    border: 1px solid rgba(148, 163, 184, 0.34);
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.16);
}

.logged-round-stance-switch button[b-222rn6la6x] {
    display: grid;
    place-items: center;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    color: rgba(226, 232, 240, 0.76);
    background: transparent;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.logged-round-stance-switch button.is-selected[b-222rn6la6x] {
    color: #102a43;
    background: #d8f3f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
}

.logged-round-stance-switch button:focus-visible[b-222rn6la6x] {
    outline: 2px solid #74d8cb;
    outline-offset: 2px;
}

.logged-round-stance-description[b-222rn6la6x] {
    color: rgba(248, 250, 252, 0.94);
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.2;
}

/* Text-less boolean toggles (OB / Obstruert / Turnover): just the switch, no label. */
.logged-round-bool-toggle[b-222rn6la6x] {
    display: flex;
    align-items: center;
    padding-left: 0;
    min-height: 1.75rem;
    margin-top: 0.2rem;
}

.logged-round-bool-toggle .form-check-input[b-222rn6la6x] {
    float: none;
    margin: 0;
    width: 2.5rem;
    height: 1.35rem;
    cursor: pointer;
}

/* Keep stance chips on a single, non-wrapping row inside a variable item so the
   labels never collapse to one character per line on narrow screens. */
.logged-round-variable-item .logged-round-chip-list[b-222rn6la6x] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.4rem;
    width: 100%;
    margin-top: 0.2rem;
}

.logged-round-variable-item .logged-round-chip-list .logged-round-select-chip[b-222rn6la6x] {
    flex: 1 1 0;
    min-width: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: center;
    white-space: nowrap;
}

.logged-round-putt-distance-slider[b-222rn6la6x] {
    margin-top: 0.2rem;
    height: 1.75rem;
    cursor: pointer;
}

.logged-round-putt-distance-slider[b-222rn6la6x]::-webkit-slider-thumb {
    width: 1.75rem;
    height: 1.75rem;
    margin-top: -0.6rem;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.35);
}

.logged-round-putt-distance-slider[b-222rn6la6x]::-moz-range-thumb {
    width: 1.75rem;
    height: 1.75rem;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.35);
}

.logged-round-putt-distance-range[b-222rn6la6x] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 700;
    margin-top: 0.2rem;
}

.logged-round-result-modifier[b-222rn6la6x] {
    margin-top: 0.75rem;
}

/* When the modifier sits above the result buttons it needs bottom spacing instead. */
.logged-round-result-modifier-top[b-222rn6la6x] {
    margin-top: 0.35rem;
    margin-bottom: 0.85rem;
}

.logged-round-result-modifier-slider[b-222rn6la6x] {
    margin-top: 0.2rem;
    height: 1.35rem;
    cursor: pointer;
}

.logged-round-result-modifier-slider[b-222rn6la6x]::-webkit-slider-thumb {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: -0.35rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.35);
}

.logged-round-result-modifier-slider[b-222rn6la6x]::-moz-range-thumb {
    width: 1.2rem;
    height: 1.2rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.35);
}

/* Custom tri-state modifier slider (deterministic click zones) */
.logged-round-modifier-slider[b-222rn6la6x] {
    position: relative;
    height: 1.35rem;
    margin-top: 0.2rem;
    cursor: pointer;
}

.logged-round-modifier-track[b-222rn6la6x] {
    position: absolute;
    top: 50%;
    left: 0.6rem;
    right: 0.6rem;
    height: 0.4rem;
    transform: translateY(-50%);
    background: linear-gradient(90deg, #fca5a5, #e2e8f0 50%, #86efac);
    border-radius: 999px;
    pointer-events: none;
}

.logged-round-modifier-thumb[b-222rn6la6x] {
    position: absolute;
    top: 50%;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: #2563eb;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.35);
    transform: translate(-50%, -50%);
    transition: left 120ms ease;
    pointer-events: none;
    z-index: 1;
}

.logged-round-modifier-slider.modifier-pos-0 .logged-round-modifier-thumb[b-222rn6la6x] {
    left: 0.6rem;
}

.logged-round-modifier-slider.modifier-pos-1 .logged-round-modifier-thumb[b-222rn6la6x] {
    left: 50%;
}

.logged-round-modifier-slider.modifier-pos-2 .logged-round-modifier-thumb[b-222rn6la6x] {
    left: calc(100% - 0.6rem);
}

.logged-round-modifier-zone[b-222rn6la6x] {
    position: absolute;
    top: 0;
    height: 100%;
    width: 33.333%;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}

.logged-round-modifier-zone:nth-of-type(1)[b-222rn6la6x] {
    left: 0;
}

.logged-round-modifier-zone:nth-of-type(2)[b-222rn6la6x] {
    left: 33.333%;
}

.logged-round-modifier-zone:nth-of-type(3)[b-222rn6la6x] {
    left: 66.666%;
}

.logged-round-result-modifier-scale[b-222rn6la6x] {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: 0.66rem;
    font-weight: 700;
    justify-content: space-between;
    margin-top: 0.15rem;
    text-transform: uppercase;
}

/* Throws Section */
.logged-round-throws-section[b-222rn6la6x] {
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 0.95rem;
    margin-bottom: 1rem;
    padding: 0.85rem;
}

.logged-round-throws-list[b-222rn6la6x] {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.6rem;
}

.logged-round-throw-item[b-222rn6la6x] {
    align-items: center;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 0.65rem;
    display: flex;
    gap: 0.6rem;
    padding: 0.5rem 0.65rem;
}

.logged-round-throw-number[b-222rn6la6x] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    min-width: 1.8rem;
    text-transform: uppercase;
}

.logged-round-throw-type[b-222rn6la6x] {
    color: #334155;
    font-size: 0.75rem;
    font-weight: 700;
    flex: 1;
    min-width: 0;
}

.logged-round-throw-putt-details[b-222rn6la6x] {
    background: #eff6ff;
    border-radius: 999px;
    color: #1d4ed8;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    white-space: nowrap;
}

.logged-round-throw-status[b-222rn6la6x] {
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.logged-round-throw-status.is-success[b-222rn6la6x] {
    background: #ecfdf5;
    color: #059669;
}

.logged-round-throw-status.is-failure[b-222rn6la6x] {
    background: #fef2f2;
    color: #dc2626;
}

.logged-round-throw-result-modifier[b-222rn6la6x] {
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 700;
    padding: 0.18rem 0.45rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.logged-round-throw-result-modifier.is-minus[b-222rn6la6x] {
    background: #fee2e2;
    color: #b91c1c;
}

.logged-round-throw-result-modifier.is-neutral[b-222rn6la6x] {
    background: #f1f5f9;
    color: #475569;
}

.logged-round-throw-result-modifier.is-plus[b-222rn6la6x] {
    background: #bbf7d0;
    color: #166534;
}

.logged-round-throw-turnover[b-222rn6la6x] {
    background: #e0f2fe;
    border-radius: 999px;
    color: #0369a1;
    font-size: 0.66rem;
    font-weight: 800;
    padding: 0.18rem 0.45rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.logged-round-throw-ob[b-222rn6la6x] {
    background: #fee2e2;
    border-radius: 999px;
    color: #b91c1c;
    font-size: 0.66rem;
    font-weight: 800;
    padding: 0.18rem 0.45rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.logged-round-throw-ace-badge[b-222rn6la6x] {
    background: #fef3c7;
    border-radius: 999px;
    color: #d97706;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.logged-round-throw-delete[b-222rn6la6x] {
    background: transparent;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 700;
    height: 1.5rem;
    line-height: 1;
    padding: 0;
    transition: all 0.2s ease;
    width: 1.5rem;
}

.logged-round-throw-delete:hover[b-222rn6la6x] {
    background: #fee2e2;
    border-color: #dc2626;
    color: #dc2626;
}

.logged-round-stats-header[b-222rn6la6x] {
    gap: 0.45rem;
}

.logged-round-stats-header span[b-222rn6la6x] {
    flex: 1;
}

.logged-round-stats-header strong[b-222rn6la6x] {
    white-space: nowrap;
}

.logged-round-stats-subline[b-222rn6la6x] {
    line-height: 1.35;
    margin-top: 0.1rem;
}

@media (max-width: 992px) {
    .logged-round-layout[b-222rn6la6x],
    .logged-round-layout.is-round-active[b-222rn6la6x] {
        grid-template-columns: 1fr;
    }

    .logged-round-shot-summary[b-222rn6la6x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .logged-round-editor-grid[b-222rn6la6x] {
        grid-template-columns: 1fr;
    }

    .logged-round-review-grid[b-222rn6la6x] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .logged-round-stats-grid[b-222rn6la6x] {
        grid-template-columns: 1fr;
    }

    .logged-round-hole-nav-button[b-222rn6la6x] {
        min-width: 2.75rem;
        height: 2.75rem;
        font-size: 0.95rem;
    }

    .logged-round-summary-nav-button[b-222rn6la6x] {
        height: 2.75rem;
        font-size: 0.8rem;
        padding: 0 1rem;
    }

    .logged-round-shot-type-btn[b-222rn6la6x] {
        font-size: 0.9rem;
        padding: 0.7rem 1rem;
        min-height: 2.75rem;
    }

    .logged-round-select-chip[b-222rn6la6x] {
        font-size: 0.9rem;
        padding: 0.7rem 1.1rem;
        min-height: 2.75rem;
    }

    .logged-round-action-btn[b-222rn6la6x] {
        font-size: 0.95rem;
        padding: 0.85rem 1.25rem;
        min-height: 2.9rem;
    }

    .logged-round-detail-step[b-222rn6la6x] {
        font-size: 0.82rem;
        padding: 0.6rem 1rem;
        min-height: 2.6rem;
    }

    .logged-round-throw-delete[b-222rn6la6x] {
        height: 2.4rem;
        width: 2.4rem;
        font-size: 1.05rem;
    }

    .logged-round-variables-row[b-222rn6la6x] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.45rem 0.55rem;
        align-items: start;
    }

    .logged-round-variable-item[b-222rn6la6x] {
        min-width: 0;
    }

    /* Stance chips and the distance slider need the whole row so their content
       stays readable and the touch targets remain comfortably sized. */
    .logged-round-variable-item:has(.logged-round-chip-list)[b-222rn6la6x],
    .logged-round-variable-item:has(.logged-round-putt-distance-slider)[b-222rn6la6x] {
        grid-column: 1 / -1;
    }

    .logged-round-throw-item[b-222rn6la6x] {
        flex-wrap: wrap;
    }

    .logged-round-throw-type[b-222rn6la6x] {
        flex-basis: 100%;
    }

    .logged-round-breakdown-stats[b-222rn6la6x] {
        min-width: auto;
    }

    .logged-round-completed-throw-row[b-222rn6la6x] {
        grid-template-columns: auto 1fr;
    }

    .logged-round-completed-throw-result[b-222rn6la6x] {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

@media (max-width: 576px) {
    .logged-round-hole-navigation[b-222rn6la6x] {
        gap: 0.4rem;
        padding: 0.6rem;
    }

    .logged-round-hole-nav-button[b-222rn6la6x] {
        min-width: 2.75rem;
        height: 2.75rem;
        font-size: 0.95rem;
    }

    .logged-round-summary-nav-button[b-222rn6la6x] {
        font-size: 0.8rem;
        height: 2.75rem;
        margin-left: 0;
        width: 100%;
    }

    .logged-round-shot-type-btn[b-222rn6la6x] {
        font-size: 0.9rem;
        padding: 0.7rem 1rem;
        min-height: 2.75rem;
    }

    .logged-round-select-chip[b-222rn6la6x] {
        font-size: 0.9rem;
        padding: 0.7rem 1.1rem;
        min-height: 2.75rem;
    }

    .logged-round-action-btn[b-222rn6la6x] {
        font-size: 0.95rem;
        padding: 0.85rem 1.25rem;
        min-height: 3rem;
        flex: 1;
    }

    .logged-round-shot-type-selector[b-222rn6la6x],
    .logged-round-chip-list[b-222rn6la6x] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
        width: 100%;
    }

    .logged-round-shot-type-btn[b-222rn6la6x],
    .logged-round-select-chip[b-222rn6la6x],
    .logged-round-action-btn[b-222rn6la6x] {
        width: 100%;
        min-height: 3rem;
        justify-content: center;
        text-align: center;
        white-space: normal;
    }

    .logged-round-chip-list > :only-child[b-222rn6la6x],
    .logged-round-chip-list > :last-child:nth-child(odd)[b-222rn6la6x] {
        grid-column: 1 / -1;
    }

    .logged-round-variables-row[b-222rn6la6x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.35rem 0.5rem;
    }

    .logged-round-variable-item:has(.logged-round-chip-list)[b-222rn6la6x],
    .logged-round-variable-item:has(.logged-round-putt-distance-slider)[b-222rn6la6x] {
        grid-column: 1 / -1;
    }

    .logged-round-variable-item > .logged-round-editor-label[b-222rn6la6x] {
        font-size: 0.64rem;
        margin-bottom: 0.12rem;
    }

    .logged-round-variable-item .form-check-label[b-222rn6la6x],
    .logged-round-variable-item .logged-round-pill[b-222rn6la6x] {
        font-size: 0.76rem;
        line-height: 1.15;
    }

    .logged-round-variable-item .form-check-input[b-222rn6la6x] {
        margin-top: 0.1rem;
    }

    .logged-round-throw-item[b-222rn6la6x] {
        gap: 0.4rem;
        padding: 0.4rem 0.5rem;
    }

    .logged-round-throw-number[b-222rn6la6x] {
        min-width: 1.5rem;
        font-size: 0.7rem;
    }

    .logged-round-throw-type[b-222rn6la6x] {
        font-size: 0.78rem;
    }

    .logged-round-throw-status[b-222rn6la6x] {
        font-size: 0.7rem;
        padding: 0.15rem 0.4rem;
    }

    .logged-round-throw-delete[b-222rn6la6x] {
        height: 2.4rem;
        width: 2.4rem;
        font-size: 1.05rem;
    }

    .logged-round-putt-distance-slider[b-222rn6la6x],
    .logged-round-result-modifier-slider[b-222rn6la6x] {
        height: 2.25rem;
    }

    .logged-round-putt-distance-slider[b-222rn6la6x]::-webkit-slider-thumb,
    .logged-round-result-modifier-slider[b-222rn6la6x]::-webkit-slider-thumb {
        width: 2.25rem;
        height: 2.25rem;
        margin-top: -0.85rem;
    }

    .logged-round-putt-distance-slider[b-222rn6la6x]::-moz-range-thumb,
    .logged-round-result-modifier-slider[b-222rn6la6x]::-moz-range-thumb {
        width: 2.25rem;
        height: 2.25rem;
    }

    .logged-round-modifier-slider[b-222rn6la6x] {
        height: 2.25rem;
    }

    .logged-round-modifier-thumb[b-222rn6la6x] {
        width: 2rem;
        height: 2rem;
    }

    .logged-round-modifier-track[b-222rn6la6x] {
        left: 1rem;
        right: 1rem;
    }

    .logged-round-modifier-slider.modifier-pos-0 .logged-round-modifier-thumb[b-222rn6la6x] {
        left: 1rem;
    }

    .logged-round-modifier-slider.modifier-pos-2 .logged-round-modifier-thumb[b-222rn6la6x] {
        left: calc(100% - 1rem);
    }
}

.logged-round-attach-list[b-222rn6la6x] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.25rem;
    background-color: #fff;
}

.logged-round-attach-item[b-222rn6la6x] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.04);
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.logged-round-attach-item:last-child[b-222rn6la6x] {
    border-bottom: none;
}

.logged-round-attach-item:hover[b-222rn6la6x] {
    background-color: #f1f5f9;
}

.logged-round-attach-item.is-selected[b-222rn6la6x] {
    background-color: var(--bs-light);
    border-left: 3px solid var(--bs-primary);
    padding-left: calc(1rem - 3px);
}

.logged-round-attach-item-info[b-222rn6la6x] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

.logged-round-attach-item-course[b-222rn6la6x] {
    font-weight: 600;
    color: #0f172a;
}

.logged-round-attach-item-date[b-222rn6la6x] {
    color: #64748b;
    font-size: 0.85rem;
}

.logged-round-attach-item-player[b-222rn6la6x] {
    color: #64748b;
    font-size: 0.85rem;
}

/* ============================================================
   Dark theme — mirrors the Storm Putt activity (navy gradient,
   translucent tiles, light text, amber accent). Appended so these
   rules win over the light-theme defaults above.
   ============================================================ */
.logged-round-panel[b-222rn6la6x] {
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.16), transparent 40%),
        linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(30, 41, 59, 0.95));
    border: none;
    color: #e2e8f0;
}

/* Amber eyebrow kicker (matches Storm Putt) */
.logged-round-kicker[b-222rn6la6x] {
    color: #fbbf24;
}

/* Headings & strong values → light */
.logged-round-title[b-222rn6la6x],
.logged-round-block-title[b-222rn6la6x],
.logged-round-progress-stat strong[b-222rn6la6x],
.logged-round-shot-chip strong[b-222rn6la6x],
.logged-round-review-item strong[b-222rn6la6x],
.logged-round-stats-shot-type[b-222rn6la6x],
.logged-round-stats-shot-rate[b-222rn6la6x],
.logged-round-stats-header strong[b-222rn6la6x],
.logged-round-breakdown-item strong[b-222rn6la6x],
.logged-round-completed-hole-header strong[b-222rn6la6x],
.logged-round-attach-item-course[b-222rn6la6x] {
    color: #f8fafc;
}

/* Secondary text → soft light */
.logged-round-editor-label[b-222rn6la6x],
.logged-round-stats-shot-rank[b-222rn6la6x],
.logged-round-stats-header span[b-222rn6la6x],
.logged-round-throw-type[b-222rn6la6x],
.logged-round-detail-step[b-222rn6la6x],
.logged-round-breakdown-item span[b-222rn6la6x],
.logged-round-completed-throw-row span:nth-child(2)[b-222rn6la6x] {
    color: #e2e8f0;
}

/* Muted text → slate */
.logged-round-description[b-222rn6la6x],
.logged-round-sidebar-text[b-222rn6la6x],
.logged-round-review-text[b-222rn6la6x],
.logged-round-progress-subtitle[b-222rn6la6x],
.logged-round-row-date[b-222rn6la6x],
.logged-round-summary-label[b-222rn6la6x],
.logged-round-updated[b-222rn6la6x],
.logged-round-top-meta[b-222rn6la6x],
.logged-round-shot-chip span[b-222rn6la6x],
.logged-round-review-item span[b-222rn6la6x],
.logged-round-review-item small[b-222rn6la6x],
.logged-round-stats-subline[b-222rn6la6x],
.logged-round-breakdown-item small[b-222rn6la6x],
.logged-round-history-meta[b-222rn6la6x],
.logged-round-completed-hole-header span[b-222rn6la6x],
.logged-round-completed-hole-meta[b-222rn6la6x],
.logged-round-completed-throw-row span:first-child[b-222rn6la6x],
.logged-round-completed-throw-details[b-222rn6la6x],
.logged-round-throw-number[b-222rn6la6x],
.logged-round-putt-distance-range[b-222rn6la6x],
.logged-round-result-modifier-scale[b-222rn6la6x],
.logged-round-attach-item-date[b-222rn6la6x],
.logged-round-attach-item-player[b-222rn6la6x],
.logged-round-variables-chevron[b-222rn6la6x] {
    color: #94a3b8;
}

/* Neutral tiles keep a light surface, so their text must remain dark. */
.logged-round-stats-card.logged-round-stats-tapins-tile.rate-neutral .logged-round-stats-shot-type[b-222rn6la6x],
.logged-round-stats-card.logged-round-stats-tapins-tile.rate-neutral .logged-round-stats-shot-rate[b-222rn6la6x],
.logged-round-stats-card.logged-round-stats-tapins-tile.rate-neutral .logged-round-stats-shot-rank[b-222rn6la6x],
.logged-round-stats-card.logged-round-stats-shot-tile.rate-neutral .logged-round-stats-shot-type[b-222rn6la6x],
.logged-round-stats-card.logged-round-stats-shot-tile.rate-neutral .logged-round-stats-shot-rate[b-222rn6la6x],
.logged-round-stats-card.logged-round-stats-shot-tile.rate-neutral .logged-round-stats-shot-rank[b-222rn6la6x] {
    color: #0f172a;
}

/* Primary surfaces (cards) → translucent dark */
.logged-round-main[b-222rn6la6x],
.logged-round-sidebar-card[b-222rn6la6x],
.logged-round-progress-card[b-222rn6la6x],
.logged-round-current-card[b-222rn6la6x],
.logged-round-review-card[b-222rn6la6x],
.logged-round-setup[b-222rn6la6x],
.logged-round-finished-card[b-222rn6la6x],
.logged-round-resume-card[b-222rn6la6x] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.logged-round-stats-card[b-222rn6la6x] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: none;
}

.logged-round-editor-card[b-222rn6la6x],
.logged-round-throws-section[b-222rn6la6x],
.logged-round-hole-navigation[b-222rn6la6x] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Small tiles / chips / buttons → translucent dark */
.logged-round-shot-chip[b-222rn6la6x],
.logged-round-review-item[b-222rn6la6x],
.logged-round-history-item[b-222rn6la6x],
.logged-round-completed-hole-card[b-222rn6la6x],
.logged-round-throw-item[b-222rn6la6x],
.logged-round-hole-nav-button[b-222rn6la6x],
.logged-round-select-chip[b-222rn6la6x],
.logged-round-shot-type-btn[b-222rn6la6x],
.logged-round-action-btn[b-222rn6la6x],
.logged-round-detail-step[b-222rn6la6x] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.14);
    color: #e2e8f0;
}

/* Result buttons keep their color tint in the dark theme:
   red = Bom (miss), green = Treff (success), blue = Ace/Throw-in/In basket. */
.logged-round-chip-failure[b-222rn6la6x] {
    background: rgba(239, 68, 68, 0.22);
    border-color: rgba(239, 68, 68, 0.55);
    color: #fca5a5;
}

.logged-round-chip-success[b-222rn6la6x] {
    background: rgba(16, 185, 129, 0.22);
    border-color: rgba(16, 185, 129, 0.55);
    color: #6ee7b7;
}

.logged-round-chip-ace[b-222rn6la6x] {
    background: rgba(59, 130, 246, 0.22);
    border-color: rgba(59, 130, 246, 0.55);
    color: #93c5fd;
}
}

/* Score-coded review tiles → translucent colored (readable light text) */
.logged-round-review-item.is-completed[b-222rn6la6x] {
    background: rgba(16, 185, 129, 0.16);
    border-color: rgba(16, 185, 129, 0.4);
}

.logged-round-review-item.hole-score-eagle[b-222rn6la6x] {
    background: rgba(34, 197, 94, 0.18);
    border-color: rgba(34, 197, 94, 0.45);
}

.logged-round-review-item.hole-score-birdie[b-222rn6la6x] {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.45);
}

.logged-round-review-item.hole-score-par[b-222rn6la6x] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.14);
}

.logged-round-review-item.hole-score-bogey[b-222rn6la6x] {
    background: rgba(249, 115, 22, 0.18);
    border-color: rgba(249, 115, 22, 0.45);
}

.logged-round-review-item.hole-score-bogey-plus[b-222rn6la6x] {
    background: rgba(249, 115, 22, 0.3);
    border-color: rgba(249, 115, 22, 0.55);
}

/* Shot chip states */
.logged-round-shot-chip.is-completed[b-222rn6la6x] {
    background: rgba(16, 185, 129, 0.16);
    border-color: rgba(16, 185, 129, 0.4);
}

.logged-round-shot-chip.is-failed[b-222rn6la6x] {
    background: rgba(239, 68, 68, 0.16);
    border-color: rgba(239, 68, 68, 0.4);
}

.logged-round-shot-chip.is-current[b-222rn6la6x] {
    border-color: rgba(251, 191, 36, 0.5);
    box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.3);
}

/* Amber accent surfaces (were primary/blue) */
.logged-round-summary-strip[b-222rn6la6x] {
    background: rgba(251, 191, 36, 0.1);
    border-color: rgba(251, 191, 36, 0.35);
}

.logged-round-top-pill[b-222rn6la6x],
.logged-round-progress-stat[b-222rn6la6x],
.logged-round-editor-static .logged-round-pill[b-222rn6la6x] {
    background: rgba(251, 191, 36, 0.12);
    border-color: rgba(251, 191, 36, 0.35);
    color: #fbbf24;
}

.logged-round-select-chip.is-selected[b-222rn6la6x],
.logged-round-shot-type-btn.is-active[b-222rn6la6x],
.logged-round-shot-type-btn:hover:not(:disabled)[b-222rn6la6x],
.logged-round-detail-step.is-active[b-222rn6la6x],
.logged-round-hole-nav-button:hover:not(:disabled)[b-222rn6la6x],
.logged-round-hole-nav-button.is-current[b-222rn6la6x],
.logged-round-summary-nav-button[b-222rn6la6x] {
    background: rgba(251, 191, 36, 0.16);
    border-color: rgba(251, 191, 36, 0.5);
    color: #fbbf24;
}

/* Completed hole nav / cards */
.logged-round-hole-nav-button.is-completed[b-222rn6la6x] {
    background: rgba(16, 185, 129, 0.16);
    border-color: rgba(16, 185, 129, 0.4);
    color: #86efac;
}

.logged-round-hole-nav-button.is-inactive[b-222rn6la6x] {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
    color: #64748b;
}

.logged-round-completed-hole-card.is-highlighted-finish[b-222rn6la6x] {
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.45);
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.22);
}

/* Action button variants → lighter text for dark bg */
.logged-round-action-btn:hover:not(:disabled)[b-222rn6la6x] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.28);
}

.logged-round-action-btn.logged-round-action-cancel[b-222rn6la6x] {
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.4);
}

.logged-round-action-btn.logged-round-action-secondary[b-222rn6la6x] {
    color: #cbd5e1;
    border-color: rgba(255, 255, 255, 0.18);
}

.logged-round-action-btn.logged-round-action-primary[b-222rn6la6x] {
    color: #fbbf24;
    border-color: rgba(251, 191, 36, 0.45);
}

.logged-round-action-btn.logged-round-action-success[b-222rn6la6x] {
    color: #86efac;
    border-color: rgba(34, 197, 94, 0.4);
}

/* History hover */
.logged-round-history-item-clickable:hover[b-222rn6la6x] {
    border-color: rgba(251, 191, 36, 0.5);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* Form controls */
.logged-round-panel .form-select[b-222rn6la6x],
.logged-round-panel .form-control[b-222rn6la6x] {
    background-color: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.18);
    color: #f8fafc;
}

.logged-round-panel .form-select option[b-222rn6la6x] {
    color: #0f172a;
}

.logged-round-panel .form-label[b-222rn6la6x] {
    color: #cbd5e1;
}

.logged-round-panel .form-check-label[b-222rn6la6x] {
    color: #e2e8f0;
}

/* Outline "Vis alle / Alle" link and similar outline buttons → amber on dark */
.logged-round-panel .btn-outline-primary[b-222rn6la6x] {
    color: #fbbf24;
    border-color: rgba(251, 191, 36, 0.5);
}

.logged-round-panel .btn-outline-primary:hover[b-222rn6la6x] {
    background-color: rgba(251, 191, 36, 0.16);
    border-color: rgba(251, 191, 36, 0.65);
    color: #fbbf24;
}

/* Attachment picker list */
.logged-round-attach-list[b-222rn6la6x] {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.12);
}

.logged-round-attach-item[b-222rn6la6x] {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.logged-round-attach-item:hover[b-222rn6la6x] {
    background-color: rgba(255, 255, 255, 0.08);
}
/* /Components/Pages/Admin.razor.rz.scp.css */
/* ── Badge Collection ─────────────────────────────────────────────────── */

.badge-collection-grid[b-qmk0lza1j2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    gap: 1.25rem 0.75rem;
}

.badge-item[b-qmk0lza1j2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    cursor: default;
    user-select: none;
}

.badge-circle[b-qmk0lza1j2] {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.65rem;
    color: #fff;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.badge-item.earned .badge-circle[b-qmk0lza1j2] {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

.badge-item.earned .badge-circle:hover[b-qmk0lza1j2] {
    transform: scale(1.08);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
}

.badge-item.locked .badge-circle[b-qmk0lza1j2] {
    filter: grayscale(1);
    opacity: 0.28;
}

.badge-name[b-qmk0lza1j2] {
    font-size: 0.72rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    color: var(--bs-body-color);
    max-width: 82px;
}

.badge-item.locked .badge-name[b-qmk0lza1j2] {
    opacity: 0.38;
}

.badge-green[b-qmk0lza1j2]   { background: linear-gradient(145deg, #15803d, #22c55e); }
.badge-blue[b-qmk0lza1j2]    { background: linear-gradient(145deg, #1e40af, #3b82f6); }
.badge-purple[b-qmk0lza1j2]  { background: linear-gradient(145deg, #6d28d9, #a78bfa); }
.badge-orange[b-qmk0lza1j2]  { background: linear-gradient(145deg, #f97316, #fdba74); }
.badge-gold[b-qmk0lza1j2]    { background: linear-gradient(135deg, #92400e 0%, #f59e0b 38%, #fef08a 55%, #ca8a04 100%); }
.badge-rainbow[b-qmk0lza1j2] { background: linear-gradient(135deg, #ef4444 0%, #f97316 20%, #eab308 40%, #22c55e 60%, #3b82f6 80%, #a855f7 100%); }

/* ── Tabs ─────────────────────────────────────────────────────────────── */

.admin-tabs[b-qmk0lza1j2] {
    gap: 0.35rem;
    position: sticky;
    top: var(--sticky-navbar-height, 3rem);
    z-index: 999;
    background-color: var(--bs-body-bg);
}

.admin-tabs .nav-item[b-qmk0lza1j2] {
    flex: 1 1 auto;
}

.admin-tabs .nav-link[b-qmk0lza1j2] {
    width: 100%;
    white-space: nowrap;
}

.admin-usage-summary-grid[b-qmk0lza1j2] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-usage-summary-card[b-qmk0lza1j2] {
    min-width: 0;
}

.admin-settings-layout[b-qmk0lza1j2] {
    display: grid;
    gap: 1rem;
    align-items: start;
}

.admin-settings-column[b-qmk0lza1j2] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.admin-settings-card[b-qmk0lza1j2] {
    min-width: 0;
    padding: 1rem 1rem 1.1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    background: var(--bs-body-bg);
    box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.04);
}

.admin-settings-admin-zone[b-qmk0lza1j2] {
    padding: 0.35rem 0.65rem;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(var(--bs-primary-rgb), 0.25);
    border-radius: 1.1rem;
    background: rgba(var(--bs-primary-rgb), 0.06);
}

.admin-settings-admin-zone .admin-settings-card[b-qmk0lza1j2] {
    background: var(--bs-body-bg);
}

.admin-settings-admin-zone > .accordion-item[b-qmk0lza1j2] {
    background: transparent;
    border: 0;
}

.admin-settings-admin-zone > .accordion-item > .accordion-header .accordion-button[b-qmk0lza1j2] {
    background: transparent;
    font-weight: 600;
    border-radius: 0.85rem;
    color: var(--bs-primary-text-emphasis, var(--bs-emphasis-color));
}

.admin-settings-admin-zone > .accordion-item > .accordion-header .accordion-button:not(.collapsed)[b-qmk0lza1j2],
.admin-settings-admin-zone > .accordion-item > .accordion-header .accordion-button:focus[b-qmk0lza1j2] {
    box-shadow: none;
}

.admin-settings-admin-zone > .accordion-item > .accordion-collapse > .accordion-body[b-qmk0lza1j2] {
    padding: 0.75rem 0.5rem 0.5rem;
}

.admin-settings-stack[b-qmk0lza1j2] {
    display: grid;
    gap: 1rem;
}

.admin-settings-divider[b-qmk0lza1j2] {
    margin: 1.25rem 0;
    border-top: 1px solid var(--bs-border-color);
}

.profile-content-grid[b-qmk0lza1j2] {
    display: grid;
    gap: 1.25rem 2rem;
    align-items: start;
    margin-bottom: 1.5rem;
}

.profile-account-section[b-qmk0lza1j2],
.profile-ratings-section[b-qmk0lza1j2],
.profile-preferences-section[b-qmk0lza1j2] {
    min-width: 0;
}

.profile-favorite-disc-list[b-qmk0lza1j2] {
    display: grid;
    gap: 0.45rem;
    max-height: 18rem;
    overflow-y: auto;
    padding: 0.15rem;
}

.profile-favorite-disc-current[b-qmk0lza1j2] {
    display: grid;
    grid-template-columns: 1.8rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
}

.profile-favorite-disc-option[b-qmk0lza1j2] {
    display: grid;
    grid-template-columns: auto 1.8rem minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    cursor: pointer;
}

.profile-favorite-disc-option.is-selected[b-qmk0lza1j2] {
    border-color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), 0.06);
}

.profile-favorite-disc-option .form-check-input[b-qmk0lza1j2] {
    float: none;
    margin: 0;
}

.profile-favorite-disc-swatch[b-qmk0lza1j2] {
    flex-shrink: 0;
}

.profile-favorite-disc-swatch-empty[b-qmk0lza1j2] {
    display: inline-flex;
    width: 1.45rem;
    height: 1.45rem;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bs-border-color);
    border-radius: 50%;
    color: var(--bs-secondary-color);
}

.profile-favorite-disc-details[b-qmk0lza1j2] {
    display: grid;
    min-width: 0;
}

.profile-favorite-disc-details > span[b-qmk0lza1j2] {
    overflow-wrap: anywhere;
}

.admin-settings-visibility-grid[b-qmk0lza1j2] {
    display: grid;
    gap: 0.75rem;
}

.admin-settings-visibility-item[b-qmk0lza1j2],
.admin-settings-list-row[b-qmk0lza1j2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    min-width: 0;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.85rem;
    background: var(--bs-tertiary-bg);
}

.admin-settings-list[b-qmk0lza1j2] {
    display: grid;
    gap: 0.6rem;
}

.admin-settings-drag-handle[b-qmk0lza1j2] {
    cursor: grab;
    font-size: 1.1rem;
    line-height: 1;
}

.admin-settings-list-row:active .admin-settings-drag-handle[b-qmk0lza1j2] {
    cursor: grabbing;
}

.admin-settings-list-row-drop-target[b-qmk0lza1j2] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.15rem rgba(var(--bs-primary-rgb), 0.2);
}

.admin-settings-button-group .btn[b-qmk0lza1j2] {
    min-height: 2.5rem;
}

.profile-pdga-graph-wrap[b-qmk0lza1j2] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.9rem;
    padding: 0.7rem;
    background: var(--bs-tertiary-bg);
}

.profile-pdga-graph[b-qmk0lza1j2] {
    width: 100%;
    height: auto;
    display: block;
}

.profile-pdga-graph-bg[b-qmk0lza1j2] {
    fill: color-mix(in oklab, var(--bs-body-bg) 90%, #0d6efd 10%);
}

.profile-pdga-axis[b-qmk0lza1j2] {
    stroke: color-mix(in oklab, var(--bs-body-color) 42%, transparent);
    stroke-width: 1;
}

.profile-pdga-grid[b-qmk0lza1j2] {
    stroke: color-mix(in oklab, var(--bs-body-color) 14%, transparent);
    stroke-width: 1;
    stroke-dasharray: 3 4;
}

.profile-pdga-line[b-qmk0lza1j2] {
    fill: none;
    stroke: #0d6efd;
    stroke-width: 2.25;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.profile-pdga-point[b-qmk0lza1j2] {
    fill: #198754;
    stroke: var(--bs-body-bg);
    stroke-width: 1.5;
}

.profile-pdga-axis-label[b-qmk0lza1j2],
.profile-pdga-date-label[b-qmk0lza1j2] {
    font-size: 11px;
    fill: color-mix(in oklab, var(--bs-body-color) 78%, transparent);
}

@media (min-width: 768px) {
    .admin-usage-summary-grid[b-qmk0lza1j2] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .admin-settings-visibility-grid[b-qmk0lza1j2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .admin-settings-layout[b-qmk0lza1j2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .profile-content-grid[b-qmk0lza1j2] {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.35fr);
    }

    .profile-ratings-section[b-qmk0lza1j2] {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .profile-preferences-section[b-qmk0lza1j2] {
        grid-column: 1;
    }
}

@media (min-width: 1200px) {
    .admin-usage-summary-grid[b-qmk0lza1j2] {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .admin-tabs[b-qmk0lza1j2] {
        align-items: stretch !important;
    }

    .admin-tabs .nav-item[b-qmk0lza1j2] {
        flex: 1 1 auto;
    }

    .admin-tabs .nav-link[b-qmk0lza1j2] {
        min-height: 3rem;
        white-space: normal;
    }

    .admin-tabs .badge[b-qmk0lza1j2] {
        margin-left: 0.35rem !important;
        vertical-align: middle;
    }

    .admin-settings-card[b-qmk0lza1j2] {
        padding: 0.9rem;
    }

    .admin-settings-visibility-item[b-qmk0lza1j2],
    .admin-settings-list-row[b-qmk0lza1j2] {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .admin-settings-visibility-item > :last-child[b-qmk0lza1j2],
    .admin-settings-list-row > :last-child[b-qmk0lza1j2] {
        margin-left: auto;
    }

    .admin-usage-table-wrap[b-qmk0lza1j2],
    .admin-users-table-wrap[b-qmk0lza1j2] {
        overflow: visible;
    }

    .admin-usage-table[b-qmk0lza1j2],
    .admin-users-table[b-qmk0lza1j2] {
        display: block;
        width: 100%;
        margin-bottom: 0;
    }

    .admin-usage-table thead[b-qmk0lza1j2],
    .admin-users-table thead[b-qmk0lza1j2] {
        display: none;
    }

    .admin-usage-table tbody[b-qmk0lza1j2],
    .admin-users-table tbody[b-qmk0lza1j2] {
        display: block;
    }

    .admin-usage-row[b-qmk0lza1j2],
    .admin-users-row[b-qmk0lza1j2] {
        display: block;
        margin: 0 0 0.85rem;
        border: 1px solid var(--bs-border-color);
        border-radius: 0.9rem;
        background: linear-gradient(180deg, rgba(248, 249, 250, 0.75) 0%, rgba(255, 255, 255, 0.95) 100%);
        box-shadow: 0 0.3rem 0.9rem rgba(33, 37, 41, 0.06);
        overflow: hidden;
    }

    .admin-usage-row > td[b-qmk0lza1j2],
    .admin-users-row > td[b-qmk0lza1j2] {
        display: block;
        width: 100%;
        border: 0;
        border-top: 1px solid rgba(108, 117, 125, 0.18);
        padding: 0.56rem 0.85rem;
        text-align: left !important;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .admin-usage-row > td:first-child[b-qmk0lza1j2],
    .admin-users-row > td:first-child[b-qmk0lza1j2] {
        border-top: 0;
        padding-top: 0.8rem;
    }

    .admin-usage-row > td:last-child[b-qmk0lza1j2],
    .admin-users-row > td:last-child[b-qmk0lza1j2] {
        padding-bottom: 0.8rem;
    }

    .admin-usage-row > td[b-qmk0lza1j2]::before,
    .admin-users-row > td[b-qmk0lza1j2]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 0.2rem;
        font-size: 0.74rem;
        font-weight: 700;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: var(--bs-secondary-color);
    }

    .admin-users-edit-row[b-qmk0lza1j2] {
        display: block;
        margin: -0.45rem 0 0.85rem;
        border: 1px solid rgba(var(--bs-warning-rgb), 0.35);
        border-top: 0;
        border-radius: 0 0 0.9rem 0.9rem;
        background: var(--bs-warning-bg-subtle);
        overflow: hidden;
    }

    .admin-users-edit-row > td[b-qmk0lza1j2] {
        display: block;
        width: 100%;
        border: 0;
        padding: 0.5rem 0.7rem 0.75rem !important;
    }

    .admin-users-edit-row .border.rounded-3[b-qmk0lza1j2] {
        margin-top: 0 !important;
        border-radius: 0.7rem !important;
    }

    .admin-users-edit-row .row[b-qmk0lza1j2] {
        --bs-gutter-x: 0.7rem;
        --bs-gutter-y: 0.7rem;
    }
}

.admin-nav-gap-slider[b-qmk0lza1j2] {
    padding: 0.35rem 0;
}

.admin-nav-gap-track[b-qmk0lza1j2] {
    position: relative;
    display: flex;
    height: 1.25rem;
    align-items: center;
    border-radius: 999px;
    background: #dee2e6;
    overflow: hidden;
    cursor: grab;
    touch-action: none;
}

.admin-nav-gap-track:active[b-qmk0lza1j2] {
    cursor: grabbing;
}

.admin-nav-gap-fill[b-qmk0lza1j2] {
    position: absolute;
    inset: 0 auto 0 0;
    background: #6c757d;
}

.admin-nav-gap-thumb[b-qmk0lza1j2] {
    position: absolute;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    transform: translateX(-50%);
    border: 2px solid #fff;
    border-radius: 50%;
    background: #212529;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.admin-nav-gap-zone[b-qmk0lza1j2] {
    position: relative;
    z-index: 2;
    flex: 1 1 0;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
}

.admin-nav-gap-zone:focus-visible[b-qmk0lza1j2] {
    outline: 2px solid var(--bs-primary);
    outline-offset: -2px;
}
/* /Components/Pages/Announcements.razor.rz.scp.css */
.announcement-modal[b-gjg1mra21l] {
    z-index: 1055;
    background: rgba(0, 0, 0, .5);
}

.announcement-page[b-gjg1mra21l] {
    max-width: 960px;
    margin: 0 auto;
}

.announcement-page-header[b-gjg1mra21l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d7dfdb;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
}

.announcement-page-header h1[b-gjg1mra21l] {
    font-size: 1.55rem;
    margin: 0 0 .25rem;
}

.announcement-compose[b-gjg1mra21l] {
    border-left: 4px solid #24764e;
    background: #f2f7f4;
    padding: 1rem 1.1rem;
    margin: 1rem 0 2rem;
}

.announcement-confirmation[b-gjg1mra21l] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    border: 1px solid #ddc98d;
    border-left: 4px solid #bd8a18;
    background: #fff9e9;
    padding: .85rem 1rem;
    margin-bottom: 1rem;
}

.announcement-confirmation-icon[b-gjg1mra21l] {
    color: #9a6b08;
    font-size: 1.2rem;
}

.announcement-confirmation-copy[b-gjg1mra21l] {
    display: grid;
    gap: .15rem;
}

.announcement-confirmation-copy span[b-gjg1mra21l] {
    color: #59625b;
    font-size: .9rem;
}

.announcement-confirmation-actions[b-gjg1mra21l] {
    display: flex;
    gap: .5rem;
}

.announcement-compose h3[b-gjg1mra21l],
.announcement-list h3[b-gjg1mra21l] {
    font-size: 1.05rem;
    margin: 0 0 .9rem;
}

.announcement-list-header[b-gjg1mra21l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    border-bottom: 1px solid #d7dfdb;
    margin-bottom: .25rem;
    padding-bottom: .65rem;
}

.announcement-list-header h3[b-gjg1mra21l] {
    margin: 0;
}

.announcement-compose-footer[b-gjg1mra21l] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-top: .75rem;
}

.announcement-date[b-gjg1mra21l] {
    width: auto;
    min-width: 150px;
}

.announcement-time[b-gjg1mra21l] {
    width: 7rem;
    flex-shrink: 0;
}

.announcement-item[b-gjg1mra21l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    border-top: 1px solid #d7dfdb;
    padding: 1rem 0;
}

.announcement-meta[b-gjg1mra21l] {
    display: flex;
    gap: .8rem;
    align-items: baseline;
    color: #52645a;
    font-size: .88rem;
}

.announcement-item-content p[b-gjg1mra21l] {
    white-space: pre-wrap;
    margin: .4rem 0;
}

.announcement-ack-list[b-gjg1mra21l] {
    color: #52645a;
    font-size: .82rem;
}

.announcement-item-actions[b-gjg1mra21l] {
    display: flex;
    min-width: 0;
    max-width: 100%;
    align-items: center;
    gap: .5rem;
}

.announcement-item-content[b-gjg1mra21l] {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .announcement-compose-footer[b-gjg1mra21l],
    .announcement-item[b-gjg1mra21l] {
        align-items: stretch;
        flex-direction: column;
    }

    .announcement-confirmation[b-gjg1mra21l] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .announcement-confirmation-actions[b-gjg1mra21l] {
        grid-column: 2;
        justify-content: flex-end;
    }

    .announcement-date[b-gjg1mra21l],
    .announcement-time[b-gjg1mra21l] {
        width: 100%;
    }

    .announcement-item-actions[b-gjg1mra21l] {
        justify-content: flex-end;
    }
}
/* /Components/Pages/Courses.razor.rz.scp.css */
.course-condition-panel[b-05vhfdt012] {
    border-top: 1px solid rgba(108, 117, 125, 0.18);
    padding-top: 1rem;
}

.course-condition-list[b-05vhfdt012] {
    display: grid;
    gap: 0.75rem;
}

.course-condition-item[b-05vhfdt012] {
    border: 1px solid rgba(108, 117, 125, 0.16);
    border-radius: 0.85rem;
    background: linear-gradient(135deg, rgba(248, 249, 250, 0.92), rgba(255, 255, 255, 0.98));
    padding: 0.85rem 0.95rem;
}

.course-edit-toolbar[b-05vhfdt012] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.course-edit-field[b-05vhfdt012] {
    min-width: 0;
}

.course-edit-select--type[b-05vhfdt012] {
    width: 150px;
}

.course-edit-select--grade[b-05vhfdt012] {
    width: 100px;
}

.course-edit-favorite[b-05vhfdt012] {
    min-width: 72px;
}

.course-active-layouts[b-05vhfdt012] {
    min-width: 180px;
}

.course-edit-actions[b-05vhfdt012] {
    margin-top: 1.3rem;
}

.course-layout-mapping-row[b-05vhfdt012] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.course-layout-mapping-name[b-05vhfdt012] {
    min-width: 200px;
}

.course-layout-mapping-select[b-05vhfdt012] {
    width: 220px;
}

.course-hole-length-groups[b-05vhfdt012] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.course-hole-length-row[b-05vhfdt012] {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 0.25rem;
    width: 100%;
}

.course-hole-length-cell[b-05vhfdt012] {
    min-width: 0;
}

.course-hole-length-label[b-05vhfdt012] {
    font-size: 0.7rem;
}

.course-hole-length-input[b-05vhfdt012] {
    width: 100%;
}

.courses-group-header-content[b-05vhfdt012],
.courses-layout-header-content[b-05vhfdt012] {
    min-width: 0;
}

.courses-main-header-row[b-05vhfdt012] {
    display: flex;
    align-items: stretch;
}

.courses-main-header-title[b-05vhfdt012] {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}

.courses-main-header-title-toggle[b-05vhfdt012] {
    width: 100%;
    min-width: 0;
}

.courses-main-header-title-toggle[b-05vhfdt012]::after {
    display: none;
}

.courses-main-header-actions[b-05vhfdt012] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.5rem;
    background: var(--bs-accordion-btn-bg);
}

.courses-main-udisc-link[b-05vhfdt012] {
    display: inline-flex;
    flex: 0 0 2.5rem;
    align-items: center;
    justify-content: center;
    color: var(--bs-primary);
    text-decoration: none;
}

.courses-main-udisc-link:hover[b-05vhfdt012] {
    color: var(--bs-primary-text-emphasis);
}

.courses-main-udisc-logo[b-05vhfdt012] {
    display: block;
    width: 2.0625rem;
    height: auto;
}

.courses-main-header-chevron[b-05vhfdt012] {
    flex: 0 0 2.5rem;
    width: 2.5rem;
    padding: 0.75rem;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.courses-main-header-chevron[b-05vhfdt012]::after {
    margin-left: 0;
}

.courses-main-header-chevron:not(.collapsed)[b-05vhfdt012] {
    background: transparent;
    box-shadow: none;
}

.courses-group-summary[b-05vhfdt012],
.courses-layout-summary[b-05vhfdt012] {
    gap: 0.6rem;
    min-width: 0;
}

.courses-group-badges[b-05vhfdt012],
.courses-layout-badges[b-05vhfdt012] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.courses-group-badges .badge[b-05vhfdt012],
.courses-layout-badges .badge[b-05vhfdt012] {
    margin-right: 0 !important;
    white-space: normal;
    text-align: center;
    line-height: 1.15;
}

.course-hole-table-wrap[b-05vhfdt012] {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.course-hole-table[b-05vhfdt012] {
    width: max-content;
    min-width: 100%;
}

.course-hole-table th[b-05vhfdt012],
.course-hole-table td[b-05vhfdt012] {
    white-space: nowrap;
}

.course-hole-mobile-grid[b-05vhfdt012] {
    display: none;
}

.course-hole-mobile-card[b-05vhfdt012] {
    border: 1px solid rgba(108, 117, 125, 0.2);
    border-radius: 0.8rem;
    background: rgba(248, 249, 250, 0.9);
    padding: 0.5rem 0.55rem;
}

.course-hole-mobile-head[b-05vhfdt012] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.35rem;
}

.course-hole-mobile-rows[b-05vhfdt012] {
    display: grid;
    gap: 0.16rem;
}

.course-hole-mobile-row[b-05vhfdt012] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.78rem;
}

.course-hole-mobile-trend[b-05vhfdt012] {
    font-size: 1.05rem;
    line-height: 1;
}

@media (max-width: 991.98px) {
    .courses-group-summary[b-05vhfdt012],
    .courses-layout-summary[b-05vhfdt012] {
        flex-wrap: wrap;
        align-items: flex-start !important;
    }

    .courses-group-badges[b-05vhfdt012],
    .courses-layout-badges[b-05vhfdt012] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .course-condition-item[b-05vhfdt012] {
        padding: 0.75rem 0.8rem;
    }

    .course-edit-field[b-05vhfdt012],
    .course-active-layouts[b-05vhfdt012],
    .course-edit-actions[b-05vhfdt012],
    .course-layout-mapping-name[b-05vhfdt012],
    .course-layout-mapping-select[b-05vhfdt012] {
        width: 100%;
    }

    .course-edit-select[b-05vhfdt012] {
        width: 100%;
    }

    .course-edit-actions[b-05vhfdt012] {
        display: flex;
        gap: 0.5rem;
        margin-top: 0;
    }

    .course-layout-mapping-row[b-05vhfdt012] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.25rem;
    }

    .course-hole-length-row[b-05vhfdt012] {
        gap: 0.18rem;
    }

    .course-hole-length-cell[b-05vhfdt012] {
        min-width: 0;
    }

    .course-hole-length-label[b-05vhfdt012] {
        font-size: 0.6rem;
        line-height: 1.1;
    }

    .course-hole-length-input[b-05vhfdt012] {
        min-width: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 0.72rem;
    }

    .course-hole-table[b-05vhfdt012] {
        font-size: 0.78rem;
    }

    .course-hole-table th[b-05vhfdt012],
    .course-hole-table td[b-05vhfdt012] {
        padding: 0.22rem 0.32rem;
    }
}

@media (max-width: 575.98px) {
    .course-hole-table-wrap[b-05vhfdt012] {
        display: none;
    }

    .course-hole-mobile-grid[b-05vhfdt012] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 0.4rem;
    }

    .course-hole-mobile-row[b-05vhfdt012] {
        font-size: 0.74rem;
    }
}
/* /Components/Pages/Discs.razor.rz.scp.css */
.discs-tabs[b-ae96szwc89] {
    gap: 0.35rem;
    position: sticky;
    top: var(--sticky-navbar-height, 3rem);
    z-index: 999;
    background-color: var(--bs-body-bg);
}

.discs-tabs .nav-item[b-ae96szwc89] {
    flex: 1 1 auto;
}

.discs-tabs .nav-link[b-ae96szwc89] {
    width: 100%;
    white-space: nowrap;
}

.discs-toggle-group[b-ae96szwc89] {
    flex-wrap: wrap;
}

.discs-status-filter[b-ae96szwc89] {
    max-width: 100%;
}

.discs-sort-group[b-ae96szwc89] {
    flex-wrap: wrap;
    gap: 0.5rem;
}

.discs-sort-group > .btn[b-ae96szwc89] {
    border-radius: var(--bs-border-radius-sm) !important;
}

.discs-table-container[b-ae96szwc89] {
    overflow-x: auto;
}

.discs-table[b-ae96szwc89] {
    margin-bottom: 0;
}

.discs-row[b-ae96szwc89] {
    vertical-align: middle;
    --discs-card-base: var(--bs-body-bg);
    --discs-card-rim: var(--bs-secondary-bg);
    --discs-card-accent: var(--color-gray-700);
    --discs-card-base-tint: rgba(108, 117, 125, 0.05);
    --discs-card-rim-tint: rgba(108, 117, 125, 0.02);
    --discs-card-border: rgba(108, 117, 125, 0.18);
    --discs-card-cell-bg: rgba(255, 255, 255, 0.68);
}

.discs-row-glow[b-ae96szwc89] {
    --discs-card-glow-ring: 0 0 0 1px rgba(217, 255, 95, 0.55);
}

.discs-row-lost[b-ae96szwc89] {
    opacity: 0.82;
}

.discs-name-cell[b-ae96szwc89] {
    min-width: 0;
}

.discs-color-cell span[title][b-ae96szwc89] {
    display: inline-flex;
}

.discs-speed-chart-panel[b-ae96szwc89] {
    min-width: 0;
}

.discs-speed-chart-wrap[b-ae96szwc89] {
    width: 100%;
    max-width: 100%;
}

.discs-speed-chart[b-ae96szwc89] {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.discs-gap-report-wrap[b-ae96szwc89] {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
}

.discs-reports-grid[b-ae96szwc89] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.discs-gap-report-scroll[b-ae96szwc89] {
    flex: 1 1 auto;
    max-width: 100%;
    min-height: 0;
    overflow: auto;
}

.discs-gap-report-table[b-ae96szwc89] {
    width: 100%;
}

.discs-flight-chart-panel[b-ae96szwc89] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.discs-flight-chart[b-ae96szwc89] {
    flex: 1 1 auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 18rem;
    min-width: 0;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: var(--bs-border-radius-sm, 0.25rem);
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.discs-flight-grid[b-ae96szwc89] {
    stroke: var(--bs-border-color, #dee2e6);
    stroke-width: 1;
}

.discs-flight-center-line[b-ae96szwc89] {
    stroke: var(--bs-secondary-color, #6c757d);
    stroke-width: 1;
    stroke-dasharray: 4 4;
    opacity: 0.65;
}

.discs-flight-axis-label[b-ae96szwc89] {
    display: block;
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.68rem;
    line-height: 16px;
    white-space: nowrap;
}

.discs-flight-path[b-ae96szwc89] {
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.92;
}

.discs-flight-legend[b-ae96szwc89] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
    padding-top: 0.5rem;
}

.discs-flight-legend-item[b-ae96szwc89] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    max-width: 100%;
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.75rem;
    overflow-wrap: anywhere;
}

.discs-flight-legend-swatch[b-ae96szwc89] {
    flex: 0 0 0.65rem;
    width: 0.65rem;
    height: 0.65rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}

.discs-gap-report-band-short[b-ae96szwc89] {
    display: none;
}

.disc-progression-chart-annotated[b-ae96szwc89] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
}

.disc-progression-y-labels[b-ae96szwc89] {
    position: relative;
}

.disc-progression-y-labels span[b-ae96szwc89] {
    position: absolute;
    right: 0.35rem;
    transform: translateY(-50%);
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.7rem;
    line-height: 1;
    white-space: nowrap;
}

.disc-progression-chart[b-ae96szwc89] {
    display: block;
    width: 100%;
    height: 14rem;
    overflow: visible;
}

.disc-progression-axis[b-ae96szwc89] {
    stroke: var(--bs-border-color, #dee2e6);
    stroke-width: 1;
}

.disc-progression-grid[b-ae96szwc89] {
    stroke: var(--bs-border-color, #dee2e6);
    stroke-width: 0.5;
    stroke-dasharray: 3 3;
}

.disc-progression-line[b-ae96szwc89] {
    fill: none;
    stroke: #198754;
    stroke-width: 2.5;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.disc-progression-point[b-ae96szwc89] {
    fill: #198754;
    stroke: var(--bs-body-bg, #fff);
    stroke-width: 1.5;
}

@media (max-width: 767.98px) {
    .discs-reports-grid[b-ae96szwc89] {
        grid-template-columns: minmax(0, 1fr);
    }

    .discs-tabs[b-ae96szwc89] {
        align-items: stretch !important;
    }

    .discs-tabs .nav-item[b-ae96szwc89] {
        flex: 1 1 auto;
    }

    .discs-tabs .nav-link[b-ae96szwc89] {
        white-space: normal;
        min-height: 3rem;
    }

    .discs-toggle-group[b-ae96szwc89] {
        gap: 0.85rem !important;
        flex-direction: column;
        align-items: flex-start;
    }

    .discs-status-filter[b-ae96szwc89] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .discs-status-filter > .btn[b-ae96szwc89] {
        white-space: normal;
        line-height: 1.15;
        padding-inline: 0.3rem;
    }

    .discs-sort-group[b-ae96szwc89] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .discs-sort-group > .btn[b-ae96szwc89] {
        width: 100%;
    }

    .discs-table-container[b-ae96szwc89] {
        overflow: visible;
    }

    .discs-table[b-ae96szwc89],
    .discs-table tbody[b-ae96szwc89],
    .discs-table td[b-ae96szwc89] {
        display: block;
        width: 100%;
    }

    .discs-table thead[b-ae96szwc89] {
        display: none;
    }

    .discs-table tbody[b-ae96szwc89] {
        display: grid;
        gap: 0.9rem;
    }

    .discs-table tr.discs-row[b-ae96szwc89] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
        align-items: start;
        border: 1px solid var(--discs-card-border);
        border-radius: 1rem;
        background:
            linear-gradient(
                135deg,
                var(--discs-card-base-tint) 0%,
                var(--discs-card-rim-tint) 52%,
                var(--bs-body-bg) 100%
            ),
            var(--bs-body-bg);
        box-shadow:
            0 0.35rem 1rem rgba(33, 37, 41, 0.06),
            var(--discs-card-glow-ring, 0 0 0 rgba(0, 0, 0, 0));
        overflow: hidden;
        position: relative;
        padding: 0.8rem 0.75rem 0.75rem 0.95rem;
    }

    .discs-table tr.discs-row[b-ae96szwc89]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 0.32rem;
        background: var(--discs-card-accent, var(--color-gray-700));
    }

    .discs-table td[b-ae96szwc89] {
        border: 1px solid rgba(108, 117, 125, 0.12);
        border-radius: 0.75rem;
        background: linear-gradient(180deg, var(--discs-card-cell-bg), rgba(255, 255, 255, 0.78));
        padding: 0.45rem 0.6rem;
        text-align: left !important;
        position: relative;
        z-index: 1;
        min-width: 0;
    }

    .discs-table td:empty[b-ae96szwc89] {
        display: none;
    }

    .discs-table td[b-ae96szwc89]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 0.18rem;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--bs-secondary-color);
    }

    .discs-name-cell[b-ae96szwc89] {
        grid-column: 1 / -1;
        order: 1;
        font-size: 1rem;
        line-height: 1.3;
        color: var(--bs-body-color);
    }

    .discs-meta-cell[b-ae96szwc89] {
        order: 10;
    }

    .discs-meta-cell[data-label][b-ae96szwc89] {
        min-width: 0;
    }

    .discs-meta-cell[data-label="Company"][b-ae96szwc89] {
        order: 2;
    }

    .discs-meta-cell[data-label="Plastic"][b-ae96szwc89] {
        order: 3;
    }

    .discs-type-cell[b-ae96szwc89] {
        order: 4;
    }

    .discs-flight-cell[b-ae96szwc89],
    .discs-comment-cell[b-ae96szwc89] {
        grid-column: 1 / -1;
    }

    .discs-flight-cell[b-ae96szwc89] {
        grid-column: span 1;
        order: 5;
    }

    .discs-bag-cell[b-ae96szwc89] {
        grid-column: span 1;
        order: 11;
    }

    .discs-bag-cell[b-ae96szwc89] {
        min-width: 0;
    }

    .discs-comment-cell[b-ae96szwc89] {
        order: 20;
    }

    .discs-table td.discs-comment-cell-empty[b-ae96szwc89] {
        display: none !important;
    }

    .discs-icon-cell[b-ae96szwc89],
    .discs-color-cell[b-ae96szwc89],
    .discs-meta-cell[b-ae96szwc89] {
        grid-column: span 1;
    }

    .discs-icon-cell[b-ae96szwc89] {
        order: 12;
    }

    .discs-meta-cell[data-label="Rating"][b-ae96szwc89] {
        order: 10;
    }

    .discs-flight-cell code[b-ae96szwc89] {
        display: inline-block;
        white-space: normal;
        word-break: break-word;
        padding: 0;
    }

    .discs-icon-cell[b-ae96szwc89],
    .discs-color-cell[b-ae96szwc89] {
        min-height: 0;
    }

    .discs-icon-cell[b-ae96szwc89] {
        text-align: center !important;
    }

    .discs-color-cell[b-ae96szwc89] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .discs-row-lost .discs-name-cell[b-ae96szwc89] {
        text-decoration: line-through;
        text-decoration-thickness: 0.08em;
    }

    .discs-comment-cell small[b-ae96szwc89],
    .discs-table td small[b-ae96szwc89] {
        display: inline-block;
        max-width: 100%;
        white-space: normal;
        word-break: break-word;
    }

    .discs-table .badge[b-ae96szwc89] {
        max-width: 100%;
        white-space: normal;
    }

    .discs-table .badge.text-bg-light[b-ae96szwc89] {
        white-space: normal;
        justify-content: flex-start;
        text-align: left;
    }

    .discs-speed-chart-panel[b-ae96szwc89] {
        width: 100%;
    }

    .discs-speed-chart-wrap[b-ae96szwc89] {
        padding: 0.35rem 0.5rem 0.25rem;
        border: 1px solid rgba(108, 117, 125, 0.12);
        border-radius: 0.9rem;
        background: rgba(255, 255, 255, 0.56);
    }

    .discs-gap-report-table[b-ae96szwc89] {
        min-width: 0 !important;
        font-size: 0.56rem;
        line-height: 1.1;
        table-layout: fixed;
    }

    .discs-gap-report-speed-col[b-ae96szwc89] {
        width: 2.1rem !important;
    }

    .discs-gap-report-speed-header[b-ae96szwc89],
    .discs-gap-report-score-header[b-ae96szwc89],
    .discs-gap-report-speed-cell[b-ae96szwc89],
    .discs-gap-report-cell[b-ae96szwc89] {
        padding: 0.18rem 0.08rem !important;
    }

    .discs-gap-report-band-full[b-ae96szwc89] {
        display: none;
    }

    .discs-gap-report-band-short[b-ae96szwc89] {
        display: inline;
    }

    .discs-gap-report-disc[b-ae96szwc89] {
        margin: 0 !important;
        transform: scale(0.72);
        transform-origin: center;
    }

    .discs-table tbody[b-ae96szwc89] {
        gap: 0;
    }

    .discs-table tr.discs-row[b-ae96szwc89] {
        display: grid;
        grid-template-columns: 1.8rem minmax(0, 1fr) auto;
        gap: 0.55rem;
        align-items: center;
        border: 0;
        border-bottom: 1px solid var(--bs-border-color-translucent);
        border-radius: 0;
        background: var(--bs-body-bg);
        box-shadow: none;
        overflow: visible;
        padding: 0.38rem 0.25rem;
    }

    .discs-table tr.discs-row[b-ae96szwc89]::before {
        display: none;
    }

    .discs-table tr.discs-row > td[b-ae96szwc89] {
        display: none;
    }

    .discs-table tr.discs-row > td.discs-name-cell[b-ae96szwc89],
    .discs-table tr.discs-row > td.discs-flight-cell[b-ae96szwc89],
    .discs-table tr.discs-row > td.discs-color-cell[b-ae96szwc89] {
        display: flex;
        align-items: center;
        min-width: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        padding: 0;
        position: static;
    }

    .discs-table tr.discs-row > td[b-ae96szwc89]::before {
        display: none;
    }

    .discs-table tr.discs-row > td.discs-name-cell[b-ae96szwc89] {
        grid-column: auto;
        order: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.92rem;
        line-height: 1.2;
    }

    .discs-table tr.discs-row > td.discs-flight-cell[b-ae96szwc89] {
        grid-column: auto;
        order: 3;
        white-space: nowrap !important;
        text-align: right !important;
    }

    .discs-table tr.discs-row > td.discs-flight-cell code[b-ae96szwc89] {
        white-space: nowrap;
        word-break: normal;
    }

    .discs-table tr.discs-row > td.discs-color-cell[b-ae96szwc89] {
        grid-column: auto;
        order: 1;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 420px) {
    .discs-table tr.discs-row[b-ae96szwc89] {
        grid-template-columns: 1.8rem minmax(0, 1fr) auto;
    }

    .discs-gap-report-table[b-ae96szwc89] {
        font-size: 0.48rem;
    }

    .discs-gap-report-speed-col[b-ae96szwc89] {
        width: 1.75rem !important;
    }

    .discs-gap-report-disc[b-ae96szwc89] {
        transform: scale(0.62);
    }
}
/* /Components/Pages/Games.razor.rz.scp.css */
.games-page[b-yk84cxuw5k] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.25rem 0 2rem;
    position: relative;
}

.games-hero[b-yk84cxuw5k] {
    background:
        radial-gradient(circle at top right, rgba(255, 184, 77, 0.3), transparent 32%),
        linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(30, 41, 59, 0.92));
    color: #f8fafc;
    overflow: hidden;
}

.games-kicker[b-yk84cxuw5k],
.games-card-kicker[b-yk84cxuw5k],
.games-result-kicker[b-yk84cxuw5k] {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.games-kicker[b-yk84cxuw5k] {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0.75rem;
}

.games-title[b-yk84cxuw5k] {
    font-size: clamp(2rem, 3.2vw, 3rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    margin-bottom: 0.5rem;
}

.games-chooser[b-yk84cxuw5k] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.games-chooser-label[b-yk84cxuw5k] {
    color: rgba(248, 250, 252, 0.78);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.games-chooser-buttons[b-yk84cxuw5k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.games-chooser-button[b-yk84cxuw5k] {
    appearance: none;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    color: #f8fafc;
    font-size: 0.95rem;
    font-weight: 700;
    padding: 0.7rem 1.1rem;
    transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.games-chooser-button:hover[b-yk84cxuw5k],
.games-chooser-button:focus-visible[b-yk84cxuw5k] {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-1px);
}

.games-chooser-button.is-active[b-yk84cxuw5k] {
    background: linear-gradient(135deg, #fff7ed, #fed7aa);
    border-color: rgba(255, 255, 255, 0.42);
    color: #7c2d12;
}

.games-subtitle[b-yk84cxuw5k] {
    color: rgba(248, 250, 252, 0.82);
    font-size: 1.02rem;
    max-width: 46rem;
}

.games-layout[b-yk84cxuw5k] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1.7fr) minmax(18rem, 0.9fr);
}

.games-bottom-action[b-yk84cxuw5k] {
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
}

/* Close (X) button sits in its own row above the active activity so it never
   overlaps the activity's own header content. Negative margins pull the row in so
   the space above and below it is equal (~0.5rem) and compact. */
.games-close-row[b-yk84cxuw5k] {
    display: flex;
    justify-content: flex-end;
    margin-top: -0.75rem;
    margin-bottom: -1rem;
}

.games-close-button[b-yk84cxuw5k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    color: #334155;
    font-size: 0.85rem;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
    transition: transform 160ms ease, background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.games-close-button:hover[b-yk84cxuw5k],
.games-close-button:focus-visible[b-yk84cxuw5k] {
    background: #ef4444;
    border-color: #ef4444;
    color: #fff;
    transform: translateY(-1px);
}

.games-card[b-yk84cxuw5k] {
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.games-empty-state[b-yk84cxuw5k] {
    text-align: center;
}

.games-empty-state .card-body[b-yk84cxuw5k] {
    padding: 2rem 1.25rem;
}

.games-wheel-block[b-yk84cxuw5k] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.games-wheel-stage[b-yk84cxuw5k] {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: min(100%, 28rem);
}

.games-wheel-stage.is-disabled[b-yk84cxuw5k] {
    cursor: default;
}

.games-wheel-stage:focus-visible[b-yk84cxuw5k] {
    outline: 0;
}

.games-wheel-stage .games-wheel-frame[b-yk84cxuw5k] {
    transition: box-shadow 180ms ease, transform 180ms ease;
}

.games-wheel-stage:not(.is-disabled):hover .games-wheel-frame[b-yk84cxuw5k],
.games-wheel-stage:not(.is-disabled):focus-visible .games-wheel-frame[b-yk84cxuw5k] {
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.24);
    transform: translateY(-3px);
}

.games-wheel-pointer[b-yk84cxuw5k] {
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-top: 1.35rem solid #0f172a;
    left: 50%;
    position: absolute;
    top: -0.3rem;
    transform: translateX(-50%);
    z-index: 2;
}

.games-wheel-frame[b-yk84cxuw5k] {
    align-items: center;
    aspect-ratio: 1;
    background: radial-gradient(circle at center, #fff 0 26%, transparent 27%), #0f172a;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
}

.games-wheel[b-yk84cxuw5k] {
    aspect-ratio: 1;
    background:
        conic-gradient(
            from -15deg,
            #f97316 0deg 30deg,
            #fb923c 30deg 60deg,
            #facc15 60deg 90deg,
            #84cc16 90deg 120deg,
            #14b8a6 120deg 150deg,
            #0ea5e9 150deg 180deg,
            #3b82f6 180deg 210deg,
            #6366f1 210deg 240deg,
            #8b5cf6 240deg 270deg,
            #ec4899 270deg 300deg,
            #ef4444 300deg 330deg,
            #f97316 330deg 360deg
        );
    border: 0.48rem solid rgba(255, 255, 255, 0.78);
    border-radius: 50%;
    inset: 1rem;
    position: absolute;
    transition: transform 4s cubic-bezier(0.2, 0.85, 0.2, 1);
}

.games-wheel[b-yk84cxuw5k]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: repeating-conic-gradient(rgba(255, 255, 255, 0.05) 0deg 27deg, rgba(15, 23, 42, 0.18) 27deg 30deg);
}

.games-wheel-center[b-yk84cxuw5k] {
    align-items: center;
    background: radial-gradient(circle at top, #fff7ed, #fed7aa 72%);
    border: 0.35rem solid rgba(15, 23, 42, 0.85);
    border-radius: 50%;
    color: #7c2d12;
    display: flex;
    font-size: 0.95rem;
    font-weight: 800;
    height: 7rem;
    justify-content: center;
    letter-spacing: 0.1em;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 7rem;
    z-index: 2;
}

.games-result-slot[b-yk84cxuw5k] {
    margin-top: 0.25rem;
    min-height: 7.75rem;
    width: min(100%, 24rem);
}

.games-variations[b-yk84cxuw5k] {
    display: grid;
    gap: 1rem;
}

.games-variation-item[b-yk84cxuw5k] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    overflow: hidden;
}

.games-variation-button[b-yk84cxuw5k] {
    background: #fff;
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.games-variation-button:not(.collapsed)[b-yk84cxuw5k] {
    background: #fff7ed;
    color: #9a3412;
    box-shadow: none;
}

.games-variation-button:focus[b-yk84cxuw5k] {
    box-shadow: none;
}

.games-variation-body[b-yk84cxuw5k] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
}

.games-variation-section[b-yk84cxuw5k] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
}

.games-variation-label[b-yk84cxuw5k] {
    color: #475569;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.games-max-modifiers-row[b-yk84cxuw5k] {
    display: grid;
    gap: 0.5rem;
}

.games-max-modifiers-value[b-yk84cxuw5k] {
    align-items: center;
    background: #fff7ed;
    border: 1px solid rgba(249, 115, 22, 0.3);
    border-radius: 999px;
    color: #9a3412;
    display: inline-flex;
    font-size: 0.9rem;
    font-weight: 800;
    justify-content: center;
    min-width: 2.5rem;
    padding: 0.15rem 0.6rem;
    width: fit-content;
}

.games-max-modifiers-slider[b-yk84cxuw5k] {
    max-width: 14rem;
}

.games-chip-list[b-yk84cxuw5k],
.games-result-badges[b-yk84cxuw5k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.games-chip[b-yk84cxuw5k],
.games-result-badge[b-yk84cxuw5k] {
    border-radius: 999px;
    font-weight: 700;
    padding: 0.45rem 0.8rem;
}

.games-chip[b-yk84cxuw5k] {
    appearance: none;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #0f172a;
    font-size: 0.92rem;
}

.games-chip-toggle[b-yk84cxuw5k] {
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.games-chip-toggle.is-enabled[b-yk84cxuw5k] {
    background: rgba(249, 115, 22, 0.12);
    border-color: rgba(249, 115, 22, 0.3);
    color: #9a3412;
}

.games-chip-toggle.is-disabled[b-yk84cxuw5k] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #94a3b8;
    opacity: 0.72;
}

.games-chip-toggle:hover[b-yk84cxuw5k],
.games-chip-toggle:focus-visible[b-yk84cxuw5k] {
    transform: translateY(-1px);
}

.games-result-placeholder[b-yk84cxuw5k],
.games-session-empty[b-yk84cxuw5k] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 1rem;
    color: #64748b;
    padding: 1rem;
}

.games-result-card[b-yk84cxuw5k] {
    animation: games-result-enter-b-yk84cxuw5k 320ms ease-out;
    background: linear-gradient(135deg, #fff7ed, #ffedd5);
    border: 1px solid rgba(249, 115, 22, 0.25);
    border-radius: 1.15rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
    padding: 1.1rem;
}

.games-result-kicker[b-yk84cxuw5k] {
    color: #9a3412;
    margin-bottom: 0.75rem;
}

.games-result-badge[b-yk84cxuw5k] {
    background: rgba(249, 115, 22, 0.12);
    color: #9a3412;
}

.games-result-summary[b-yk84cxuw5k] {
    color: #7c2d12;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-top: 0.9rem;
}

.games-log-card[b-yk84cxuw5k] {
    height: fit-content;
}

.games-log-list[b-yk84cxuw5k] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 31rem;
    overflow-y: auto;
}

.games-log-entry[b-yk84cxuw5k] {
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    padding-bottom: 0.75rem;
}

.games-log-entry:last-child[b-yk84cxuw5k] {
    border-bottom: 0;
    padding-bottom: 0;
}

.games-log-time[b-yk84cxuw5k] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}

.games-log-result[b-yk84cxuw5k] {
    color: #0f172a;
    font-weight: 700;
}

.games-log-badges[b-yk84cxuw5k] {
    gap: 0.4rem;
}

.games-log-badges .games-result-badge[b-yk84cxuw5k] {
    font-size: 0.88rem;
    padding: 0.35rem 0.65rem;
}

@keyframes games-result-enter-b-yk84cxuw5k {
    from {
        opacity: 0;
        transform: translateY(14px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 991.98px) {
    .games-layout[b-yk84cxuw5k] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .games-variation-header[b-yk84cxuw5k] {
        align-items: flex-start;
        flex-direction: column;
    }

    .games-variation-button[b-yk84cxuw5k] {
        font-size: 0.84rem;
    }
}

@media (max-width: 575.98px) {
    .games-page[b-yk84cxuw5k] {
        padding-top: 0.75rem;
    }

    .games-chooser-buttons[b-yk84cxuw5k] {
        flex-direction: column;
    }

    .games-chooser-button[b-yk84cxuw5k] {
        width: 100%;
    }

    .games-wheel-stage[b-yk84cxuw5k] {
        width: min(100%, 20.5rem);
    }

    .games-wheel-center[b-yk84cxuw5k] {
        font-size: 0.78rem;
        height: 5.6rem;
        width: 5.6rem;
    }

    .games-result-summary[b-yk84cxuw5k] {
        font-size: 1rem;
    }
}

@media (max-width: 430px) {
    .games-wheel-stage[b-yk84cxuw5k] {
        width: min(100%, 18.75rem);
    }

    .games-wheel-frame[b-yk84cxuw5k] {
        padding: 0.8rem;
    }

    .games-wheel[b-yk84cxuw5k] {
        inset: 0.8rem;
    }

    .games-wheel-center[b-yk84cxuw5k] {
        font-size: 0.72rem;
        height: 5rem;
        width: 5rem;
    }
}
/* /Components/Pages/Goals.razor.rz.scp.css */
.goal-progress-meta[b-hkwucmayhw] {
    letter-spacing: 0.01em;
}

.goal-progress-track[b-hkwucmayhw] {
    height: 0.35rem;
    background-color: rgba(108, 117, 125, 0.14);
    border-radius: 999px;
    overflow: hidden;
}

.goal-progress-fill[b-hkwucmayhw] {
    background-color: #8fa7a0;
    border-radius: 999px;
}

.goal-progress-fill-complete[b-hkwucmayhw] {
    background-color: #6f9b7b;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-panel-manager[b-12jc5684mo] {
    width: min(280px, calc(100vw - 2.5rem));
    max-height: calc(100vh - 5rem);
    max-height: calc(100dvh - 5rem);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.home-panel-manager-filter > summary[b-12jc5684mo] {
    cursor: pointer;
    list-style-position: inside;
}

.tournament-results-legend-item[b-12jc5684mo] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    gap: 0.35rem;
    padding: 0;
    transition: opacity 0.15s ease;
}

.tournament-results-legend-item.is-hidden[b-12jc5684mo] {
    opacity: 0.4;
}

.tournament-results-legend-item:focus-visible[b-12jc5684mo] {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.tournament-results-legend-swatch[b-12jc5684mo] {
    border-radius: 50%;
    display: inline-block;
    flex: 0 0 10px;
    height: 10px;
    width: 10px;
}

.hole-length-trend-transition[b-12jc5684mo] {
    position: relative;
}

.latest-round-summary[b-12jc5684mo] {
    display: grid;
    gap: 0.9rem;
}

.latest-round-header[b-12jc5684mo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.latest-round-course-block[b-12jc5684mo] {
    min-width: 0;
}

.latest-round-course-meta[b-12jc5684mo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.1rem;
}

.latest-round-course-name[b-12jc5684mo] {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
}

.latest-round-course-layout[b-12jc5684mo],
.latest-round-date[b-12jc5684mo] {
    font-size: 0.82rem;
    line-height: 1.3;
}

.latest-round-course-layout[b-12jc5684mo]::before,
.latest-round-course-link[b-12jc5684mo]::before {
    content: "•";
    margin-right: 0.45rem;
    color: var(--bs-secondary-color);
}

.latest-round-course-link[b-12jc5684mo] {
    white-space: nowrap;
}

.latest-round-score-block[b-12jc5684mo] {
    flex: 0 0 auto;
}

.latest-round-main-score[b-12jc5684mo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.28rem;
    line-height: 1;
}

.latest-round-total[b-12jc5684mo] {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    color: var(--bs-secondary-color);
    transform: translateY(-0.05rem);
}

.latest-round-plusminus[b-12jc5684mo] {
    font-weight: 700;
}

.latest-round-plusminus-emphasis[b-12jc5684mo] {
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 0.92;
}

.latest-round-performance-marker[b-12jc5684mo] {
    font-size: 0.85rem;
}

.latest-round-metrics[b-12jc5684mo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 0.6rem;
}

.latest-round-metric[b-12jc5684mo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 4.4rem;
    padding: 0.6rem 0.7rem;
    border: 1px solid rgba(108, 117, 125, 0.14);
    border-radius: 0.85rem;
    background: rgba(248, 249, 250, 0.8);
    text-align: center;
}

.latest-round-metric-value[b-12jc5684mo] {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.15;
}

.latest-round-trend[b-12jc5684mo] {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.latest-round-trend-inline[b-12jc5684mo] {
    flex: 0 0 auto;
    margin-right: 0.18rem;
}

.latest-round-trend-graph[b-12jc5684mo] {
    width: 3.3rem;
    height: 1.05rem;
    overflow: visible;
}

.latest-round-trend-line[b-12jc5684mo],
.latest-round-trend-arrow[b-12jc5684mo] {
    fill: none;
    stroke: currentColor;
    color: inherit;
}

.latest-round-trend-line[b-12jc5684mo] {
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.latest-round-trend-arrow[b-12jc5684mo] {
    fill: currentColor;
    stroke: none;
}

.latest-round-trend.is-up[b-12jc5684mo] {
    color: #15803d;
}

.latest-round-trend.is-down[b-12jc5684mo] {
    color: #b91c1c;
}

.latest-round-trend.is-flat[b-12jc5684mo] {
    color: var(--bs-secondary-color);
}

.latest-round-metric-label[b-12jc5684mo] {
    margin-top: 0.2rem;
    font-size: 0.74rem;
    line-height: 1.2;
    color: var(--bs-secondary-color);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.latest-round-badges[b-12jc5684mo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

.latest-round-hole-section[b-12jc5684mo] {
    display: grid;
    gap: 0.45rem;
}

.latest-round-hole-scores[b-12jc5684mo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1.9rem, 1fr));
    gap: 0.32rem;
    align-items: start;
}

.latest-round-hole-score[b-12jc5684mo] {
    min-width: 0;
}

.latest-round-hole-number[b-12jc5684mo] {
    display: block;
    margin-bottom: 0.18rem;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
    color: var(--bs-secondary-color);
}

.latest-round-hole-badge[b-12jc5684mo] {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0.38rem 0;
    border-radius: 0.55rem;
    font-size: 0.95rem !important;
    font-weight: 700;
    line-height: 1.05;
}

@media (min-width: 768px) {
    .latest-round-hole-scores[b-12jc5684mo] {
        grid-template-columns: repeat(auto-fit, minmax(2.45rem, 1fr));
        gap: 0.42rem;
    }

    .latest-round-hole-number[b-12jc5684mo] {
        margin-bottom: 0.22rem;
        font-size: 0.85rem;
    }

    .latest-round-hole-badge[b-12jc5684mo] {
        padding: 0.46rem 0;
        border-radius: 0.62rem;
        font-size: 1.05rem !important;
    }
}

@media (min-width: 1200px) {
    .latest-round-hole-scores[b-12jc5684mo] {
        grid-template-columns: repeat(auto-fit, minmax(2.75rem, 1fr));
        gap: 0.5rem;
    }

    .latest-round-hole-number[b-12jc5684mo] {
        font-size: 0.9rem;
    }

    .latest-round-hole-badge[b-12jc5684mo] {
        padding: 0.52rem 0;
        border-radius: 0.68rem;
        font-size: 1.12rem !important;
    }
}

.latest-round-text-block[b-12jc5684mo] {
    padding: 0.65rem 0.8rem;
    border: 1px solid rgba(108, 117, 125, 0.16);
    border-radius: 0.85rem;
    background: rgba(248, 249, 250, 0.62);
}

.latest-round-notes-block[b-12jc5684mo] {
    background: rgba(255, 255, 255, 0.94);
}

.latest-round-text-label[b-12jc5684mo] {
    margin-bottom: 0.22rem;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--bs-secondary-color);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.rounds-attached-indicator-btn[b-12jc5684mo] {
    border: 0;
    background: transparent;
    color: #0d6efd;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.85rem;
    padding: 0;
    margin-left: 0.35rem;
    line-height: 1;
}

.rounds-attached-indicator-btn:hover[b-12jc5684mo] {
    color: #0a58ca;
}

.logged-round-summary-modal[b-12jc5684mo] {
    font-size: 0.95rem;
}

.logged-round-summary-top[b-12jc5684mo] {
    margin-bottom: 0.7rem;
}

.logged-round-summary-title[b-12jc5684mo] {
    font-size: 1.45rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.logged-round-summary-date[b-12jc5684mo],
.logged-round-summary-description[b-12jc5684mo],
.logged-round-summary-linked[b-12jc5684mo] {
    color: #64748b;
    font-size: 1.05rem;
}

.logged-round-summary-linked[b-12jc5684mo] {
    margin-top: 0.35rem;
}

.logged-round-summary-tabs[b-12jc5684mo] {
    display: flex;
    gap: 0.55rem;
    margin-bottom: 0.75rem;
}

.logged-round-summary-tab[b-12jc5684mo] {
    border: 1px solid rgba(148, 163, 184, 0.35);
    background-color: #f8fafc;
    color: #334155;
    border-radius: 0.75rem;
    padding: 0.35rem 0.75rem;
    font-weight: 700;
    font-size: 0.84rem;
    text-transform: uppercase;
}

.logged-round-summary-tab.is-active[b-12jc5684mo] {
    border-color: rgba(59, 130, 246, 0.55);
    color: #2563eb;
    background-color: rgba(59, 130, 246, 0.08);
}

.logged-round-summary-cards[b-12jc5684mo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.6rem;
}

.logged-round-summary-card[b-12jc5684mo] {
    border-radius: 0.9rem;
    padding: 0.85rem;
    border: 2px solid rgba(148, 163, 184, 0.25);
    background-color: #f8fafc;
    text-align: center;
}

.logged-round-summary-card.is-warning[b-12jc5684mo] {
    background-color: #efe7d7;
    border-color: #f4b95f;
}

.logged-round-summary-card.is-ok[b-12jc5684mo] {
    background-color: #efe7d7;
    border-color: #f4b95f;
}

.logged-round-summary-card.is-strong[b-12jc5684mo] {
    background-color: #dfead7;
    border-color: #a6d86a;
}

.logged-round-summary-card.is-neutral[b-12jc5684mo] {
    background-color: #f0f2f5 !important;
    border-color: #9ca3af !important;
}

.logged-round-summary-card-title[b-12jc5684mo] {
    font-size: 1.1rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}

.logged-round-summary-card-rate[b-12jc5684mo] {
    font-size: 1.12rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.15;
}

.logged-round-summary-card-grade[b-12jc5684mo] {
    margin-top: 0.2rem;
    font-size: 0.86rem;
    font-weight: 800;
    color: #334155;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.rounds-logged-round-holes[b-12jc5684mo] {
    display: grid;
    gap: 0.65rem;
}

.rounds-logged-round-hole-card[b-12jc5684mo] {
    padding: 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.45rem;
    background-color: #f8f9fa;
}

.rounds-logged-round-hole-header[b-12jc5684mo] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
    color: #0f172a;
}

.rounds-logged-round-hole-meta[b-12jc5684mo] {
    color: #64748b;
    font-size: 0.82rem;
    margin-bottom: 0.45rem;
}

.rounds-logged-round-empty[b-12jc5684mo] {
    font-size: 0.85rem;
}

.rounds-logged-round-throw-list[b-12jc5684mo] {
    display: grid;
    gap: 0.3rem;
}

.rounds-logged-round-throw-row[b-12jc5684mo] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.84rem;
    color: #0f172a;
}

.rounds-logged-round-throw-result[b-12jc5684mo] {
    margin-left: auto;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
}

.rounds-logged-round-throw-result.is-success[b-12jc5684mo] {
    background-color: rgba(34, 197, 94, 0.16);
    color: #15803d;
}

.rounds-logged-round-throw-result.is-failure[b-12jc5684mo] {
    background-color: rgba(239, 68, 68, 0.16);
    color: #b91c1c;
}

.rounds-logged-round-throw-result.is-neutral[b-12jc5684mo] {
    background-color: rgba(148, 163, 184, 0.2);
    color: #475569;
}

.rounds-logged-round-throw-result.is-turnover[b-12jc5684mo] {
    background-color: rgba(245, 158, 11, 0.2);
    color: #92400e;
}

.rounds-logged-round-throw-details[b-12jc5684mo] {
    margin-left: 1.6rem;
    color: #64748b;
    font-size: 0.78rem;
}

.latest-round-text-content[b-12jc5684mo] {
    font-size: 0.86rem;
    line-height: 1.4;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.fake-quote-text[b-12jc5684mo] {
    font-family: 'Nunito', sans-serif;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.hole-length-trend-layer[b-12jc5684mo] {
    transition: opacity 240ms ease;
    transform-origin: 50% 50%;
}

.hole-length-trend-layer.is-current[b-12jc5684mo] {
    opacity: 1;
}

.hole-length-trend-layer.is-incoming[b-12jc5684mo] {
    opacity: 1;
}

.hole-length-trend-transition.is-animating .hole-length-trend-layer.is-incoming[b-12jc5684mo] {
    opacity: 1;
}

.hole-length-trend-transition[b-12jc5684mo]  .hole-length-trend-series {
    stroke-dasharray: none;
    stroke-dashoffset: 0;
}

.hole-length-trend-transition.is-animating[b-12jc5684mo]  .hole-length-trend-layer.is-incoming .hole-length-trend-series {
    animation: hole-length-trend-draw-b-12jc5684mo 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
}

@keyframes hole-length-trend-draw-b-12jc5684mo {
    from {
        stroke-dashoffset: 100;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hole-length-trend-layer[b-12jc5684mo] {
        transition: none;
    }

    .hole-length-trend-transition.is-animating[b-12jc5684mo]  .hole-length-trend-layer.is-incoming .hole-length-trend-series {
        animation: none;
        stroke-dasharray: none;
        stroke-dashoffset: 0;
    }
}

@media (max-width: 767.98px) {
    .fake-quote-text[b-12jc5684mo] {
        font-size: 1.25rem;
    }

    .latest-round-header[b-12jc5684mo] {
        align-items: flex-start;
        gap: 0.75rem;
    }

    .latest-round-course-block[b-12jc5684mo] {
        flex: 1 1 auto;
    }

    .latest-round-score-block[b-12jc5684mo] {
        text-align: right !important;
    }

    .latest-round-main-score[b-12jc5684mo] {
        justify-content: flex-end;
    }

    .latest-round-plusminus-emphasis[b-12jc5684mo] {
        font-size: 1.7rem;
    }

    .latest-round-metrics[b-12jc5684mo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 389.98px) {
    .latest-round-header[b-12jc5684mo] {
        flex-direction: column;
        align-items: stretch;
    }

    .latest-round-score-block[b-12jc5684mo] {
        text-align: left !important;
    }

    .latest-round-main-score[b-12jc5684mo] {
        justify-content: flex-start;
    }
}

.scoretypes-panel-body[b-12jc5684mo] {
    overflow-x: auto;
}

.scoretypes-controls[b-12jc5684mo] {
    min-height: 2.5rem;
}

.scoretypes-control-btn[b-12jc5684mo] {
    font-size: 0.95rem;
    line-height: 1.1;
}

.scoretypes-scope-label[b-12jc5684mo] {
    font-size: 1rem;
}

.scoretypes-range-wrap[b-12jc5684mo] {
    min-height: 1.7rem;
}

.scoretypes-range-dragger[b-12jc5684mo] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 0.75rem;
    min-width: 0.9rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    cursor: grab;
    z-index: 2;
}

.scoretypes-range-dragger:active[b-12jc5684mo] {
    cursor: grabbing;
}

.scoretypes-range-input[b-12jc5684mo] {
    height: 1.15rem;
    position: relative;
    z-index: 3;
}

.scoretypes-range-input[b-12jc5684mo]::-webkit-slider-thumb {
    width: 15px;
    height: 15px;
}

.scoretypes-range-input[b-12jc5684mo]::-moz-range-thumb {
    width: 15px;
    height: 15px;
}

.scoretypes-chart-wrap[b-12jc5684mo] {
    max-width: 1500px;
    margin: 0 auto;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.register-info-box[b-qhl98jz1jw] {
    border: 1px solid var(--color-gray-300);
    border-radius: 0.85rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 249, 250, 0.95));
    overflow: hidden;
}

.register-info-summary[b-qhl98jz1jw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    cursor: pointer;
    list-style: none;
    font-weight: 600;
}

.register-info-summary[b-qhl98jz1jw]::-webkit-details-marker {
    display: none;
}

.register-info-summary[b-qhl98jz1jw]::after {
    content: "▾";
    color: var(--color-gray-700);
    font-size: 0.9rem;
    transition: transform 0.18s ease;
}

.register-info-box[open] .register-info-summary[b-qhl98jz1jw]::after {
    transform: rotate(180deg);
}

.register-info-summary-text[b-qhl98jz1jw] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.register-info-summary-hint[b-qhl98jz1jw] {
    flex-shrink: 0;
}

.register-info-body[b-qhl98jz1jw] {
    padding: 0 1rem 1rem;
    color: var(--color-text);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
/* /Components/Pages/Oppsummering.razor.rz.scp.css */
.oppsummering-page[b-ea0va5l30w] {
    padding: 1.5rem 0;
}

.oppsummering-header[b-ea0va5l30w] {
    margin-bottom: 2rem;
}

.oppsummering-header-top[b-ea0va5l30w] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.oppsummering-header h1[b-ea0va5l30w] {
    color: #0f172a;
    font-size: clamp(1.65rem, 2.2vw, 2.2rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    margin-bottom: 0.45rem;
}

.oppsummering-subtitle[b-ea0va5l30w] {
    color: #64748b;
    font-size: 0.95rem;
    margin: 0;
}

.oppsummering-loading[b-ea0va5l30w],
.oppsummering-empty[b-ea0va5l30w] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.96));
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1.2rem;
    padding: 2rem 1.5rem;
    text-align: center;
    color: #64748b;
    font-size: 1rem;
}

.oppsummering-filter[b-ea0va5l30w] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.96));
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem 0.65rem;
}

.oppsummering-filter-header[b-ea0va5l30w] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
}

.oppsummering-filter-label[b-ea0va5l30w] {
    color: #0f172a;
    font-size: 0.85rem;
    font-weight: 700;
}

.oppsummering-filter-value[b-ea0va5l30w] {
    color: #0f172a;
    font-size: 0.85rem;
    font-weight: 800;
}

.oppsummering-range-wrap[b-ea0va5l30w] {
    min-height: 1.7rem;
    width: 100%;
    max-width: 320px;
    margin-top: 0.75rem;
}

.oppsummering-range-dragger[b-ea0va5l30w] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 0.75rem;
    min-width: 0.9rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    cursor: grab;
    z-index: 2;
}

.oppsummering-range-dragger:active[b-ea0va5l30w] {
    cursor: grabbing;
}

.oppsummering-range-input[b-ea0va5l30w] {
    height: 1.15rem;
    position: relative;
    z-index: 3;
}

.oppsummering-range-input[b-ea0va5l30w]::-webkit-slider-thumb {
    width: 15px;
    height: 15px;
}

.oppsummering-range-input[b-ea0va5l30w]::-moz-range-thumb {
    width: 15px;
    height: 15px;
}

.oppsummering-stats-grid[b-ea0va5l30w] {
    display: grid;
    gap: 2rem;
}

.logged-round-stats-grid[b-ea0va5l30w] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.logged-round-stats-card[b-ea0va5l30w] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 0.9rem;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
    min-height: 4.75rem;
    padding: 0.85rem 0.9rem;
    text-align: center;
}

.logged-round-stats-card.logged-round-stats-card-left-align[b-ea0va5l30w] {
    text-align: left;
}

.logged-round-stats-card.logged-round-stats-tapins-tile[b-ea0va5l30w],
.logged-round-stats-card.logged-round-stats-shot-tile.rate-neutral[b-ea0va5l30w] {
    background: #f0f2f5 !important;
    border-color: #9ca3af !important;
}

.logged-round-stats-shot-tile[b-ea0va5l30w] {
    display: grid;
    gap: 0.35rem;
    align-content: space-between;
    padding: 0.85rem 0.9rem !important;
    border: 2px solid transparent !important;
    border-radius: 0.9rem;
    transition: all 0.2s ease;
}

.logged-round-stats-shot-type[b-ea0va5l30w] {
    color: #0f172a;
    font-size: 0.85rem;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.logged-round-stats-shot-rate[b-ea0va5l30w] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 700;
}

.logged-round-stats-shot-rank[b-ea0va5l30w] {
    color: #334155;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.logged-round-stats-shot-rate-multi[b-ea0va5l30w] {
    display: grid;
    gap: 0.12rem;
    font-size: 0.85rem;
}

/* Color variants for success rates (consistent with individual round summary) */
.logged-round-stats-shot-tile.rate-weak[b-ea0va5l30w] {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(239, 68, 68, 0.4) !important;
}

.logged-round-stats-shot-tile.rate-below-average[b-ea0va5l30w] {
    background: rgba(249, 115, 22, 0.14) !important;
    border-color: rgba(249, 115, 22, 0.4) !important;
}

.logged-round-stats-shot-tile.rate-ok[b-ea0va5l30w] {
    background: rgba(245, 158, 11, 0.14) !important;
    border-color: rgba(245, 158, 11, 0.4) !important;
}

.logged-round-stats-shot-tile.rate-good[b-ea0va5l30w] {
    background: rgba(132, 204, 22, 0.16) !important;
    border-color: rgba(132, 204, 22, 0.42) !important;
}

.logged-round-stats-shot-tile.rate-very-good[b-ea0va5l30w] {
    background: rgba(34, 197, 94, 0.15) !important;
    border-color: rgba(34, 197, 94, 0.4) !important;
}

.logged-round-stats-shot-tile.rate-expert[b-ea0va5l30w] {
    background: rgba(16, 185, 129, 0.16) !important;
    border-color: rgba(16, 185, 129, 0.42) !important;
}

.logged-round-stats-shot-tile.rate-elite[b-ea0va5l30w] {
    background: rgba(6, 182, 212, 0.16) !important;
    border-color: rgba(6, 182, 212, 0.42) !important;
}

.logged-round-stats-shot-tile.rate-neutral[b-ea0va5l30w] {
    background: #f0f2f5 !important;
    border-color: #9ca3af !important;
}

.oppsummering-rounds-list[b-ea0va5l30w] {
    margin-top: 2rem;
}

.oppsummering-rounds-list h3[b-ea0va5l30w] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
}

.oppsummering-rounds[b-ea0va5l30w] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.6rem;
}

.oppsummering-round-item[b-ea0va5l30w] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.96));
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 0.9rem;
    padding: 0.9rem 1rem;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 1rem;
    align-items: center;
}

.oppsummering-round-course[b-ea0va5l30w] {
    color: #0f172a;
    font-weight: 600;
    font-size: 0.95rem;
}

.oppsummering-round-score[b-ea0va5l30w] {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
}

.oppsummering-round-date[b-ea0va5l30w] {
    color: #94a3b8;
    font-size: 0.8rem;
    text-align: right;
}

.oppsummering-trend[b-ea0va5l30w] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.96));
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1rem;
    padding: 1.1rem 1.15rem 0.9rem;
    margin-top: 2rem;
}

.oppsummering-trend-head[b-ea0va5l30w] {
    margin-bottom: 0.85rem;
}

.oppsummering-trend-title[b-ea0va5l30w] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.oppsummering-trend-subtitle[b-ea0va5l30w] {
    color: #64748b;
    font-size: 0.82rem;
    margin-top: 0.2rem;
}

.oppsummering-trend-legend[b-ea0va5l30w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.85rem;
}

.oppsummering-trend-chip[b-ea0va5l30w] {
    align-items: center;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 999px;
    color: #0f172a;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 700;
    gap: 0.35rem;
    padding: 0.28rem 0.6rem;
    transition: opacity 0.15s ease, background 0.15s ease;
}

.oppsummering-trend-chip:hover[b-ea0va5l30w] {
    background: rgba(241, 245, 249, 0.95);
}

.oppsummering-trend-chip.is-hidden[b-ea0va5l30w] {
    opacity: 0.4;
}

.oppsummering-trend-chip.is-hidden .oppsummering-trend-swatch[b-ea0va5l30w] {
    opacity: 0.35;
}

.oppsummering-trend-swatch[b-ea0va5l30w] {
    border-radius: 3px;
    display: inline-block;
    height: 0.7rem;
    width: 0.7rem;
}

.oppsummering-trend-wrap[b-ea0va5l30w] {
    overflow-x: auto;
    width: 100%;
}

.oppsummering-trend-chart[b-ea0va5l30w] {
    color: #334155;
    display: block;
    max-width: 100%;
    height: auto;
}

/* ============================================================
   Dark theme — matches the Throw tracker / Storm Putt activity
   (navy gradient panel, translucent tiles, light text).
   Appended so these rules win over the light defaults above.
   ============================================================ */
.oppsummering-page[b-ea0va5l30w] {
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.16), transparent 40%),
        linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(30, 41, 59, 0.95));
    border-radius: 1.2rem;
    color: #e2e8f0;
    padding: 1.5rem;
}

/* Headings / strong values → light */
.oppsummering-header h1[b-ea0va5l30w],
.oppsummering-filter-label[b-ea0va5l30w],
.oppsummering-filter-value[b-ea0va5l30w],
.oppsummering-rounds-list h3[b-ea0va5l30w],
.oppsummering-round-course[b-ea0va5l30w],
.oppsummering-trend-title[b-ea0va5l30w],
.logged-round-stats-shot-type[b-ea0va5l30w],
.logged-round-stats-shot-rate[b-ea0va5l30w] {
    color: #f8fafc;
}

/* Muted text → slate */
.oppsummering-subtitle[b-ea0va5l30w],
.oppsummering-round-score[b-ea0va5l30w],
.oppsummering-round-date[b-ea0va5l30w],
.oppsummering-trend-subtitle[b-ea0va5l30w],
.logged-round-stats-shot-rank[b-ea0va5l30w] {
    color: #94a3b8;
}

/* Surfaces → translucent dark */
.oppsummering-loading[b-ea0va5l30w],
.oppsummering-empty[b-ea0va5l30w],
.oppsummering-filter[b-ea0va5l30w],
.oppsummering-round-item[b-ea0va5l30w],
.oppsummering-trend[b-ea0va5l30w] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.12);
    color: #e2e8f0;
}

.logged-round-stats-card[b-ea0va5l30w] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: none;
}

/* Neutral solid tiles → translucent dark */
.logged-round-stats-card.logged-round-stats-tapins-tile[b-ea0va5l30w],
.logged-round-stats-card.logged-round-stats-shot-tile.rate-neutral[b-ea0va5l30w],
.logged-round-stats-shot-tile.rate-neutral[b-ea0va5l30w] {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}

/* Trend legend chips */
.oppsummering-trend-chip[b-ea0va5l30w] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.14);
    color: #e2e8f0;
}

.oppsummering-trend-chip:hover[b-ea0va5l30w] {
    background: rgba(255, 255, 255, 0.1);
}

.oppsummering-trend-chart[b-ea0va5l30w] {
    color: #cbd5e1;
}

/* Back button (outline) → visible on dark */
.oppsummering-page .btn-outline-secondary[b-ea0va5l30w] {
    color: #cbd5e1;
    border-color: rgba(255, 255, 255, 0.3);
}

.oppsummering-page .btn-outline-secondary:hover[b-ea0va5l30w] {
    background-color: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.45);
    color: #f8fafc;
}
/* /Components/Pages/Players.razor.rz.scp.css */
.players-mobile-sort-buttons[b-x2h1bumbl5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.players-table-container[b-x2h1bumbl5] {
    overflow-x: auto;
}

.players-table[b-x2h1bumbl5] {
    margin-bottom: 0;
}

.players-row[b-x2h1bumbl5] {
    vertical-align: middle;
}

.players-row-main-character[b-x2h1bumbl5] {
    --players-card-accent: var(--color-gray-800);
    --players-card-tint: rgba(73, 80, 87, 0.08);
}

.players-row-rival[b-x2h1bumbl5] {
    --players-card-accent: #b02a37;
    --players-card-tint: rgba(176, 42, 55, 0.08);
}

.players-row-main-cast[b-x2h1bumbl5] {
    --players-card-accent: var(--color-gray-600);
    --players-card-tint: rgba(108, 117, 125, 0.08);
}

.players-row-npc[b-x2h1bumbl5] {
    --players-card-accent: var(--color-gray-500);
    --players-card-tint: rgba(173, 181, 189, 0.14);
}

.players-row-editing[b-x2h1bumbl5] {
    --players-card-accent: var(--color-gray-900);
    --players-card-tint: rgba(33, 37, 41, 0.12);
}

.players-name-content[b-x2h1bumbl5],
.players-category-content[b-x2h1bumbl5],
.players-club-content[b-x2h1bumbl5] {
    min-width: 0;
}

.players-cell-value[b-x2h1bumbl5] {
    display: inline-block;
}

.players-empty-state[b-x2h1bumbl5] {
    max-width: 34rem;
    padding: 1.25rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(73, 80, 87, 0.08), transparent 70%),
        var(--bs-body-bg);
}

.players-empty-form[b-x2h1bumbl5] {
    display: grid;
    gap: 0.85rem;
    max-width: 20rem;
}

@media (max-width: 767.98px) {
    .players-table-container[b-x2h1bumbl5] {
        overflow: visible;
    }

    .players-empty-state[b-x2h1bumbl5] {
        padding: 1rem;
    }

    .players-empty-form[b-x2h1bumbl5] {
        max-width: none;
    }

    .players-table[b-x2h1bumbl5],
    .players-table tbody[b-x2h1bumbl5],
    .players-table tr[b-x2h1bumbl5],
    .players-table td[b-x2h1bumbl5] {
        display: block;
        width: 100%;
    }

    .players-table thead[b-x2h1bumbl5] {
        display: none;
    }

    .players-table tbody[b-x2h1bumbl5] {
        display: grid;
        gap: 0.85rem;
    }

    .players-table tr.players-row[b-x2h1bumbl5] {
        border: 1px solid var(--bs-border-color);
        border-radius: 0.9rem;
        background:
            linear-gradient(135deg, var(--players-card-tint, rgba(108, 117, 125, 0.06)), transparent 68%),
            var(--bs-body-bg);
        box-shadow: 0 0.3rem 0.9rem rgba(33, 37, 41, 0.06);
        padding: 0.3rem 0;
        position: relative;
        overflow: hidden;
    }

    .players-table tr.players-row[b-x2h1bumbl5]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 0.32rem;
        background: var(--players-card-accent, var(--color-gray-600));
    }

    .players-table tr.players-row[b-x2h1bumbl5]::after {
        content: "";
        position: absolute;
        top: 0.65rem;
        right: 0.75rem;
        width: 0.7rem;
        height: 0.7rem;
        border-radius: 999px;
        background: var(--players-card-accent, var(--color-gray-600));
        opacity: 0.2;
    }

    .players-table td[b-x2h1bumbl5] {
        border: 0;
        padding: 0.55rem 0.85rem;
        text-align: left !important;
        position: relative;
        z-index: 1;
    }

    .players-table td + td[b-x2h1bumbl5] {
        border-top: 1px solid rgba(108, 117, 125, 0.16);
    }

    .players-table td[b-x2h1bumbl5]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 0.2rem;
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--bs-secondary-color);
    }

    .players-name-cell[b-x2h1bumbl5] {
        padding-top: 0.85rem;
    }

    .players-name-content strong[b-x2h1bumbl5] {
        font-size: 1rem;
        line-height: 1.3;
    }

    .players-name-content small[b-x2h1bumbl5] {
        display: inline-block;
        margin-top: 0.12rem;
    }

    .players-row-main-character .players-name-content strong[b-x2h1bumbl5],
    .players-row-rival .players-name-content strong[b-x2h1bumbl5] {
        letter-spacing: 0.01em;
    }

    .players-row-main-character .players-name-content strong[b-x2h1bumbl5] {
        color: var(--color-gray-900);
    }

    .players-row-rival .players-name-content strong[b-x2h1bumbl5] {
        color: #8f1d2a;
    }

    .players-edit-controls[b-x2h1bumbl5] {
        flex-direction: column;
        align-items: stretch !important;
    }

    .players-name-input[b-x2h1bumbl5],
    .players-club-input[b-x2h1bumbl5],
    .players-category-select[b-x2h1bumbl5],
    .players-edit-button[b-x2h1bumbl5] {
        width: 100%;
        max-width: none;
    }

    .players-category-content .badge[b-x2h1bumbl5],
    .players-edit-controls .badge[b-x2h1bumbl5] {
        align-self: flex-start;
    }

    .players-cell-value[b-x2h1bumbl5] {
        font-weight: 600;
        color: var(--bs-body-color);
    }

    .players-row-main-character .players-category-content .badge[b-x2h1bumbl5],
    .players-row-rival .players-category-content .badge[b-x2h1bumbl5] {
        box-shadow: 0 0.25rem 0.65rem rgba(33, 37, 41, 0.1);
    }
}
/* /Components/Pages/Rivalery.razor.rz.scp.css */
.rivalry-layout-inline[b-hueu7k7qa6] {
    display: block;
    margin-top: 0.1rem;
}

.rivalry-summary-title[b-hueu7k7qa6] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.rivalry-summary-trend[b-hueu7k7qa6] {
    flex-wrap: wrap;
}

.rivalry-handicap-control[b-hueu7k7qa6] {
    min-width: min(360px, 100%);
    flex: 1 1 320px;
}

.rivalry-handicap-control .form-label[b-hueu7k7qa6] {
    font-size: 0.88rem;
    line-height: 1.2;
}

.rivalry-handicap-tooltip[b-hueu7k7qa6] {
    margin-left: 0.3rem;
    padding: 0;
    min-width: 1rem;
    line-height: 1;
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none;
    vertical-align: text-top;
}

.rivalry-handicap-tooltip:hover[b-hueu7k7qa6],
.rivalry-handicap-tooltip:focus[b-hueu7k7qa6] {
    text-decoration: none;
}

.rivalry-handicap-switch[b-hueu7k7qa6] {
    margin-bottom: 0.2rem;
}

.rivalry-handicap-switch .form-check-label[b-hueu7k7qa6] {
    user-select: none;
}

.rivalry-handicap-control .form-range[b-hueu7k7qa6] {
    margin-bottom: 0.15rem;
}

.rivalry-result-face[b-hueu7k7qa6] {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    mix-blend-mode: multiply;
    vertical-align: middle;
}

.rivalry-result-face-1[b-hueu7k7qa6] {
    background-image: url('/sm1.png');
}

.rivalry-result-face-2[b-hueu7k7qa6] {
    background-image: url('/sm2.png');
}

.rivalry-result-face-3[b-hueu7k7qa6] {
    background-image: url('/sm3.png');
}

.rivalry-result-face-4[b-hueu7k7qa6] {
    background-image: url('/sm4.png');
}

.rivalry-result-face-5[b-hueu7k7qa6] {
    background-image: url('/sm5.png');
}

.rivalry-result-placeholder[b-hueu7k7qa6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 1.2rem;
    line-height: 1;
    color: rgba(108, 117, 125, 0.8);
}

@media (max-width: 767.98px) {
    .rivalry-summary-card[b-hueu7k7qa6] {
        margin-bottom: 1rem !important;
    }

    .rivalry-handicap-control[b-hueu7k7qa6] {
        flex-basis: 100%;
        min-width: 0;
    }

    .rivalry-summary-header[b-hueu7k7qa6] {
        padding: 0.7rem 0.85rem;
        align-items: flex-start !important;
    }

    .rivalry-summary-title[b-hueu7k7qa6] {
        font-size: 1rem;
        line-height: 1.2;
    }

    .rivalry-summary-icon[b-hueu7k7qa6] {
        width: 2.5em !important;
        height: 2.5em !important;
    }

    .rivalry-summary-trend[b-hueu7k7qa6] {
        width: 100%;
        gap: 0.2rem !important;
        font-size: 0.78rem;
    }

    .rivalry-summary-stats[b-hueu7k7qa6] {
        --bs-gutter-x: 0.55rem;
        --bs-gutter-y: 0.55rem;
    }

    .rivalry-summary-stats > .col[b-hueu7k7qa6],
    .rivalry-summary-stats > .col-12[b-hueu7k7qa6] {
        flex: 0 0 calc(50% - 0.01rem);
        max-width: calc(50% - 0.01rem);
    }

    .rivalry-summary-stats > .col-12[b-hueu7k7qa6] {
        flex-basis: 100%;
        max-width: 100%;
    }

    .rivalry-summary-stats .fs-3[b-hueu7k7qa6] {
        font-size: 1.45rem !important;
        line-height: 1.05;
    }

    .rivalry-summary-stats .small[b-hueu7k7qa6] {
        font-size: 0.72rem !important;
    }

    .rivalry-table-container[b-hueu7k7qa6] {
        overflow: visible;
    }

    .rivalry-table[b-hueu7k7qa6] {
        white-space: normal !important;
    }

    .rivalry-table[b-hueu7k7qa6],
    .rivalry-table tbody[b-hueu7k7qa6],
    .rivalry-table td[b-hueu7k7qa6] {
        display: block;
        width: 100%;
    }

    .rivalry-table thead[b-hueu7k7qa6] {
        display: none;
    }

    .rivalry-table tbody[b-hueu7k7qa6] {
        display: grid;
        gap: 0.75rem;
    }

    .rivalry-table tr.rivalry-row[b-hueu7k7qa6] {
        display: grid;
        grid-template-columns: minmax(4.7rem, auto) minmax(0, 1fr) minmax(2.7rem, auto) minmax(3.4rem, auto);
        gap: 0.45rem;
        align-items: center;
        border: 1px solid var(--bs-border-color);
        border-radius: 0.9rem;
        padding: 0.7rem;
        background: var(--bs-body-bg);
        --bs-table-bg: transparent;
        --bs-table-accent-bg: transparent;
        box-shadow: 0 0.25rem 0.8rem rgba(33, 37, 41, 0.06);
        position: relative;
    }

    .rivalry-table tr.rivalry-row[b-hueu7k7qa6]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 0.28rem;
        border-radius: 0.9rem 0 0 0.9rem;
        background: rgba(108, 117, 125, 0.45);
    }

    .rivalry-table tr.rivalry-row.rivalry-outcome-win[b-hueu7k7qa6]::before {
        background: #198754;
    }

    .rivalry-table tr.rivalry-row.rivalry-outcome-loss[b-hueu7k7qa6]::before {
        background: #dc3545;
    }

    .rivalry-table tr.rivalry-row.rivalry-outcome-tie[b-hueu7k7qa6]::before {
        background: #6c757d;
    }

    .rivalry-table tr.rivalry-row.rivalry-outcome-win[b-hueu7k7qa6] {
        box-shadow: 0 0.25rem 0.8rem rgba(25, 135, 84, 0.12);
    }

    .rivalry-table tr.rivalry-row.rivalry-outcome-loss[b-hueu7k7qa6] {
        box-shadow: 0 0.25rem 0.8rem rgba(220, 53, 69, 0.1);
    }

    .rivalry-table td[b-hueu7k7qa6] {
        padding: 0;
        border: 0;
        min-width: 0;
    }

    .rivalry-table tr.rivalry-row > td[b-hueu7k7qa6] {
        background: transparent !important;
        box-shadow: none !important;
    }

    .rivalry-date-cell[b-hueu7k7qa6] {
        grid-column: 1;
        grid-row: 1;
        font-size: 0.82rem;
    }

    .rivalry-course-cell[b-hueu7k7qa6] {
        grid-column: 2 / 4;
        grid-row: 1;
        font-weight: 600;
        line-height: 1.2;
        min-width: 0;
    }

    .rivalry-layout-cell[b-hueu7k7qa6] {
        display: none !important;
    }

    .rivalry-result-cell[b-hueu7k7qa6] {
        grid-column: 4;
        grid-row: 1;
        justify-self: end;
        font-size: 1.45rem !important;
        width: 2.15rem;
        height: 2.15rem;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: rgba(108, 117, 125, 0.08);
    }

    .rivalry-table tr.rivalry-row.rivalry-outcome-win .rivalry-result-cell[b-hueu7k7qa6] {
        background: rgba(25, 135, 84, 0.12);
    }

    .rivalry-table tr.rivalry-row.rivalry-outcome-loss .rivalry-result-cell[b-hueu7k7qa6] {
        background: rgba(220, 53, 69, 0.12);
    }

    .rivalry-table tr.rivalry-row.rivalry-outcome-tie .rivalry-result-cell[b-hueu7k7qa6] {
        background: rgba(108, 117, 125, 0.12);
    }

    .rivalry-result-face[b-hueu7k7qa6],
    .rivalry-result-placeholder[b-hueu7k7qa6] {
        width: 1.65rem;
        height: 1.65rem;
    }

    .rivalry-score-main[b-hueu7k7qa6] {
        grid-column: 1 / 3;
        grid-row: 2;
    }

    .rivalry-score-rival[b-hueu7k7qa6] {
        grid-column: 3;
        grid-row: 2;
    }

    .rivalry-diff-cell[b-hueu7k7qa6] {
        grid-column: 4;
        grid-row: 2;
        font-size: 0.9rem;
    }

    .rivalry-score-cell[b-hueu7k7qa6]::before,
    .rivalry-diff-cell[b-hueu7k7qa6]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 0.15rem;
        font-size: 0.62rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--bs-secondary-color);
    }

    .rivalry-score-cell .badge[b-hueu7k7qa6],
    .rivalry-diff-cell .fw-semibold[b-hueu7k7qa6] {
        font-size: 0.76rem;
    }

    .rivalry-table tr.rivalry-row.rivalry-outcome-win .rivalry-diff-cell .fw-semibold[b-hueu7k7qa6] {
        color: #198754 !important;
    }

    .rivalry-table tr.rivalry-row.rivalry-outcome-loss .rivalry-diff-cell .fw-semibold[b-hueu7k7qa6] {
        color: #dc3545 !important;
    }

    .rivalry-table tr.rivalry-row.rivalry-outcome-tie .rivalry-diff-cell .fw-semibold[b-hueu7k7qa6] {
        color: #6c757d !important;
    }

    .rivalry-expanded-row td[b-hueu7k7qa6] {
        display: block !important;
        width: 100% !important;
    }

    .rivalry-expanded-row[b-hueu7k7qa6] {
        display: block;
        width: 100%;
        margin-top: -0.3rem;
    }

    .rivalry-expanded-cell[b-hueu7k7qa6] {
        width: 100%;
        max-width: 100%;
    }

    .rivalry-expanded-panel[b-hueu7k7qa6] {
        overflow: visible !important;
        padding: 0.7rem !important;
        width: 100%;
        box-sizing: border-box;
    }

    .rivalry-score-mobile[b-hueu7k7qa6],
    .rivalry-score-player[b-hueu7k7qa6],
    .rivalry-hole-grid[b-hueu7k7qa6] {
        width: 100%;
    }

    .rivalry-score-player + .rivalry-score-player[b-hueu7k7qa6] {
        margin-top: 0.8rem;
        padding-top: 0.8rem;
        border-top: 1px solid rgba(108, 117, 125, 0.16);
    }

    .rivalry-score-player-name[b-hueu7k7qa6] {
        font-size: 0.82rem;
        font-weight: 700;
        margin-bottom: 0.4rem;
    }

    .rivalry-hole-grid[b-hueu7k7qa6] {
        display: grid;
        grid-template-columns: repeat(18, minmax(0, 1fr));
        gap: 0.12rem;
    }

    .rivalry-hole-card[b-hueu7k7qa6] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.12rem;
        padding: 0.12rem 0.03rem;
        border: 1px solid rgba(108, 117, 125, 0.14);
        border-radius: 0.45rem;
        background: transparent;
        min-height: 1.75rem;
    }

    .rivalry-hole-number[b-hueu7k7qa6] {
        font-size: 0.4rem;
        line-height: 1;
        color: var(--bs-secondary-color);
    }

    .rivalry-hole-badge[b-hueu7k7qa6] {
        font-size: 0.48rem;
        line-height: 1;
        padding: 0.12rem 0.1rem;
    }

    .rivalry-hole-empty[b-hueu7k7qa6] {
        font-size: 0.46rem;
        color: var(--bs-secondary-color);
    }
}

@media (max-width: 420px) {
    .rivalry-summary-header[b-hueu7k7qa6] {
        padding: 0.65rem 0.75rem;
    }

    .rivalry-summary-title[b-hueu7k7qa6] {
        font-size: 0.92rem;
    }

    .rivalry-summary-stats .fs-3[b-hueu7k7qa6] {
        font-size: 1.25rem !important;
    }

    .rivalry-table tr.rivalry-row[b-hueu7k7qa6] {
        grid-template-columns: minmax(4.2rem, auto) minmax(0, 1fr) minmax(2.5rem, auto) minmax(2.9rem, auto);
    }

    .rivalry-hole-grid[b-hueu7k7qa6] {
        gap: 0.08rem;
    }

    .rivalry-hole-card[b-hueu7k7qa6] {
        padding: 0.1rem 0.02rem;
        min-height: 1.55rem;
    }

    .rivalry-hole-number[b-hueu7k7qa6] {
        font-size: 0.36rem;
    }

    .rivalry-hole-badge[b-hueu7k7qa6],
    .rivalry-hole-empty[b-hueu7k7qa6] {
        font-size: 0.42rem;
    }
}
/* /Components/Pages/Rounds.razor.rz.scp.css */
.rounds-page-tabs[b-cx51r0a1t5] {
    gap: 0.35rem;
    position: sticky;
    top: var(--sticky-navbar-height, 3rem);
    z-index: 999;
    background-color: var(--bs-body-bg);
}

.rounds-page-tabs .nav-item[b-cx51r0a1t5] {
    flex: 1 1 auto;
}

.rounds-page-tabs .nav-link[b-cx51r0a1t5] {
    width: 100%;
    white-space: nowrap;
}

.rounds-filter-grid > div[b-cx51r0a1t5] {
    flex: 1 1 220px;
    min-width: 0;
}

.rounds-filter-options[b-cx51r0a1t5] {
    flex: 1 0 100% !important;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2rem;
    padding-bottom: 0.25rem;
}

.rounds-view-toggle-wrapper[b-cx51r0a1t5] {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 1rem;
    row-gap: 0.65rem;
}

.rounds-view-toggle-separator[b-cx51r0a1t5] {
    width: 1px;
    height: 1.4rem;
    background: var(--bs-border-color);
}

.rounds-view-toggle[b-cx51r0a1t5] {
    color: var(--bs-body-color);
    background-color: transparent;
    border: 1px solid var(--bs-border-color);
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    white-space: nowrap;
    transition: background-color 0.18s ease, border-color 0.18s ease;
}

.rounds-view-toggle:hover[b-cx51r0a1t5],
.rounds-view-toggle:focus-visible[b-cx51r0a1t5] {
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-secondary-color);
}

.rounds-filter-toggles[b-cx51r0a1t5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1.25rem;
}

.rounds-filter-toggles .form-check[b-cx51r0a1t5] {
    margin: 0;
}

.rounds-description-filter-wrapper[b-cx51r0a1t5] {
    flex: 0 1 250px;
}

.rounds-filter-panel[b-cx51r0a1t5],
.rounds-description-filter[b-cx51r0a1t5] {
    width: 100%;
}

.rounds-activity-type-options[b-cx51r0a1t5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem 1rem;
}

.rounds-activity-type-options .form-check[b-cx51r0a1t5] {
    margin-bottom: 0;
    min-width: 0;
}

.rounds-summary-stats[b-cx51r0a1t5] {
    align-items: stretch;
}

.rounds-summary-stat[b-cx51r0a1t5] {
    min-width: 6.5rem;
}

.rounds-table[b-cx51r0a1t5],
.rounds-grid-table[b-cx51r0a1t5],
.rounds-activities-table[b-cx51r0a1t5] {
    margin-bottom: 0;
}

.rounds-table-bottom-scroll[b-cx51r0a1t5] {
    position: fixed;
    bottom: max(0.25rem, env(safe-area-inset-bottom));
    z-index: 1020;
    height: 1.25rem;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.25rem;
    background: var(--bs-body-bg);
    box-shadow: 0 0.1rem 0.35rem rgba(0, 0, 0, 0.18);
    scrollbar-width: thin;
}

.rounds-table-bottom-scroll > div[b-cx51r0a1t5] {
    height: 1px;
}

.rounds-row.rounds-top-condition-round[b-cx51r0a1t5] {
    box-shadow: inset 0 0 0 1px #e0a900, 0 0 0.75rem rgba(224, 169, 0, 0.5), 0 0.35rem 0.7rem rgba(224, 169, 0, 0.4);
}

.rounds-row.rounds-top-condition-round > td[b-cx51r0a1t5] {
    border-bottom: 1px solid rgba(224, 169, 0, 0.65);
    box-shadow: inset 0 -0.2rem 0.3rem rgba(224, 169, 0, 0.14);
}

.rounds-grid-table[b-cx51r0a1t5] {
    white-space: nowrap;
}

.rounds-details-content[b-cx51r0a1t5] {
    width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

.rounds-details-footer[b-cx51r0a1t5] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
}

.rounds-details-footer small[b-cx51r0a1t5] {
    margin-left: auto;
    text-align: right;
}

.rounds-group-byline[b-cx51r0a1t5] {
    display: block;
    font-size: 0.76rem;
    line-height: 1.2;
    text-align: left;
}

.rounds-group-byline[b-cx51r0a1t5] {
    border: 0;
    padding: 0;
    color: var(--bs-secondary-color);
    background: transparent;
}

/* Overrides the bg-light utility class for stronger contrast against the row above it. */
.rounds-details-cell[b-cx51r0a1t5] {
    background-color: #e2e5e8 !important;
}

.rounds-detail-header[b-cx51r0a1t5] {
    gap: 0.75rem;
}

.rounds-detail-stats[b-cx51r0a1t5] {
    flex-wrap: wrap;
    row-gap: 0.35rem;
}

.rounds-condition-panel[b-cx51r0a1t5],
.rounds-metadata-editor[b-cx51r0a1t5] {
    min-width: 0;
}

.rounds-hole-penalty[b-cx51r0a1t5] {
    font-size: 0.55rem;
    color: #dc3545;
    font-weight: 700;
    line-height: 1;
    margin-top: 0.1rem;
}

.manual-round-hole-grid-wrap[b-cx51r0a1t5] {
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 0.15rem;
}

.manual-round-hole-grid[b-cx51r0a1t5] {
    display: grid;
    grid-template-columns: repeat(9, 54px);
    gap: 0.5rem;
    width: max-content;
}

.manual-round-hole-cell[b-cx51r0a1t5] {
    min-width: 54px;
}

.manual-round-hole-cell .form-control[b-cx51r0a1t5] {
    width: 54px;
}

.rounds-condition-grid[b-cx51r0a1t5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.rounds-condition-section[b-cx51r0a1t5] {
    min-width: 0;
}

.rounds-layout-group-field[b-cx51r0a1t5] {
    grid-column: span 1;
}

.rounds-condition-section-wide[b-cx51r0a1t5] {
    grid-column: 1 / -1;
}

.rounds-slider-card[b-cx51r0a1t5] {
    border: 1px solid rgba(108, 117, 125, 0.18);
    border-radius: 0.8rem;
    background: rgba(255, 255, 255, 0.9);
    padding: 0.65rem 0.75rem 0.45rem;
}

.rounds-condition-slider[b-cx51r0a1t5] {
    margin-bottom: 0.25rem;
}

.rounds-condition-selected[b-cx51r0a1t5] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 2.5rem;
}

.rounds-condition-face[b-cx51r0a1t5] {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    mix-blend-mode: multiply;
}

.rounds-condition-face-inline[b-cx51r0a1t5] {
    width: 1.4rem;
    height: 1.4rem;
    vertical-align: middle;
}

.rounds-condition-face-1[b-cx51r0a1t5] {
    background-image: url('/sm1.png');
}

.rounds-condition-face-2[b-cx51r0a1t5] {
    background-image: url('/sm2.png');
}

.rounds-condition-face-3[b-cx51r0a1t5] {
    background-image: url('/sm3.png');
}

.rounds-condition-face-4[b-cx51r0a1t5] {
    background-image: url('/sm4.png');
}

.rounds-condition-face-5[b-cx51r0a1t5] {
    background-image: url('/sm5.png');
}

.rounds-condition-placeholder[b-cx51r0a1t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: rgba(33, 37, 41, 0.6);
}

.rounds-condition-tags[b-cx51r0a1t5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.7rem;
}

.rounds-condition-check[b-cx51r0a1t5] {
    margin-right: 0;
}

.rounds-condition-check .form-check-label[b-cx51r0a1t5] {
    white-space: normal;
}

.rounds-metadata-display[b-cx51r0a1t5] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    align-content: flex-start;
}

.rounds-metadata-text[b-cx51r0a1t5] {
    flex: 1 0 100%;
    min-width: 0;
    max-width: 100%;
    font-size: 0.82rem;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.rounds-round-notes[b-cx51r0a1t5] {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.rounds-notes-input[b-cx51r0a1t5] {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.rounds-round-bag-panel[b-cx51r0a1t5] {
    border-top: 1px solid rgba(108, 117, 125, 0.16);
    padding-top: 0.5rem;
}

.rounds-round-bag-panel .form-select[b-cx51r0a1t5] {
    width: min(18rem, 100%);
}

.rounds-disc-picker[b-cx51r0a1t5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.rounds-disc-picker-button[b-cx51r0a1t5] {
    max-width: 100%;
}

.rounds-disc-picker-button span:last-child[b-cx51r0a1t5] {
    min-width: 0;
}

.rounds-disc-picker-option[b-cx51r0a1t5] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    padding-left: 0.6rem;
    padding: 0.4rem 0.6rem;
    border: 1px solid rgba(108, 117, 125, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
}

.rounds-disc-picker-option .form-check-input[b-cx51r0a1t5] {
    margin: 0;
    float: none;
    flex: 0 0 auto;
}

.rounds-disc-picker-option .form-check-label[b-cx51r0a1t5] {
    margin: 0;
    font-size: 0.85rem;
}

.rounds-disc-picker-swatch[b-cx51r0a1t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    overflow: hidden;
}

.rounds-disc-picker-swatch > span[b-cx51r0a1t5] {
    flex: 0 0 auto;
}

.rounds-no-metadata-dot[b-cx51r0a1t5] {
    display: inline-block;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background-color: #dc3545;
    vertical-align: middle;
    margin-right: 0.3rem;
}

.rounds-attached-indicator-btn[b-cx51r0a1t5] {
    border: 0;
    background: transparent;
    color: #0d6efd;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.85rem;
    padding: 0;
    margin-left: 0.35rem;
    line-height: 1;
}

.rounds-attached-indicator-btn:hover[b-cx51r0a1t5] {
    color: #0a58ca;
}

.rounds-disc-summary-list[b-cx51r0a1t5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    width: 100%;
}

.rounds-disc-summary-chip[b-cx51r0a1t5] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.25rem 0.55rem;
    border: 1px solid rgba(108, 117, 125, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    font-size: 0.82rem;
}

.rounds-grid-detail-scores[b-cx51r0a1t5] {
    display: none;
}

.rounds-cell-scoreline[b-cx51r0a1t5] {
    display: none;
}

.rounds-grid-details-content[b-cx51r0a1t5] {
    padding: 0.85rem 1rem !important;
    min-width: 0;
    white-space: normal;
}

.rounds-grid-details-content .rounds-metadata-editor[b-cx51r0a1t5] {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-x: hidden;
}

.rounds-grid-details-content .rounds-condition-section[b-cx51r0a1t5],
.rounds-grid-details-content .rounds-condition-section > div[b-cx51r0a1t5],
.rounds-grid-details-content .d-flex[b-cx51r0a1t5],
.rounds-grid-details-content .form-control[b-cx51r0a1t5],
.rounds-grid-details-content .form-select[b-cx51r0a1t5],
.rounds-grid-details-content textarea[b-cx51r0a1t5] {
    min-width: 0;
    max-width: 100%;
}

.rounds-grid-details-content .rounds-detail-header[b-cx51r0a1t5] {
    margin-bottom: 0.5rem !important;
}

.rounds-grid-details-content .rounds-detail-stats[b-cx51r0a1t5] {
    row-gap: 0.2rem;
}

.rounds-grid-metadata-display[b-cx51r0a1t5] {
    width: 100%;
    min-width: 0;
    gap: 0.4rem 0.5rem !important;
}

.rounds-grid-metadata-display .badge[b-cx51r0a1t5] {
    line-height: 1.1;
}

.rounds-grid-text-block[b-cx51r0a1t5] {
    display: block;
    flex: 1 0 100%;
    min-width: 0;
    max-width: 100%;
    width: 100%;
    margin-top: 0.15rem;
    padding: 0.45rem 0.6rem;
    border: 1px solid rgba(108, 117, 125, 0.16);
    border-radius: 0.7rem;
    background: rgba(255, 255, 255, 0.72);
}

.rounds-grid-note-block[b-cx51r0a1t5] {
    background: rgba(255, 255, 255, 0.92);
}

.rounds-grid-text-label[b-cx51r0a1t5] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.2rem;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.15;
    color: var(--bs-secondary-color);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.rounds-grid-text-content[b-cx51r0a1t5] {
    display: block;
    min-width: 0;
    max-width: 100%;
    font-size: 0.82rem;
    line-height: 1.35;
    color: var(--bs-body-color);
    white-space: pre-wrap;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.rounds-compare-card[b-cx51r0a1t5] {
    border: 1px solid rgba(13, 110, 253, 0.2);
    background: linear-gradient(180deg, rgba(248, 250, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%);
}

.rounds-binary-toggle[b-cx51r0a1t5] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2rem;
    white-space: nowrap;
}

.rounds-binary-toggle-option[b-cx51r0a1t5] {
    color: var(--bs-secondary-color);
    font-size: 0.875rem;
}

.rounds-binary-toggle-option.active[b-cx51r0a1t5] {
    color: var(--bs-body-color);
    font-weight: 700;
}

.rounds-binary-toggle-switch[b-cx51r0a1t5] {
    display: inline-flex;
    align-items: center;
    width: 2.35rem;
    height: 1.3rem;
    padding: 0.15rem;
    border: 1px solid #adb5bd;
    border-radius: 999px;
    background: #e9ecef;
    cursor: pointer;
    flex: 0 0 auto;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.rounds-binary-toggle-switch span[b-cx51r0a1t5] {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    transition: transform 0.15s ease;
}

.rounds-binary-toggle-switch[aria-checked="true"][b-cx51r0a1t5] {
    border-color: #0d6efd;
    background: #0d6efd;
}

.rounds-binary-toggle-switch[aria-checked="true"] span[b-cx51r0a1t5] {
    transform: translateX(1.05rem);
}

.rounds-binary-toggle-switch:focus-visible[b-cx51r0a1t5] {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.rounds-compare-selector[b-cx51r0a1t5] {
    max-height: 18rem;
    overflow-y: auto;
    border: 1px solid rgba(108, 117, 125, 0.16);
    border-radius: 0.65rem;
}

.rounds-compare-group-input[b-cx51r0a1t5] {
    width: min(22rem, 100%);
}

.rounds-compare-group-name[b-cx51r0a1t5] {
    display: inline-block;
    max-width: 16rem;
    overflow-wrap: anywhere;
}

.rounds-compare-selector.rounds-compare-selector-compact[b-cx51r0a1t5] {
    max-height: 9rem;
}

.rounds-compare-select-cell[b-cx51r0a1t5] {
    text-align: center;
    vertical-align: middle;
}

.rounds-compare-checkbox[b-cx51r0a1t5] {
    float: none;
    margin: 0;
    transform: scale(1.3);
    transform-origin: center;
    accent-color: #0d6efd;
    border-width: 2px;
    box-shadow: 0 0 0 1px rgba(13, 110, 253, 0.18);
}

.rounds-compare-checkbox:focus[b-cx51r0a1t5] {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.22);
}

.rounds-compare-row-disabled[b-cx51r0a1t5] {
    color: rgba(108, 117, 125, 0.88);
    background: rgba(248, 249, 250, 0.9);
}

.rounds-compare-row-disabled td[b-cx51r0a1t5],
.rounds-compare-row-disabled small[b-cx51r0a1t5] {
    color: inherit !important;
}

.rounds-compare-row-disabled .rounds-compare-checkbox[b-cx51r0a1t5] {
    opacity: 0.45;
    box-shadow: none;
}

.rounds-compare-details[b-cx51r0a1t5] {
    border-top: 1px solid rgba(108, 117, 125, 0.2);
    padding-top: 0.85rem;
}

.rounds-compare-details-heading[b-cx51r0a1t5] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.rounds-compare-holes-scroll-top[b-cx51r0a1t5] {
    height: 1.15rem;
    margin-bottom: 0.2rem;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.rounds-compare-holes-scroll-top > div[b-cx51r0a1t5] {
    height: 1px;
}

.rounds-compare-headline[b-cx51r0a1t5] {
    background: rgba(255, 255, 255, 0.82);
}

.rounds-compare-summary-table th[b-cx51r0a1t5],
.rounds-compare-summary-table td[b-cx51r0a1t5],
.rounds-compare-holes-table th[b-cx51r0a1t5],
.rounds-compare-holes-table td[b-cx51r0a1t5] {
    vertical-align: middle;
    width: 50px;
    min-width: 50px;
}

.rounds-compare-holes-table th:first-child[b-cx51r0a1t5],
.rounds-compare-holes-table td:first-child[b-cx51r0a1t5] {
    width: 60px;
    min-width: 60px;
}

.rounds-compare-progression[b-cx51r0a1t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4rem;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
}

.rounds-compare-progression.is-better[b-cx51r0a1t5] {
    color: #15803d;
}

.rounds-compare-progression.is-even[b-cx51r0a1t5] {
    color: #6c757d;
}

.rounds-compare-progression.is-worse[b-cx51r0a1t5] {
    color: #c2410c;
}

@media (max-width: 1199.98px) {
    .rounds-compare-selector table[b-cx51r0a1t5],
    .rounds-compare-summary-table[b-cx51r0a1t5],
    .rounds-compare-holes-table[b-cx51r0a1t5] {
        font-size: 0.78rem;
    }

    .rounds-compare-selector th[b-cx51r0a1t5],
    .rounds-compare-selector td[b-cx51r0a1t5],
    .rounds-compare-summary-table th[b-cx51r0a1t5],
    .rounds-compare-summary-table td[b-cx51r0a1t5],
    .rounds-compare-holes-table th[b-cx51r0a1t5],
    .rounds-compare-holes-table td[b-cx51r0a1t5] {
        padding: 0.35rem 0.28rem;
    }

    .rounds-compare-col-player[b-cx51r0a1t5],
    .rounds-compare-col-total[b-cx51r0a1t5],
    .rounds-compare-col-plusminus[b-cx51r0a1t5] {
        display: none;
    }

    .rounds-compare-selector[b-cx51r0a1t5] {
        max-height: min(60vh, 28rem);
    }

    .rounds-compare-selector.rounds-compare-selector-compact[b-cx51r0a1t5] {
        max-height: min(32vh, 14rem);
    }

    .rounds-compare-selector table th:first-child[b-cx51r0a1t5],
    .rounds-compare-selector table td:first-child[b-cx51r0a1t5] {
        width: 3rem;
        min-width: 3rem;
    }

    .rounds-compare-selector table td:nth-child(4)[b-cx51r0a1t5],
    .rounds-compare-selector table th:nth-child(4)[b-cx51r0a1t5] {
        min-width: 9rem;
    }

    .rounds-compare-holes-table th:first-child[b-cx51r0a1t5],
    .rounds-compare-holes-table td:first-child[b-cx51r0a1t5] {
        display: none;
    }

    .rounds-compare-holes-table .badge[b-cx51r0a1t5] {
        min-width: 1.7rem;
        padding: 0.25rem 0.3rem;
        font-size: 0.72rem;
    }

    .rounds-compare-progression[b-cx51r0a1t5] {
        min-width: 1rem;
        font-size: 0.95rem;
    }

    .manual-round-hole-grid-wrap[b-cx51r0a1t5] {
        overflow-x: visible;
    }

    .manual-round-hole-grid[b-cx51r0a1t5] {
        grid-template-columns: repeat(9, minmax(0, 1fr));
        width: 100%;
        gap: 0.35rem;
    }

    .manual-round-hole-cell[b-cx51r0a1t5] {
        min-width: 0;
    }

    .manual-round-hole-cell .form-control[b-cx51r0a1t5] {
        width: 100%;
        min-width: 0;
    }

    .rounds-page-tabs .nav-link[b-cx51r0a1t5] {
        font-size: 1rem !important;
        line-height: 1.2;
        padding-inline: 0.8rem;
    }

    .rounds-filter-grid[b-cx51r0a1t5] {
        gap: 1rem !important;
    }

    .rounds-filter-panel[b-cx51r0a1t5],
    .rounds-filter-panel-year[b-cx51r0a1t5],
    .rounds-filter-panel-type[b-cx51r0a1t5],
    .rounds-description-filter[b-cx51r0a1t5] {
        max-width: none !important;
    }

    .rounds-summary-stats[b-cx51r0a1t5] {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 0.65rem !important;
    }

    .rounds-summary-divider[b-cx51r0a1t5] {
        display: none;
    }

    .rounds-summary-stat[b-cx51r0a1t5] {
        border: 1px solid rgba(108, 117, 125, 0.12);
        border-radius: 0.8rem;
        background: rgba(255, 255, 255, 0.72);
        padding: 0.65rem 0.45rem;
    }

    .rounds-grid-table[b-cx51r0a1t5] {
        font-size: 0.86rem;
        white-space: normal;
    }

    .rounds-grid-container[b-cx51r0a1t5] {
        overflow: visible;
    }

    .rounds-grid-table[b-cx51r0a1t5],
    .rounds-grid-table tbody[b-cx51r0a1t5] {
        display: block;
        width: 100%;
    }

    .rounds-grid-table thead[b-cx51r0a1t5] {
        display: none;
    }

    .rounds-grid-table tbody[b-cx51r0a1t5] {
        display: grid;
        gap: 0.8rem;
    }

    .rounds-grid-table tr.rounds-row[b-cx51r0a1t5] {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        column-gap: 0.25rem;
        row-gap: 0;
        border: 1px solid var(--bs-border-color);
        border-radius: 0.9rem;
        background: linear-gradient(135deg, rgba(248, 249, 250, 0.95), rgba(255, 255, 255, 0.98));
        box-shadow: 0 0.3rem 0.8rem rgba(33, 37, 41, 0.06);
        overflow: hidden;
    }

    .rounds-grid-table tr.rounds-row > td[b-cx51r0a1t5] {
        background: transparent !important;
        box-shadow: none !important;
    }

    .rounds-grid-table td[b-cx51r0a1t5] {
        display: flex;
        align-items: baseline;
        gap: 0.35rem;
        width: auto;
        border: 0;
        padding: 0.42rem 0.6rem;
        text-align: left !important;
        min-width: 0;
    }

    .rounds-grid-table td[b-cx51r0a1t5]::before {
        content: attr(data-label);
        display: inline-block;
        flex: 0 0 auto;
        margin-bottom: 0;
        font-size: 0.62rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--bs-secondary-color);
    }

    .rounds-grid-table .rounds-cell-date[b-cx51r0a1t5] {
        grid-column: span 3;
        align-items: center;
        gap: 0.25rem;
    }

    .rounds-grid-table .rounds-cell-player[b-cx51r0a1t5] {
        display: none;
    }

    .rounds-grid-table .rounds-cell-course[b-cx51r0a1t5] {
        grid-column: span 8;
        min-width: 0;
    }

    .rounds-grid-table .rounds-cell-marker[b-cx51r0a1t5] {
        grid-column: span 1;
        align-items: center;
        justify-content: center;
    }

    .rounds-grid-table .rounds-cell-total[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-plusminus[b-cx51r0a1t5] {
        grid-column: span 2;
    }

    .rounds-grid-table .rounds-cell-rating[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-birdie[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-bogey[b-cx51r0a1t5] {
        grid-column: span 2;
    }

    .rounds-grid-table .rounds-cell-birdie[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-bogey[b-cx51r0a1t5] {
        grid-column: span 3;
    }

    .rounds-grid-table .rounds-cell-metrix[b-cx51r0a1t5] {
        display: none;
    }

    .rounds-grid-table .rounds-cell-scoreline[b-cx51r0a1t5] {
        display: flex;
        grid-column: 1 / -1;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.28rem;
        padding-top: 0.2rem;
    }

    .rounds-grid-table .rounds-cell-scoreline[b-cx51r0a1t5]::before {
        display: none;
    }

    .rounds-grid-table .rounds-cell-player[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-course[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-player strong[b-cx51r0a1t5] {
        min-width: 0;
        font-weight: 600;
    }

    .rounds-grid-table .rounds-cell-player strong[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-course[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-date[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-marker[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-total[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-plusminus[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-rating[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-birdie[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-bogey[b-cx51r0a1t5] {
        font-size: 0.83rem;
        line-height: 1.2;
    }

    .rounds-grid-table .rounds-cell-date[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-course[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-total[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-plusminus[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-rating[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-birdie[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-bogey[b-cx51r0a1t5] {
        padding-top: 0.34rem;
        padding-bottom: 0.28rem;
    }

    .rounds-grid-table .rounds-cell-total[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-plusminus[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-rating[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-birdie[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-bogey[b-cx51r0a1t5] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.12rem;
    }

    .rounds-grid-table .rounds-cell-course[b-cx51r0a1t5] {
        align-items: center;
        gap: 0.25rem;
    }

    .rounds-grid-table .rounds-cell-total[b-cx51r0a1t5]::before,
    .rounds-grid-table .rounds-cell-plusminus[b-cx51r0a1t5]::before,
    .rounds-grid-table .rounds-cell-rating[b-cx51r0a1t5]::before,
    .rounds-grid-table .rounds-cell-birdie[b-cx51r0a1t5]::before,
    .rounds-grid-table .rounds-cell-bogey[b-cx51r0a1t5]::before {
        display: block;
    }

    .rounds-grid-table .rounds-cell-date[b-cx51r0a1t5]::before,
    .rounds-grid-table .rounds-cell-course[b-cx51r0a1t5]::before {
        display: none;
    }

    .rounds-grid-table .rounds-course-inline[b-cx51r0a1t5] {
        display: flex;
        align-items: center;
        gap: 0.2rem;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        overflow: visible;
        white-space: nowrap;
    }

    .rounds-grid-table .rounds-course-label[b-cx51r0a1t5] {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rounds-grid-table .rounds-course-link[b-cx51r0a1t5] {
        display: inline-flex;
        flex: 0 0 1.5rem;
        align-items: center;
        justify-content: center;
        color: var(--bs-link-color);
        line-height: 1;
    }

    .rounds-grid-table .rounds-cell-course small[b-cx51r0a1t5] {
        display: inline;
        font-size: 0.72rem;
        white-space: normal;
    }

    .rounds-grid-table .rounds-cell-total span[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-plusminus span[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-rating[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-metrix[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-birdie[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-bogey[b-cx51r0a1t5] {
        font-weight: 600;
    }

    .rounds-grid-table .rounds-marker-column[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-marker[b-cx51r0a1t5] {
        width: 1%;
        white-space: nowrap;
    }

    .rounds-grid-table .rounds-cell-marker[b-cx51r0a1t5] {
        text-align: center !important;
    }

    .rounds-grid-table .rounds-cell-marker.rounds-cell-marker-empty[b-cx51r0a1t5] {
        display: none;
    }

    .rounds-grid-table .rounds-cell-marker[b-cx51r0a1t5]::before {
        display: none !important;
    }

    .rounds-grid-table .rounds-hole-column[b-cx51r0a1t5],
    .rounds-grid-table .rounds-hole-cell[b-cx51r0a1t5] {
        display: none;
    }

    .rounds-grid-detail-scores[b-cx51r0a1t5] {
        display: none;
    }

    .rounds-grid-table .rounds-hole-scores[b-cx51r0a1t5] {
        display: grid !important;
        grid-template-columns: repeat(9, minmax(0, 1fr));
        gap: 0.18rem !important;
        align-items: start;
    }

    .rounds-grid-table .rounds-hole-score[b-cx51r0a1t5] {
        min-width: 0 !important;
    }

    .rounds-grid-table .rounds-hole-number[b-cx51r0a1t5] {
        font-size: 0.58rem;
        line-height: 1;
        margin-bottom: 0.12rem;
    }

    .rounds-grid-table .rounds-hole-score .badge[b-cx51r0a1t5] {
        display: block;
        width: 100%;
        min-width: 0;
        padding: 0.18rem 0;
        font-size: 0.56rem !important;
        line-height: 1.05;
    }

    .rounds-grid-table .rounds-hole-scores-inline[b-cx51r0a1t5] {
        width: 100%;
    }

    .rounds-grid-table .rounds-details-row[b-cx51r0a1t5] {
        display: block;
    }

    .rounds-grid-table .rounds-details-cell[b-cx51r0a1t5] {
        display: block !important;
        width: 100% !important;
        border: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .rounds-grid-table .rounds-details-cell > div[b-cx51r0a1t5] {
        margin-top: -0.3rem;
        border: 1px solid rgba(108, 117, 125, 0.25);
        border-radius: 0.9rem;
        background: #e2e5e8;
        overflow: hidden;
    }

    .rounds-grid-table .rounds-detail-header[b-cx51r0a1t5] {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .rounds-grid-table .rounds-detail-stats[b-cx51r0a1t5] {
        width: 100%;
        gap: 0.45rem !important;
    }

    .rounds-grid-table .rounds-detail-stats span[b-cx51r0a1t5] {
        font-size: 0.78rem;
    }

    .rounds-grid-table .rounds-grid-text-block[b-cx51r0a1t5] {
        padding: 0.4rem 0.5rem;
    }

    .rounds-grid-table .rounds-grid-text-content[b-cx51r0a1t5] {
        font-size: 0.78rem;
        line-height: 1.3;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .rounds-grid-container[b-cx51r0a1t5] {
        overflow-x: auto !important;
        overflow-y: hidden;
    }

    .rounds-grid-table[b-cx51r0a1t5] {
        display: table !important;
        width: max-content !important;
        min-width: 100%;
        table-layout: auto;
        white-space: nowrap;
        font-size: 0.78rem;
    }

    .rounds-grid-table thead[b-cx51r0a1t5] {
        display: table-header-group;
    }

    .rounds-grid-table tbody[b-cx51r0a1t5] {
        display: table-row-group;
        width: auto;
    }

    .rounds-grid-table tr.rounds-row[b-cx51r0a1t5] {
        display: table-row;
        grid-template-columns: none;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        overflow: visible;
    }

    .rounds-grid-table tr.rounds-row > td[b-cx51r0a1t5] {
        background: var(--bs-table-bg);
        box-shadow: none !important;
    }

    .rounds-grid-table th[b-cx51r0a1t5],
    .rounds-grid-table td[b-cx51r0a1t5] {
        display: table-cell;
        width: auto;
        min-width: 0;
        padding: 0.25rem 0.3rem;
        text-align: center;
        white-space: nowrap;
    }

    .rounds-grid-table .rounds-cell-marker.rounds-cell-marker-empty[b-cx51r0a1t5] {
        display: table-cell !important;
    }

    .rounds-grid-table td[b-cx51r0a1t5]::before {
        display: none !important;
    }

    .rounds-grid-table .rounds-cell-total[b-cx51r0a1t5]::before,
    .rounds-grid-table .rounds-cell-plusminus[b-cx51r0a1t5]::before,
    .rounds-grid-table .rounds-cell-rating[b-cx51r0a1t5]::before,
    .rounds-grid-table .rounds-cell-birdie[b-cx51r0a1t5]::before,
    .rounds-grid-table .rounds-cell-bogey[b-cx51r0a1t5]::before {
        display: none !important;
    }

    .rounds-grid-table th:nth-child(3)[b-cx51r0a1t5],
    .rounds-grid-table td:nth-child(3)[b-cx51r0a1t5] {
        width: 9rem;
        max-width: 9rem;
        text-align: left;
    }

    .rounds-grid-table .rounds-course-inline[b-cx51r0a1t5] {
        display: flex;
        align-items: center;
        gap: 0.2rem;
        width: 100%;
        max-width: 9rem;
        overflow: visible;
        white-space: nowrap;
    }

    .rounds-grid-table .rounds-course-label[b-cx51r0a1t5] {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .rounds-grid-table .rounds-course-label small[b-cx51r0a1t5] {
        white-space: nowrap;
    }

    .rounds-grid-table .rounds-group-byline[b-cx51r0a1t5] {
        height: 0.92rem;
        min-height: 0.92rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rounds-grid-table .rounds-grid-detail-scores[b-cx51r0a1t5] {
        display: none !important;
    }

    .rounds-grid-table .rounds-cell-marker > i[b-cx51r0a1t5],
    .rounds-grid-table .rounds-cell-total i[b-cx51r0a1t5] {
        visibility: hidden;
    }

    .rounds-grid-table .rounds-hole-column[b-cx51r0a1t5],
    .rounds-grid-table .rounds-hole-cell[b-cx51r0a1t5] {
        display: table-cell !important;
        box-sizing: border-box;
        width: 1.55rem;
        min-width: 1.55rem;
        max-width: 1.55rem;
        padding: 0.2rem 0.08rem !important;
        text-align: center !important;
        vertical-align: middle;
    }

    .rounds-grid-table .rounds-cell-scoreline[b-cx51r0a1t5] {
        display: none !important;
    }

    .rounds-grid-table .rounds-hole-cell .badge[b-cx51r0a1t5] {
        display: inline-block;
        min-width: 1.3rem;
        padding: 0.16rem 0.08rem;
        font-size: 0.62rem !important;
        line-height: 1.1;
        text-align: center;
    }

    .rounds-grid-table .rounds-details-row[b-cx51r0a1t5] {
        display: table-row;
    }

    .rounds-grid-table .rounds-details-cell[b-cx51r0a1t5] {
        display: table-cell !important;
    }
}

@media (max-width: 575.98px) {
    .rounds-view-toggle-separator[b-cx51r0a1t5] {
        flex: 0 0 100%;
        width: 100%;
        height: 1px;
    }

    .rounds-condition-grid[b-cx51r0a1t5] {
        grid-template-columns: 1fr;
    }

    .rounds-layout-group-field[b-cx51r0a1t5] {
        grid-column: auto;
    }

    .rounds-compare-holes-wrap[b-cx51r0a1t5] {
        display: flex;
        justify-content: center;
        overflow-x: auto;
    }

    .rounds-compare-holes-table[b-cx51r0a1t5] {
        table-layout: auto;
        width: max-content;
        min-width: 0;
        font-size: 0.62rem;
        line-height: 1;
        margin-inline: auto;
    }

    .rounds-compare-holes-table th[b-cx51r0a1t5],
    .rounds-compare-holes-table td[b-cx51r0a1t5] {
        padding: 0.12rem 0.01rem;
        white-space: nowrap;
    }

    .rounds-compare-holes-table thead th[b-cx51r0a1t5] {
        font-size: 0.62rem;
        font-weight: 700;
    }

    .rounds-compare-holes-table .badge[b-cx51r0a1t5] {
        min-width: 0.92rem;
        padding: 0.08rem 0.02rem;
        font-size: 0.58rem;
        line-height: 1;
        border-radius: 0.32rem;
    }

    .rounds-compare-holes-table .text-muted[b-cx51r0a1t5] {
        font-size: 0.58rem;
    }

    .rounds-compare-progression[b-cx51r0a1t5] {
        min-width: 0.4rem;
        font-size: 0.68rem;
    }
}

    .rounds-grid-details-content[b-cx51r0a1t5] {
        padding: 0.75rem 0.8rem !important;
    }

    .rounds-grid-table th[b-cx51r0a1t5],
    .rounds-grid-table td[b-cx51r0a1t5] {
        padding: 0.35rem 0.4rem;
    }

}

@media (max-width: 991.98px) {
    .rounds-table-container[b-cx51r0a1t5] {
        max-width: 100%;
        overflow-x: hidden;
    }

    .rounds-table[b-cx51r0a1t5] {
        width: 100%;
        table-layout: fixed;
    }

    .rounds-table th[b-cx51r0a1t5],
    .rounds-table td[b-cx51r0a1t5] {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .rounds-table th:nth-child(8)[b-cx51r0a1t5],
    .rounds-table th:nth-child(9)[b-cx51r0a1t5],
    .rounds-table th:nth-child(10)[b-cx51r0a1t5],
    .rounds-table td:nth-child(8)[b-cx51r0a1t5],
    .rounds-table td:nth-child(9)[b-cx51r0a1t5],
    .rounds-table td:nth-child(10)[b-cx51r0a1t5] {
        display: none;
    }

    .rounds-detail-header[b-cx51r0a1t5] {
        flex-wrap: wrap;
    }

    .rounds-detail-stats[b-cx51r0a1t5] {
        min-width: 0;
    }

    .rounds-hole-scores[b-cx51r0a1t5] {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(1.85rem, 1fr));
        gap: 0.24rem !important;
        width: 100%;
    }

    .rounds-hole-score[b-cx51r0a1t5] {
        min-width: 0 !important;
    }

    .rounds-hole-number[b-cx51r0a1t5] {
        font-size: 0.62rem;
        line-height: 1;
        margin-bottom: 0.12rem;
    }

    .rounds-hole-score .badge[b-cx51r0a1t5] {
        display: block;
        width: 100%;
        min-width: 0;
        padding: 0.2rem 0;
        font-size: 0.66rem !important;
        line-height: 1.05;
    }

    .rounds-disc-summary-chip[b-cx51r0a1t5] {
        max-width: 100%;
        min-width: 0;
    }

    .rounds-disc-summary-chip > span:last-child[b-cx51r0a1t5] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .rounds-details-meta-line[b-cx51r0a1t5] {
        display: block;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .rounds-details-footer[b-cx51r0a1t5] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .rounds-details-footer small[b-cx51r0a1t5] {
        margin-left: 0;
        text-align: left;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .rounds-table[b-cx51r0a1t5] {
        font-size: 0.84rem;
    }

    .rounds-table th[b-cx51r0a1t5],
    .rounds-table td[b-cx51r0a1t5] {
        padding: 0.34rem 0.28rem;
    }

    .rounds-table .rounds-cell-player[b-cx51r0a1t5] {
        width: 20%;
    }

    .rounds-table .rounds-cell-course[b-cx51r0a1t5] {
        width: 28%;
    }

    .rounds-table .rounds-cell-rating[b-cx51r0a1t5] {
        width: 8%;
        text-align: center;
        white-space: nowrap;
    }

    .rounds-table .rounds-cell-course[b-cx51r0a1t5],
    .rounds-table .rounds-cell-player[b-cx51r0a1t5],
    .rounds-table .rounds-cell-date[b-cx51r0a1t5] {
        overflow-wrap: anywhere;
    }
}

@media (max-width: 767.98px) {
    .manual-round-hole-grid[b-cx51r0a1t5] {
        grid-template-columns: repeat(9, minmax(0, 1fr));
        gap: 0.25rem;
    }

    .manual-round-hole-cell[b-cx51r0a1t5] {
        font-size: 0.72rem;
    }

    .manual-round-hole-cell .fw-bold[b-cx51r0a1t5] {
        font-size: 0.58rem;
        line-height: 1.1;
        margin-bottom: 0.12rem;
    }

    .manual-round-hole-cell .form-control[b-cx51r0a1t5] {
        padding: 0.2rem 0.1rem;
        font-size: 0.78rem;
        line-height: 1.15;
        min-height: 0;
    }

    .rounds-page-tabs[b-cx51r0a1t5] {
        align-items: stretch !important;
    }

    .rounds-page-tabs .nav-link[b-cx51r0a1t5] {
        font-size: 0.95rem !important;
        white-space: normal;
        min-height: 3rem;
    }

    .rounds-view-mode[b-cx51r0a1t5] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .rounds-view-mode .btn[b-cx51r0a1t5] {
        width: 100%;
    }

    .rounds-table-container[b-cx51r0a1t5],
    .rounds-grid-container[b-cx51r0a1t5],
    .rounds-activities-container[b-cx51r0a1t5] {
        overflow: visible;
    }

    .rounds-table[b-cx51r0a1t5],
    .rounds-grid-table[b-cx51r0a1t5],
    .rounds-activities-table[b-cx51r0a1t5],
    .rounds-table tbody[b-cx51r0a1t5],
    .rounds-grid-table tbody[b-cx51r0a1t5],
    .rounds-activities-table tbody[b-cx51r0a1t5] {
        display: block;
        width: 100%;
    }

    .rounds-table thead[b-cx51r0a1t5],
    .rounds-grid-table thead[b-cx51r0a1t5],
    .rounds-activities-table thead[b-cx51r0a1t5] {
        display: none;
    }

    .rounds-table tbody[b-cx51r0a1t5],
    .rounds-grid-table tbody[b-cx51r0a1t5],
    .rounds-activities-table tbody[b-cx51r0a1t5] {
        display: grid;
        gap: 0.8rem;
    }

    .rounds-table tr.rounds-row[b-cx51r0a1t5],
    .rounds-grid-table tr.rounds-row[b-cx51r0a1t5],
    .rounds-activities-table tr.rounds-activity-row[b-cx51r0a1t5] {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 0;
        border: 1px solid var(--bs-border-color);
        border-radius: 0.9rem;
        background: linear-gradient(135deg, rgba(248, 249, 250, 0.95), rgba(255, 255, 255, 0.98));
        box-shadow: 0 0.3rem 0.8rem rgba(33, 37, 41, 0.06);
        overflow: hidden;
    }

    .rounds-table td[b-cx51r0a1t5],
    .rounds-grid-table td[b-cx51r0a1t5],
    .rounds-activities-table td[b-cx51r0a1t5] {
        display: flex;
        align-items: baseline;
        gap: 0.35rem;
        width: auto;
        border: 0;
        padding: 0.42rem 0.6rem;
        text-align: left !important;
        min-width: 0;
    }

    .rounds-table td[b-cx51r0a1t5]::before,
    .rounds-grid-table td[b-cx51r0a1t5]::before,
    .rounds-activities-table td[b-cx51r0a1t5]::before {
        content: attr(data-label);
        display: inline-block;
        flex: 0 0 auto;
        margin-bottom: 0;
        font-size: 0.62rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--bs-secondary-color);
    }

    .rounds-cell-date[b-cx51r0a1t5] {
        grid-column: span 4;
    }

    .rounds-cell-player[b-cx51r0a1t5] {
        grid-column: span 8;
    }

    .rounds-cell-course[b-cx51r0a1t5] {
        grid-column: span 5;
    }

    .rounds-cell-marker[b-cx51r0a1t5] {
        grid-column: span 1;
    }

    .rounds-cell-total[b-cx51r0a1t5],
    .rounds-cell-plusminus[b-cx51r0a1t5] {
        grid-column: span 3;
    }

    .rounds-cell-rating[b-cx51r0a1t5],
    .rounds-cell-metrix[b-cx51r0a1t5],
    .rounds-cell-birdie[b-cx51r0a1t5],
    .rounds-cell-bogey[b-cx51r0a1t5] {
        grid-column: span 3;
    }

    .rounds-cell-player strong[b-cx51r0a1t5],
    .rounds-activity-type[b-cx51r0a1t5],
    .rounds-activity-duration[b-cx51r0a1t5] {
        font-weight: 600;
    }

    .rounds-cell-player[b-cx51r0a1t5],
    .rounds-cell-course[b-cx51r0a1t5] {
        min-width: 0;
    }

    .rounds-cell-player strong[b-cx51r0a1t5],
    .rounds-cell-course[b-cx51r0a1t5],
    .rounds-cell-date[b-cx51r0a1t5],
    .rounds-cell-marker[b-cx51r0a1t5],
    .rounds-cell-total[b-cx51r0a1t5],
    .rounds-cell-plusminus[b-cx51r0a1t5],
    .rounds-cell-rating[b-cx51r0a1t5],
    .rounds-cell-metrix[b-cx51r0a1t5],
    .rounds-cell-birdie[b-cx51r0a1t5],
    .rounds-cell-bogey[b-cx51r0a1t5] {
        font-size: 0.83rem;
        line-height: 1.2;
    }

    .rounds-cell-player small[b-cx51r0a1t5],
    .rounds-cell-course small[b-cx51r0a1t5] {
        font-size: 0.72rem;
    }

    .rounds-cell-total span[b-cx51r0a1t5],
    .rounds-cell-plusminus span[b-cx51r0a1t5],
    .rounds-cell-rating[b-cx51r0a1t5],
    .rounds-cell-metrix[b-cx51r0a1t5],
    .rounds-cell-birdie[b-cx51r0a1t5],
    .rounds-cell-bogey[b-cx51r0a1t5] {
        font-weight: 600;
    }

    .rounds-grid-table .rounds-row[b-cx51r0a1t5] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .rounds-marker-column[b-cx51r0a1t5],
    .rounds-cell-marker[b-cx51r0a1t5] {
        width: 1%;
        white-space: nowrap;
    }

    .rounds-cell-marker[b-cx51r0a1t5] {
        text-align: center !important;
    }

    .rounds-cell-marker[b-cx51r0a1t5]::before {
        display: none !important;
    }

    .rounds-slider-card[b-cx51r0a1t5] {
        padding-inline: 0.65rem;
    }

    .rounds-grid-table .rounds-hole-column[b-cx51r0a1t5],
    .rounds-grid-table .rounds-hole-cell[b-cx51r0a1t5] {
        display: none;
    }

    .rounds-grid-detail-scores[b-cx51r0a1t5] {
        display: block;
    }

    .rounds-hole-scores[b-cx51r0a1t5] {
        display: grid !important;
        grid-template-columns: repeat(9, minmax(0, 1fr));
        gap: 0.18rem !important;
        align-items: start;
    }

    .rounds-hole-score[b-cx51r0a1t5] {
        min-width: 0 !important;
    }

    .rounds-hole-number[b-cx51r0a1t5] {
        font-size: 0.58rem;
        line-height: 1;
        margin-bottom: 0.12rem;
    }

    .rounds-hole-score .badge[b-cx51r0a1t5] {
        display: block;
        width: 100%;
        min-width: 0;
        padding: 0.18rem 0;
        font-size: 0.56rem !important;
        line-height: 1.05;
    }

    .rounds-details-row[b-cx51r0a1t5] {
        display: block;
    }

    .rounds-details-cell[b-cx51r0a1t5] {
        display: block !important;
        width: 100% !important;
        border: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .rounds-details-cell > div[b-cx51r0a1t5] {
        margin-top: -0.3rem;
        border: 1px solid rgba(108, 117, 125, 0.25);
        border-radius: 0.9rem;
        background: #e2e5e8;
        overflow: hidden;
    }

    .rounds-detail-header[b-cx51r0a1t5] {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .rounds-detail-stats[b-cx51r0a1t5] {
        width: 100%;
        gap: 0.45rem !important;
    }

    .rounds-detail-stats span[b-cx51r0a1t5] {
        font-size: 0.78rem;
    }

    .rounds-grid-text-block[b-cx51r0a1t5] {
        padding: 0.4rem 0.5rem;
    }

    .rounds-grid-text-content[b-cx51r0a1t5] {
        font-size: 0.78rem;
        line-height: 1.3;
    }

    .rounds-activities-table tr.rounds-activity-row[b-cx51r0a1t5] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        --bs-table-bg: transparent;
        --bs-table-striped-bg: transparent;
        --bs-table-accent-bg: transparent;
    }

    .rounds-activities-table tbody > tr.rounds-activity-row:nth-child(4n + 1)[b-cx51r0a1t5],
    .rounds-activities-table tbody > tr.rounds-activity-row:nth-child(4n + 2)[b-cx51r0a1t5] {
        background: linear-gradient(135deg, rgba(248, 249, 250, 0.95), rgba(255, 255, 255, 0.98));
    }

    .rounds-activities-table tbody > tr.rounds-activity-row:nth-child(4n + 3)[b-cx51r0a1t5],
    .rounds-activities-table tbody > tr.rounds-activity-row:nth-child(4n + 4)[b-cx51r0a1t5] {
        background: linear-gradient(135deg, rgba(241, 245, 249, 0.96), rgba(251, 253, 255, 0.98));
    }

    .rounds-activities-table tr.rounds-activity-row > td[b-cx51r0a1t5] {
        background: transparent !important;
        box-shadow: none !important;
    }

    .rounds-activity-date[b-cx51r0a1t5],
    .rounds-activity-duration[b-cx51r0a1t5] {
        grid-column: span 6;
    }

    .rounds-activity-date[b-cx51r0a1t5] {
        grid-column: 1 / 7;
        grid-row: 1;
    }

    .rounds-activity-duration[b-cx51r0a1t5] {
        grid-column: 7 / -1;
        grid-row: 1;
    }

    .rounds-activity-type[b-cx51r0a1t5],
    .rounds-activity-description[b-cx51r0a1t5] {
        grid-column: 1 / -1;
    }

    .rounds-activity-type[b-cx51r0a1t5] {
        grid-row: 2;
    }

    .rounds-activity-description[b-cx51r0a1t5] {
        grid-row: 3;
    }

    .rounds-activity-type[b-cx51r0a1t5],
    .rounds-activity-description[b-cx51r0a1t5],
    .rounds-activity-date[b-cx51r0a1t5],
    .rounds-activity-duration[b-cx51r0a1t5] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.28rem;
    }

    .rounds-activity-type[b-cx51r0a1t5]::before,
    .rounds-activity-description[b-cx51r0a1t5]::before,
    .rounds-activity-date[b-cx51r0a1t5]::before,
    .rounds-activity-duration[b-cx51r0a1t5]::before {
        display: block;
    }

    .rounds-activity-type-badges[b-cx51r0a1t5] {
        width: 100%;
        min-width: 0;
        row-gap: 0.3rem;
    }

    .rounds-activity-type-badges .badge[b-cx51r0a1t5] {
        max-width: 100%;
        white-space: normal;
        text-align: left;
        line-height: 1.15;
    }

    .rounds-activity-description[b-cx51r0a1t5] {
        padding-top: 0.15rem;
        line-height: 1.3;
    }

    .rounds-activity-actions[b-cx51r0a1t5] {
        display: none;
    }

    .rounds-activity-actions[b-cx51r0a1t5]::before {
        display: none !important;
    }

    .rounds-activity-actions .btn[b-cx51r0a1t5] {
        width: auto;
        min-width: 2.25rem;
    }
}

@media (max-width: 420px) {
    .rounds-activities-table tr.rounds-activity-row[b-cx51r0a1t5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rounds-activity-date[b-cx51r0a1t5],
    .rounds-activity-duration[b-cx51r0a1t5] {
        grid-row: 1;
    }

    .rounds-activity-date[b-cx51r0a1t5] {
        grid-column: 1;
    }

    .rounds-activity-duration[b-cx51r0a1t5] {
        grid-column: 2;
    }

    .rounds-activity-type[b-cx51r0a1t5],
    .rounds-activity-description[b-cx51r0a1t5],
    .rounds-activity-actions[b-cx51r0a1t5] {
        grid-column: 1 / -1;
    }
}

.logged-round-summary-modal[b-cx51r0a1t5] {
    font-size: 0.95rem;
}

.logged-round-summary-top[b-cx51r0a1t5] {
    margin-bottom: 0.7rem;
}

.logged-round-summary-title[b-cx51r0a1t5] {
    font-size: 1.45rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.logged-round-summary-date[b-cx51r0a1t5],
.logged-round-summary-description[b-cx51r0a1t5],
.logged-round-summary-linked[b-cx51r0a1t5] {
    color: #64748b;
    font-size: 1.05rem;
}

.logged-round-summary-linked[b-cx51r0a1t5] {
    margin-top: 0.35rem;
}

.logged-round-summary-tabs[b-cx51r0a1t5] {
    display: flex;
    gap: 0.55rem;
    margin-bottom: 0.75rem;
}

.logged-round-summary-tab[b-cx51r0a1t5] {
    border: 1px solid rgba(148, 163, 184, 0.35);
    background-color: #f8fafc;
    color: #334155;
    border-radius: 0.75rem;
    padding: 0.35rem 0.75rem;
    font-weight: 700;
    font-size: 0.84rem;
    text-transform: uppercase;
}

.logged-round-summary-tab.is-active[b-cx51r0a1t5] {
    border-color: rgba(59, 130, 246, 0.55);
    color: #2563eb;
    background-color: rgba(59, 130, 246, 0.08);
}

.logged-round-summary-cards[b-cx51r0a1t5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.6rem;
}

.logged-round-summary-card[b-cx51r0a1t5] {
    border-radius: 0.9rem;
    padding: 0.85rem;
    border: 2px solid rgba(148, 163, 184, 0.25);
    background-color: #f8fafc;
    text-align: center;
}

.logged-round-summary-card.is-warning[b-cx51r0a1t5] {
    background-color: #efe7d7;
    border-color: #f4b95f;
}

.logged-round-summary-card.is-ok[b-cx51r0a1t5] {
    background-color: #efe7d7;
    border-color: #f4b95f;
}

.logged-round-summary-card.is-strong[b-cx51r0a1t5] {
    background-color: #dfead7;
    border-color: #a6d86a;
}

.logged-round-summary-card.is-neutral[b-cx51r0a1t5] {
    background-color: #f0f2f5 !important;
    border-color: #9ca3af !important;
}

.logged-round-summary-card-title[b-cx51r0a1t5] {
    font-size: 1.1rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}

.logged-round-summary-card-rate[b-cx51r0a1t5] {
    font-size: 1.12rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.15;
}

.logged-round-summary-card-grade[b-cx51r0a1t5] {
    margin-top: 0.2rem;
    font-size: 0.86rem;
    font-weight: 800;
    color: #334155;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.rounds-logged-round-holes[b-cx51r0a1t5] {
    display: grid;
    gap: 0.65rem;
}

.rounds-logged-round-hole-card[b-cx51r0a1t5] {
    padding: 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.45rem;
    background-color: #f8f9fa;
}

.rounds-logged-round-hole-header[b-cx51r0a1t5] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
    color: #0f172a;
}

.rounds-logged-round-hole-meta[b-cx51r0a1t5] {
    color: #64748b;
    font-size: 0.82rem;
    margin-bottom: 0.45rem;
}

.rounds-logged-round-empty[b-cx51r0a1t5] {
    font-size: 0.85rem;
}

.rounds-logged-round-throw-list[b-cx51r0a1t5] {
    display: grid;
    gap: 0.3rem;
}

.rounds-logged-round-throw-row[b-cx51r0a1t5] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.84rem;
    color: #0f172a;
}

.rounds-logged-round-throw-result[b-cx51r0a1t5] {
    margin-left: auto;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
}

.rounds-logged-round-throw-result.is-success[b-cx51r0a1t5] {
    background-color: rgba(34, 197, 94, 0.16);
    color: #15803d;
}

.rounds-logged-round-throw-result.is-failure[b-cx51r0a1t5] {
    background-color: rgba(239, 68, 68, 0.16);
    color: #b91c1c;
}

.rounds-logged-round-throw-result.is-neutral[b-cx51r0a1t5] {
    background-color: rgba(148, 163, 184, 0.2);
    color: #475569;
}

.rounds-logged-round-throw-result.is-turnover[b-cx51r0a1t5] {
    background-color: rgba(245, 158, 11, 0.2);
    color: #92400e;
}

.rounds-logged-round-throw-details[b-cx51r0a1t5] {
    margin-left: 1.6rem;
    color: #64748b;
    font-size: 0.78rem;
}

.rounds-details-content[b-cx51r0a1t5],
.rounds-grid-details-content[b-cx51r0a1t5],
.rounds-metadata-editor[b-cx51r0a1t5],
.rounds-metadata-editor .rounds-condition-section[b-cx51r0a1t5] {
    min-width: 0;
    max-width: 100%;
}

.rounds-metadata-editor[b-cx51r0a1t5] {
    width: 100%;
    overflow-x: hidden;
}

.rounds-metadata-editor .form-control[b-cx51r0a1t5],
.rounds-metadata-editor .form-select[b-cx51r0a1t5],
.rounds-metadata-editor textarea[b-cx51r0a1t5] {
    min-width: 0;
    max-width: 100%;
}

@media (min-width: 768px) {
    .rounds-grid-table thead th:nth-child(1)[b-cx51r0a1t5],
    .rounds-grid-table tr.rounds-row > td:nth-child(1)[b-cx51r0a1t5] {
        text-align: left !important;
    }

    .rounds-grid-table thead th:nth-child(5)[b-cx51r0a1t5],
    .rounds-grid-table tr.rounds-row > td:nth-child(5)[b-cx51r0a1t5],
    .rounds-grid-table thead th:nth-child(6)[b-cx51r0a1t5],
    .rounds-grid-table tr.rounds-row > td:nth-child(6)[b-cx51r0a1t5],
    .rounds-grid-table thead th:nth-child(7)[b-cx51r0a1t5],
    .rounds-grid-table tr.rounds-row > td:nth-child(7)[b-cx51r0a1t5] {
        text-align: center !important;
    }
}

@media (min-width: 768px) and (max-width: 1599.98px) {
    .rounds-table th:nth-child(2)[b-cx51r0a1t5],
    .rounds-table td:nth-child(2)[b-cx51r0a1t5],
    .rounds-grid-table th:nth-child(2)[b-cx51r0a1t5],
    .rounds-grid-table td:nth-child(2)[b-cx51r0a1t5] {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1449.98px) {
    .rounds-table th:nth-child(8)[b-cx51r0a1t5],
    .rounds-table td:nth-child(8)[b-cx51r0a1t5],
    .rounds-grid-table th:nth-child(8)[b-cx51r0a1t5],
    .rounds-grid-table td:nth-child(8)[b-cx51r0a1t5] {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1349.98px) {
    .rounds-table th:nth-child(10)[b-cx51r0a1t5],
    .rounds-table td:nth-child(10)[b-cx51r0a1t5],
    .rounds-grid-table th:nth-child(10)[b-cx51r0a1t5],
    .rounds-grid-table td:nth-child(10)[b-cx51r0a1t5] {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1249.98px) {
    .rounds-table th:nth-child(9)[b-cx51r0a1t5],
    .rounds-table td:nth-child(9)[b-cx51r0a1t5],
    .rounds-grid-table th:nth-child(9)[b-cx51r0a1t5],
    .rounds-grid-table td:nth-child(9)[b-cx51r0a1t5] {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1149.98px) {
    .rounds-table th:nth-child(5)[b-cx51r0a1t5],
    .rounds-table td:nth-child(5)[b-cx51r0a1t5],
    .rounds-grid-table th:nth-child(5)[b-cx51r0a1t5],
    .rounds-grid-table td:nth-child(5)[b-cx51r0a1t5] {
        display: none !important;
    }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
    .rounds-grid-table th:nth-child(3)[b-cx51r0a1t5],
    .rounds-grid-table td:nth-child(3)[b-cx51r0a1t5] {
        width: 15rem;
        max-width: 15rem;
        text-align: left;
    }

    .rounds-grid-table .rounds-course-inline[b-cx51r0a1t5] {
        display: flex;
        align-items: center;
        gap: 0.2rem;
        width: 100%;
        max-width: 15rem;
        overflow: visible;
        white-space: nowrap;
    }

    .rounds-grid-table .rounds-course-label[b-cx51r0a1t5] {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rounds-grid-table .rounds-group-byline[b-cx51r0a1t5] {
        display: block;
        max-width: 15rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (min-width: 1600px) {
    .rounds-grid-table th:nth-child(3)[b-cx51r0a1t5],
    .rounds-grid-table td:nth-child(3)[b-cx51r0a1t5] {
        width: 18rem;
        max-width: 18rem;
        text-align: left;
    }

    .rounds-grid-table .rounds-course-inline[b-cx51r0a1t5] {
        display: flex;
        align-items: center;
        gap: 0.2rem;
        width: 100%;
        max-width: 18rem;
        overflow: visible;
        white-space: nowrap;
    }

    .rounds-grid-table .rounds-course-label[b-cx51r0a1t5] {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rounds-grid-table .rounds-group-byline[b-cx51r0a1t5] {
        display: block;
        max-width: 18rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 767.98px) {
    .rounds-details-content[b-cx51r0a1t5],
    .rounds-grid-details-content[b-cx51r0a1t5] {
        padding: 0.75rem !important;
    }

    .rounds-metadata-editor[b-cx51r0a1t5] {
        padding: 0.65rem !important;
    }
}

@media (min-width: 768px) and (max-width: 1599.98px) {
    .rounds-table .rounds-details-row[b-cx51r0a1t5],
    .rounds-grid-table .rounds-details-row[b-cx51r0a1t5] {
        display: table-row !important;
    }

    .rounds-table .rounds-details-row > .rounds-details-cell[b-cx51r0a1t5],
    .rounds-grid-table .rounds-details-row > .rounds-details-cell[b-cx51r0a1t5] {
        display: table-cell !important;
        width: auto !important;
        max-width: none !important;
    }

    .rounds-details-slide[b-cx51r0a1t5] {
        width: calc(100vw - 5rem);
        max-width: calc(100vw - 5rem);
        min-width: 0;
        box-sizing: border-box;
    }

    .rounds-details-content[b-cx51r0a1t5],
    .rounds-grid-details-content[b-cx51r0a1t5],
    .rounds-metadata-display[b-cx51r0a1t5],
    .rounds-metadata-editor[b-cx51r0a1t5] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 640.98px) {
    .rounds-table .rounds-details-row[b-cx51r0a1t5],
    .rounds-grid-table .rounds-details-row[b-cx51r0a1t5] {
        width: calc(100vw - 1.5rem);
        max-width: calc(100vw - 1.5rem);
    }

    .rounds-table .rounds-details-row > .rounds-details-cell[b-cx51r0a1t5],
    .rounds-grid-table .rounds-details-row > .rounds-details-cell[b-cx51r0a1t5] {
        width: calc(100vw - 1.5rem) !important;
        max-width: calc(100vw - 1.5rem) !important;
    }
}
/* /Components/PerfectRoundPanel.razor.rz.scp.css */
.perfect-round-panel[b-hwl4r7qltp] {
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.perfect-round-header[b-hwl4r7qltp] {
    margin-bottom: 1.5rem;
}

.perfect-round-kicker[b-hwl4r7qltp] {
    color: #c2410c;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    margin-bottom: 0.55rem;
    text-transform: uppercase;
}

.perfect-round-title[b-hwl4r7qltp] {
    color: #0f172a;
    font-size: clamp(1.7rem, 2.3vw, 2.3rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    margin-bottom: 0.45rem;
}

.perfect-round-description[b-hwl4r7qltp],
.perfect-round-sidebar-text[b-hwl4r7qltp],
.perfect-round-review-text[b-hwl4r7qltp],
.perfect-round-progress-subtitle[b-hwl4r7qltp],
.perfect-round-row-date[b-hwl4r7qltp],
.perfect-round-summary-label[b-hwl4r7qltp],
.perfect-round-updated[b-hwl4r7qltp] {
    color: #64748b;
}

.perfect-round-layout[b-hwl4r7qltp] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1.55fr) minmax(18rem, 0.95fr);
}

.perfect-round-layout.is-round-active[b-hwl4r7qltp] {
    grid-template-columns: 1fr;
}

.perfect-round-main[b-hwl4r7qltp],
.perfect-round-sidebar-card[b-hwl4r7qltp],
.perfect-round-progress-card[b-hwl4r7qltp],
.perfect-round-current-card[b-hwl4r7qltp],
.perfect-round-review-card[b-hwl4r7qltp],
.perfect-round-setup[b-hwl4r7qltp] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.96));
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1.2rem;
    padding: 1.1rem;
}

.perfect-round-block-title[b-hwl4r7qltp] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-bottom: 0.35rem;
}

.perfect-round-form-grid[b-hwl4r7qltp] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.perfect-round-summary-strip[b-hwl4r7qltp],
.perfect-round-session-meta[b-hwl4r7qltp],
.perfect-round-actions[b-hwl4r7qltp],
.perfect-round-current-meta[b-hwl4r7qltp],
.perfect-round-counter-row[b-hwl4r7qltp],
.perfect-round-hole-track[b-hwl4r7qltp],
.perfect-round-score-breakdown[b-hwl4r7qltp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.perfect-round-summary-strip[b-hwl4r7qltp] {
    background: #fff7ed;
    border: 1px solid rgba(249, 115, 22, 0.18);
    border-radius: 1rem;
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
}

.perfect-round-summary-strip > div[b-hwl4r7qltp],
.perfect-round-pill[b-hwl4r7qltp] {
    display: grid;
    gap: 0.2rem;
}

.perfect-round-summary-label[b-hwl4r7qltp] {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.perfect-round-pill[b-hwl4r7qltp] {
    background: rgba(249, 115, 22, 0.1);
    border: 1px solid rgba(249, 115, 22, 0.16);
    border-radius: 999px;
    color: #9a3412;
    font-size: 0.9rem;
    font-weight: 700;
    padding: 0.45rem 0.85rem;
}

.perfect-round-progress-header[b-hwl4r7qltp],
.perfect-round-current-header[b-hwl4r7qltp] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.perfect-round-current-meta[b-hwl4r7qltp] {
    gap: 1rem;
    margin-top: 0.3rem;
}

.perfect-round-progress-meta[b-hwl4r7qltp] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.perfect-round-progress-summary[b-hwl4r7qltp] {
    display: flex;
}

.perfect-round-progress-stat[b-hwl4r7qltp] {
    background: #fff7ed;
    border: 1px solid rgba(249, 115, 22, 0.18);
    border-radius: 1rem;
    color: #9a3412;
    display: grid;
    gap: 0.2rem;
    min-width: 8rem;
    padding: 0.75rem 0.95rem;
}

.perfect-round-progress-stat span[b-hwl4r7qltp] {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.perfect-round-progress-stat strong[b-hwl4r7qltp] {
    color: #0f172a;
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1;
}

.perfect-round-hole-track[b-hwl4r7qltp] {
    gap: 0.55rem;
}

.perfect-round-hole-chip[b-hwl4r7qltp],
.perfect-round-review-item[b-hwl4r7qltp],
.perfect-round-score-breakdown-item[b-hwl4r7qltp] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 0.95rem;
    display: grid;
    gap: 0.18rem;
    min-width: 4.4rem;
    padding: 0.55rem 0.7rem;
    text-align: center;
}

.perfect-round-hole-chip span[b-hwl4r7qltp],
.perfect-round-review-item span[b-hwl4r7qltp],
.perfect-round-score-breakdown-item span[b-hwl4r7qltp] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.perfect-round-hole-chip strong[b-hwl4r7qltp],
.perfect-round-review-item strong[b-hwl4r7qltp],
.perfect-round-score-breakdown-item strong[b-hwl4r7qltp] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
}

.perfect-round-hole-chip.is-current[b-hwl4r7qltp] {
    background: #fff7ed;
    border-color: rgba(249, 115, 22, 0.35);
}

.perfect-round-hole-chip.is-completed[b-hwl4r7qltp] {
    background: #eff6ff;
    border-color: rgba(59, 130, 246, 0.28);
}

.perfect-round-counter-input[b-hwl4r7qltp] {
    max-width: 7rem;
    text-align: center;
}

.perfect-round-counter-row[b-hwl4r7qltp] {
    align-items: center;
    flex-wrap: nowrap;
}

.perfect-round-counter-row > .btn[b-hwl4r7qltp] {
    flex: 0 0 auto;
}

.perfect-round-counter-row > .perfect-round-counter-input[b-hwl4r7qltp] {
    flex: 1 1 auto;
    min-width: 0;
}

.perfect-round-counter-input[readonly][b-hwl4r7qltp] {
    background-color: #fff;
    cursor: default;
}

.perfect-round-review-grid[b-hwl4r7qltp] {
    display: grid;
    gap: 0.4rem;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    justify-content: start;
    width: min(100%, 44rem);
}

.perfect-round-review-grid .perfect-round-review-item[b-hwl4r7qltp] {
    min-width: 0;
    padding: 0.45rem 0.25rem;
}

.perfect-round-review-grid .perfect-round-review-item span[b-hwl4r7qltp] {
    font-size: 0.62rem;
    letter-spacing: 0.04em;
}

.perfect-round-review-grid .perfect-round-review-item strong[b-hwl4r7qltp] {
    font-size: 0.9rem;
}

.perfect-round-review-card .perfect-round-actions[b-hwl4r7qltp] {
    margin-top: 1rem;
}

.perfect-round-current-actions[b-hwl4r7qltp] {
    display: grid;
    align-items: center;
    gap: 1rem;
    grid-template-columns: auto auto minmax(0, 1fr);
    margin-top: 0.9rem;
}

.perfect-round-current-actions > .btn[b-hwl4r7qltp] {
    min-width: 0;
    white-space: nowrap;
}

.perfect-round-current-action-cancel[b-hwl4r7qltp] {
    font-size: 0.88rem;
    padding-left: 0.65rem;
    padding-right: 0.65rem;
}

.perfect-round-current-action-continue[b-hwl4r7qltp] {
    justify-self: start;
    max-width: 14rem;
    width: min(100%, 14rem);
}

.perfect-round-score-table[b-hwl4r7qltp] {
    margin-bottom: 0;
    table-layout: fixed;
    width: 100%;
}

.perfect-round-score-table th[b-hwl4r7qltp],
.perfect-round-score-table td[b-hwl4r7qltp] {
    vertical-align: middle;
}

.perfect-round-score-row[b-hwl4r7qltp] {
    cursor: pointer;
}

.perfect-round-score-row.is-expanded[b-hwl4r7qltp] {
    background: #fff7ed;
}

.perfect-round-score-detail-row td[b-hwl4r7qltp] {
    background: rgba(255, 247, 237, 0.7);
}

.perfect-round-score-breakdown-title[b-hwl4r7qltp] {
    color: #9a3412;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
}

.perfect-round-score-breakdown[b-hwl4r7qltp] {
    display: grid;
    gap: 0.25rem;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    width: min(100%, 34rem);
}

.perfect-round-score-breakdown-item[b-hwl4r7qltp] {
    min-width: 0;
    padding: 0.35rem 0.15rem;
}

.perfect-round-score-breakdown-item span[b-hwl4r7qltp] {
    font-size: 0.56rem;
    letter-spacing: 0.02em;
}

.perfect-round-score-breakdown-item strong[b-hwl4r7qltp] {
    font-size: 0.82rem;
}

.perfect-round-empty[b-hwl4r7qltp] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 1rem;
    color: #64748b;
    padding: 1rem;
}

.perfect-round-alert[b-hwl4r7qltp] {
    border-radius: 0.95rem;
    margin-bottom: 1rem;
}

/* Restored-draft notice fades and collapses away once the user starts interacting. */
.perfect-round-restored-notice[b-hwl4r7qltp] {
    max-height: 8rem;
    overflow: hidden;
    transition: opacity 0.4s ease, max-height 0.4s ease, margin 0.4s ease,
        padding 0.4s ease, border-width 0.4s ease;
}

.perfect-round-restored-notice.is-hiding[b-hwl4r7qltp] {
    opacity: 0;
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
    pointer-events: none;
}

@media (max-width: 991.98px) {
    .perfect-round-layout[b-hwl4r7qltp] {
        grid-template-columns: 1fr;
    }

    .perfect-round-progress-meta[b-hwl4r7qltp] {
        gap: 0.75rem;
    }
}

@media (max-width: 575.98px) {
    .perfect-round-main[b-hwl4r7qltp],
    .perfect-round-sidebar-card[b-hwl4r7qltp],
    .perfect-round-progress-card[b-hwl4r7qltp],
    .perfect-round-current-card[b-hwl4r7qltp],
    .perfect-round-review-card[b-hwl4r7qltp],
    .perfect-round-setup[b-hwl4r7qltp] {
        padding: 0.95rem;
    }

    .perfect-round-form-grid[b-hwl4r7qltp] {
        grid-template-columns: 1fr;
    }

    .perfect-round-progress-header[b-hwl4r7qltp],
    .perfect-round-current-header[b-hwl4r7qltp] {
        flex-direction: column;
    }

    .perfect-round-progress-meta[b-hwl4r7qltp] {
        flex-wrap: nowrap;
        font-size: 0.95rem;
    }

    .perfect-round-summary-strip[b-hwl4r7qltp],
    .perfect-round-progress-summary[b-hwl4r7qltp] {
        flex-direction: column;
    }

    .perfect-round-summary-strip > div[b-hwl4r7qltp],
    .perfect-round-progress-stat[b-hwl4r7qltp] {
        width: 100%;
    }

    .perfect-round-counter-row[b-hwl4r7qltp] {
        gap: 0.5rem;
    }

    .perfect-round-counter-row > .btn[b-hwl4r7qltp] {
        min-width: 3.25rem;
    }

    .perfect-round-counter-input[b-hwl4r7qltp] {
        max-width: none;
    }

    .perfect-round-current-actions[b-hwl4r7qltp] {
        gap: 0.7rem;
    }

    .perfect-round-current-actions > .btn[b-hwl4r7qltp] {
        font-size: 0.9rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }

    .perfect-round-current-action-continue[b-hwl4r7qltp] {
        justify-self: stretch;
        max-width: none;
        width: 100%;
    }

    .perfect-round-score-table[b-hwl4r7qltp] {
        font-size: 0.88rem;
    }

    .perfect-round-score-table th[b-hwl4r7qltp],
    .perfect-round-score-table td[b-hwl4r7qltp] {
        padding: 0.5rem 0.35rem;
    }

    .perfect-round-score-table th:nth-child(1)[b-hwl4r7qltp],
    .perfect-round-score-table td:nth-child(1)[b-hwl4r7qltp] {
        width: 24%;
    }

    .perfect-round-score-table th:nth-child(2)[b-hwl4r7qltp],
    .perfect-round-score-table td:nth-child(2)[b-hwl4r7qltp] {
        width: 28%;
    }

    .perfect-round-score-table th:nth-child(3)[b-hwl4r7qltp],
    .perfect-round-score-table td:nth-child(3)[b-hwl4r7qltp] {
        width: 28%;
    }

    .perfect-round-score-table th:nth-child(4)[b-hwl4r7qltp],
    .perfect-round-score-table td:nth-child(4)[b-hwl4r7qltp] {
        width: 20%;
    }

    .perfect-round-score-table th[b-hwl4r7qltp],
    .perfect-round-score-table td[b-hwl4r7qltp] {
        word-break: break-word;
    }

    .perfect-round-row-date[b-hwl4r7qltp] {
        font-size: 0.75rem;
    }

}

@media (max-width: 420px) {
    .perfect-round-title[b-hwl4r7qltp] {
        font-size: 1.45rem;
    }

    .perfect-round-unlimited[b-hwl4r7qltp] {
        width: 100%;
    }

    .perfect-round-review-item[b-hwl4r7qltp],
    .perfect-round-score-breakdown-item[b-hwl4r7qltp] {
        min-width: 0;
        padding: 0.35rem 0.15rem;
    }

    .perfect-round-progress-meta[b-hwl4r7qltp] {
        gap: 0.5rem;
    }

    .perfect-round-current-actions > .btn[b-hwl4r7qltp] {
        font-size: 0.82rem;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }

    .perfect-round-score-table[b-hwl4r7qltp] {
        font-size: 0.8rem;
    }

    .perfect-round-score-table th[b-hwl4r7qltp],
    .perfect-round-score-table td[b-hwl4r7qltp] {
        padding: 0.45rem 0.25rem;
    }

}
/* /Components/StormPuttPanel.razor.rz.scp.css */
/* ============================================================
   Storm Putt Panel — scoped styles
   Design language: amber/slate palette, high-contrast, mobile-first
   ============================================================ */

.games-storm-putt-panel[b-kgd6hup64x] {
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.18), transparent 38%),
        linear-gradient(145deg, rgba(15, 23, 42, 0.97), rgba(30, 41, 59, 0.93));
    color: #f8fafc;
    border: none;
}

.games-storm-putt-panel .card-body[b-kgd6hup64x] {
    padding: 1.5rem;
}

/* ---- Header ---- */

.games-storm-putt-header[b-kgd6hup64x] {
    display: grid;
    gap: 0.5rem;
}

/* Numbered eyebrow kicker (Activity 05), tuned for the dark panel to match
   the other activities' Perfect Round-style header. */
.games-storm-putt-header .games-card-kicker[b-kgd6hup64x] {
    color: #fbbf24;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    margin-bottom: 0.15rem;
    text-transform: uppercase;
}

.games-storm-putt-header h2[b-kgd6hup64x] {
    color: #f8fafc;
}

.games-storm-putt-header .text-muted[b-kgd6hup64x] {
    color: #cbd5e1 !important;
}

/* Collapsible session-history toggle (dark panel) */
.games-storm-putt-history-toggle[b-kgd6hup64x] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    gap: 0.5rem;
    padding: 0;
}

.games-storm-putt-history-chevron[b-kgd6hup64x] {
    color: #cbd5e1;
    font-size: 0.9rem;
    transition: transform 0.2s ease;
}

.games-storm-putt-history-toggle.is-open .games-storm-putt-history-chevron[b-kgd6hup64x] {
    transform: rotate(180deg);
}

/* ---- Quick-stat cards ---- */

.games-storm-putt-stats-cards[b-kgd6hup64x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.games-storm-putt-stat-card[b-kgd6hup64x] {
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0.75rem;
    flex: 1 1 9rem;
    padding: 0.85rem 1rem;
}

.games-storm-putt-stat-card-pb[b-kgd6hup64x] {
    border-color: rgba(251, 191, 36, 0.45);
    background: rgba(251, 191, 36, 0.08);
}

.games-storm-putt-stat-card-label[b-kgd6hup64x] {
    color: rgba(248, 250, 252, 0.65);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.games-storm-putt-stat-card-value[b-kgd6hup64x] {
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

.games-storm-putt-stat-card-sub[b-kgd6hup64x] {
    color: rgba(248, 250, 252, 0.6);
    font-size: 0.82rem;
    margin-top: 0.15rem;
}

.games-storm-putt-stat-card-unit[b-kgd6hup64x] {
    color: rgba(248, 250, 252, 0.5);
    font-size: 0.9rem;
    font-weight: 600;
}

/* Weighted score tile in active session */
.games-storm-putt-stat-weighted[b-kgd6hup64x] {
    border-color: rgba(251, 191, 36, 0.3);
    background: rgba(251, 191, 36, 0.06);
}

.games-storm-putt-stat-weighted .games-storm-putt-stat-value[b-kgd6hup64x] {
    color: #fbbf24;
}

.games-storm-putt-stat-sub[b-kgd6hup64x] {
    color: rgba(248, 250, 252, 0.5);
    font-size: 0.72rem;
    margin-top: 0.1rem;
}

/* ---- Development trend chart ---- */

.games-storm-putt-development-chart-wrap[b-kgd6hup64x] {
    display: grid;
    gap: 0.5rem;
}

.games-storm-putt-development-chart-annotated[b-kgd6hup64x] {
    position: relative;
    display: flex;
    align-items: stretch;
    aspect-ratio: 640 / 180;
    /* aspect-ratio + max-width forces height = width×(180/640),
       keeping X-scale === Y-scale so SVG circles stay circular. */
    max-width: 900px;
    width: 100%;
}

.games-storm-putt-dev-y-axis-labels[b-kgd6hup64x] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 2.6rem;
    flex-shrink: 0;
    margin-right: 0.15rem;
}

.games-storm-putt-dev-y-axis-labels span[b-kgd6hup64x] {
    color: rgba(248, 250, 252, 0.5);
    font-size: 0.68rem;
    font-weight: 600;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
}

.games-storm-putt-development-chart[b-kgd6hup64x] {
    flex: 1;
    display: block;
    height: 100%;
    overflow: visible;
    width: 100%;
}

.games-storm-putt-dev-axis[b-kgd6hup64x] {
    stroke: rgba(248, 250, 252, 0.2);
    stroke-width: 1.5;
}

.games-storm-putt-dev-axis-tick[b-kgd6hup64x] {
    stroke: rgba(248, 250, 252, 0.2);
    stroke-width: 1.5;
}

.games-storm-putt-dev-level-line[b-kgd6hup64x] {
    stroke-dasharray: 5 4;
    stroke-width: 1.2;
    opacity: 0.7;
}

.games-storm-putt-dev-level-elite[b-kgd6hup64x]    { stroke: #818cf8; }
.games-storm-putt-dev-level-strong[b-kgd6hup64x]   { stroke: #34d399; }
.games-storm-putt-dev-level-hobby[b-kgd6hup64x]    { stroke: #38bdf8; }

.games-storm-putt-dev-line[b-kgd6hup64x] {
    fill: none;
    stroke: #fbbf24;
    stroke-width: 2.5;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.games-storm-putt-dev-point[b-kgd6hup64x] {
    fill: #fbbf24;
    stroke: #fff;
    stroke-width: 1.5;
}

.games-storm-putt-dev-legend[b-kgd6hup64x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.2rem;
    margin-top: 0.25rem;
}

.games-storm-putt-dev-legend-item[b-kgd6hup64x] {
    align-items: center;
    color: rgba(248, 250, 252, 0.7);
    display: flex;
    font-size: 0.76rem;
    gap: 0.35rem;
}

.games-storm-putt-dev-legend-swatch[b-kgd6hup64x] {
    border-radius: 50%;
    display: inline-block;
    height: 0.6rem;
    width: 0.6rem;
}

.games-storm-putt-dev-legend-swatch.games-storm-putt-dev-level-elite[b-kgd6hup64x]   { background: #818cf8; }
.games-storm-putt-dev-legend-swatch.games-storm-putt-dev-level-strong[b-kgd6hup64x]  { background: #34d399; }
.games-storm-putt-dev-legend-swatch.games-storm-putt-dev-level-hobby[b-kgd6hup64x]   { background: #38bdf8; }

/* ---- Distance improvement table ---- */

.games-storm-putt-distance-table[b-kgd6hup64x] {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.6rem;
    overflow: hidden;
}

.games-storm-putt-distance-table-header[b-kgd6hup64x],
.games-storm-putt-distance-table-row[b-kgd6hup64x] {
    display: grid;
    grid-template-columns: 3.5rem 1fr 1fr 1fr 1fr 1fr;
    gap: 0.25rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.83rem;
}

.games-storm-putt-distance-table-header[b-kgd6hup64x] {
    background: rgba(255, 255, 255, 0.08);
    font-weight: 700;
    font-size: 0.72rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: rgba(248, 250, 252, 0.6);
}

.games-storm-putt-distance-table-row[b-kgd6hup64x] {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.games-storm-putt-distance-table-row:nth-child(even)[b-kgd6hup64x] {
    background: rgba(255, 255, 255, 0.03);
}

.games-storm-putt-trend-up[b-kgd6hup64x]      { color: #4ade80; font-weight: 700; }
.games-storm-putt-trend-down[b-kgd6hup64x]    { color: #f87171; font-weight: 700; }
.games-storm-putt-trend-neutral[b-kgd6hup64x] { color: rgba(248, 250, 252, 0.5); }

/* ---- History ---- */

.games-storm-putt-history-header[b-kgd6hup64x] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    justify-content: space-between;
}

.games-storm-putt-history-sort[b-kgd6hup64x] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.games-storm-putt-history-sort-label[b-kgd6hup64x] {
    color: rgba(248, 250, 252, 0.6);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.games-storm-putt-history-list[b-kgd6hup64x] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.games-storm-putt-history-item[b-kgd6hup64x] {
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    justify-content: space-between;
    padding: 0.75rem 1rem;
}

.games-storm-putt-history-item-unfinished[b-kgd6hup64x] {
    border-color: rgba(251, 191, 36, 0.25);
    background: rgba(251, 191, 36, 0.05);
}

.games-storm-putt-history-session-number[b-kgd6hup64x] {
    align-items: center;
    display: flex;
    font-size: 0.88rem;
    font-weight: 700;
    gap: 0.4rem;
}

.games-storm-putt-history-stats[b-kgd6hup64x] {
    color: rgba(248, 250, 252, 0.65);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.82rem;
    gap: 0.25rem;
    margin-top: 0.1rem;
}

.games-storm-putt-history-right[b-kgd6hup64x] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.games-storm-putt-history-actions[b-kgd6hup64x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.games-storm-putt-partial-badge[b-kgd6hup64x] {
    background: rgba(251, 191, 36, 0.22);
    border: 1px solid rgba(251, 191, 36, 0.4);
    border-radius: 999px;
    color: #fbbf24;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    padding: 0.05rem 0.5rem;
    text-transform: uppercase;
}

.games-storm-putt-level-badge[b-kgd6hup64x] {
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    padding: 0.15rem 0.65rem;
    text-transform: uppercase;
}

.games-storm-putt-score-elite .games-storm-putt-level-badge[b-kgd6hup64x] {
    background: rgba(99, 102, 241, 0.25);
    border: 1px solid rgba(99, 102, 241, 0.5);
    color: #a5b4fc;
}

.games-storm-putt-score-strong .games-storm-putt-level-badge[b-kgd6hup64x] {
    background: rgba(5, 150, 105, 0.22);
    border: 1px solid rgba(5, 150, 105, 0.45);
    color: #6ee7b7;
}

.games-storm-putt-score-hobby .games-storm-putt-level-badge[b-kgd6hup64x] {
    background: rgba(14, 165, 233, 0.18);
    border: 1px solid rgba(14, 165, 233, 0.4);
    color: #7dd3fc;
}

.games-storm-putt-score-beginner .games-storm-putt-level-badge[b-kgd6hup64x] {
    background: rgba(100, 116, 139, 0.22);
    border: 1px solid rgba(100, 116, 139, 0.35);
    color: #cbd5e1;
}

.games-storm-putt-delete-confirm-text[b-kgd6hup64x] {
    color: rgba(248, 250, 252, 0.75);
    font-size: 0.8rem;
}

/* ---- Active session ---- */

.games-storm-putt-session-header[b-kgd6hup64x] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.games-storm-putt-distance-label[b-kgd6hup64x],
.games-storm-putt-station-label[b-kgd6hup64x] {
    color: rgba(248, 250, 252, 0.6);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.games-storm-putt-distance-value[b-kgd6hup64x] {
    font-size: clamp(2.6rem, 10vw, 4rem);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1;
    color: #fbbf24;
}

.games-storm-putt-station-value[b-kgd6hup64x] {
    font-size: clamp(1.8rem, 7vw, 2.8rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
}

/* ---- Progress bar ---- */

.games-storm-putt-progress-wrap[b-kgd6hup64x] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.games-storm-putt-progress-bar[b-kgd6hup64x] {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    height: 0.45rem;
    overflow: hidden;
}

.games-storm-putt-progress-fill[b-kgd6hup64x] {
    background: linear-gradient(90deg, #fbbf24, #34d399);
    border-radius: 999px;
    height: 100%;
    transition: width 200ms ease;
}

.games-storm-putt-progress-text[b-kgd6hup64x] {
    color: rgba(248, 250, 252, 0.55);
    font-size: 0.78rem;
    font-weight: 600;
    text-align: right;
}

/* ---- Live stats grid ---- */

.games-storm-putt-stats-grid[b-kgd6hup64x] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.games-storm-putt-stat[b-kgd6hup64x] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.6rem 0.75rem;
}

.games-storm-putt-stat-label[b-kgd6hup64x] {
    color: rgba(248, 250, 252, 0.55);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.games-storm-putt-stat-value[b-kgd6hup64x] {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

/* ---- Station dots ---- */

.games-storm-putt-station-dots[b-kgd6hup64x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 1.25rem;
}

.games-storm-putt-dot[b-kgd6hup64x] {
    border-radius: 50%;
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    transition: background 150ms ease;
}

.games-storm-putt-dot.dot-pending[b-kgd6hup64x] {
    background: rgba(255, 255, 255, 0.12);
    border: 1.5px solid rgba(255, 255, 255, 0.22);
}

.games-storm-putt-dot.dot-made[b-kgd6hup64x] {
    background: #4ade80;
    border: 1.5px solid rgba(0, 0, 0, 0.15);
}

.games-storm-putt-dot.dot-missed[b-kgd6hup64x] {
    background: #f87171;
    border: 1.5px solid rgba(0, 0, 0, 0.15);
}

/* ---- Made / Missed buttons ---- */

.games-storm-putt-input-section[b-kgd6hup64x] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.games-storm-putt-putt-buttons[b-kgd6hup64x] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.games-storm-putt-made-btn[b-kgd6hup64x],
.games-storm-putt-missed-btn[b-kgd6hup64x] {
    border-radius: 1rem;
    font-size: clamp(1.05rem, 3.5vw, 1.3rem);
    font-weight: 800;
    letter-spacing: 0.06em;
    padding: 1.15rem 1rem;
    text-transform: uppercase;
    transition: transform 80ms ease, box-shadow 80ms ease, filter 80ms ease;
    user-select: none;
}

.games-storm-putt-made-btn[b-kgd6hup64x] {
    background: linear-gradient(135deg, #16a34a, #4ade80);
    border: none;
    box-shadow: 0 4px 16px rgba(22, 163, 74, 0.45);
    color: #fff;
}

.games-storm-putt-missed-btn[b-kgd6hup64x] {
    background: linear-gradient(135deg, #b91c1c, #f87171);
    border: none;
    box-shadow: 0 4px 16px rgba(185, 28, 28, 0.45);
    color: #fff;
}

.games-storm-putt-made-btn:hover:not(:disabled)[b-kgd6hup64x],
.games-storm-putt-missed-btn:hover:not(:disabled)[b-kgd6hup64x] {
    filter: brightness(1.08);
    transform: translateY(-2px);
}

.games-storm-putt-made-btn:active:not(:disabled)[b-kgd6hup64x],
.games-storm-putt-missed-btn:active:not(:disabled)[b-kgd6hup64x],
.games-storm-putt-btn-clicked[b-kgd6hup64x] {
    filter: brightness(0.92);
    transform: scale(0.96);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}

.games-storm-putt-made-btn:disabled[b-kgd6hup64x],
.games-storm-putt-missed-btn:disabled[b-kgd6hup64x] {
    opacity: 0.55;
    cursor: not-allowed;
}

.games-storm-putt-button-group[b-kgd6hup64x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-start;
}

    /* ---- Makes selector (0-5 buttons, replaces Made/Missed for set-based recording) ---- */

    .games-storm-putt-input-label[b-kgd6hup64x] {
        color: rgba(248, 250, 252, 0.7);
        display: block;
        font-size: 0.82rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        margin-bottom: 0.5rem;
        text-transform: uppercase;
    }

    .games-storm-putt-makes-selector[b-kgd6hup64x] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-bottom: 1rem;
    }

    .games-storm-putt-makes-btn[b-kgd6hup64x] {
        background: rgba(255, 255, 255, 0.1);
        border: 2px solid rgba(255, 255, 255, 0.2);
        border-radius: 0.6rem;
        color: #f8fafc;
        font-size: clamp(1.05rem, 3vw, 1.35rem);
        font-weight: 800;
        height: clamp(3rem, 10vw, 3.5rem);
        transition: transform 80ms ease, background-color 80ms ease, border-color 80ms ease;
        width: clamp(3rem, 10vw, 3.5rem);
    }

    .games-storm-putt-makes-btn:hover:not(:disabled)[b-kgd6hup64x] {
        background: rgba(255, 255, 255, 0.18);
        border-color: rgba(251, 191, 36, 0.5);
        transform: translateY(-2px);
    }

    .games-storm-putt-makes-btn:disabled[b-kgd6hup64x] {
        cursor: not-allowed;
        opacity: 0.5;
    }

    .games-storm-putt-makes-btn.games-storm-putt-btn-clicked[b-kgd6hup64x] {
        background: rgba(251, 191, 36, 0.25);
        border-color: #fbbf24;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
        transform: scale(0.94);
    }

/* ---- Completion summary ---- */

.games-storm-putt-completion-header[b-kgd6hup64x] {
    margin-bottom: 1rem;
}

.games-storm-putt-analysis-content[b-kgd6hup64x] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.75rem;
    padding: 1.25rem 1.25rem;
}

.games-storm-putt-analysis-list[b-kgd6hup64x] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.games-storm-putt-analysis-list li[b-kgd6hup64x] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    color: rgba(248, 250, 252, 0.9);
    font-size: 0.92rem;
    padding: 0.45rem 0;
}

.games-storm-putt-analysis-list li:last-child[b-kgd6hup64x] {
    border-bottom: none;
}

/* Score / level colors (used inline in analysis HTML) */
.games-storm-putt-score-elite[b-kgd6hup64x]   { color: #a5b4fc; }
.games-storm-putt-score-strong[b-kgd6hup64x]  { color: #6ee7b7; }
.games-storm-putt-score-hobby[b-kgd6hup64x]   { color: #7dd3fc; }
.games-storm-putt-score-beginner[b-kgd6hup64x] { color: #cbd5e1; }

/* ---- Responsive ---- */

@media (max-width: 768px) {
    .games-storm-putt-panel .card-body[b-kgd6hup64x] {
        padding: 1.1rem;
    }

    .games-storm-putt-distance-table-header[b-kgd6hup64x],
    .games-storm-putt-distance-table-row[b-kgd6hup64x] {
        grid-template-columns: 3rem 1fr 1fr 1fr 1fr 1fr;
        font-size: 0.75rem;
    }
}

@media (max-width: 575px) {
    .games-storm-putt-session-header[b-kgd6hup64x] {
        grid-template-columns: 1fr 1fr;
        gap: 0.6rem;
    }

    .games-storm-putt-stats-grid[b-kgd6hup64x] {
        grid-template-columns: repeat(4, 1fr);
        gap: 0.35rem;
    }

    .games-storm-putt-stat-value[b-kgd6hup64x] {
        font-size: 1.25rem;
    }

    .games-storm-putt-dot[b-kgd6hup64x] {
        height: 1.25rem;
        width: 1.25rem;
    }

    .games-storm-putt-stats-cards[b-kgd6hup64x] {
        flex-direction: column;
    }

    .games-storm-putt-stat-card[b-kgd6hup64x] {
        flex: unset;
    }
}

@media (max-width: 420px) {
    .games-storm-putt-putt-buttons[b-kgd6hup64x] {
        gap: 0.5rem;
    }

    .games-storm-putt-made-btn[b-kgd6hup64x],
    .games-storm-putt-missed-btn[b-kgd6hup64x] {
        padding: 1rem 0.75rem;
        font-size: 1rem;
    }

    .games-storm-putt-stats-grid[b-kgd6hup64x] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/TermsQuizPanel.razor.rz.scp.css */
/* Terms (Secret) Quiz panel — styled to match the Perfect Round activity layout:
   orange kicker, large dark title, slate description, soft gradient cards and a
   Perfect Round-style Hall of Fame table (champions + leaders). */
.terms-quiz-panel[b-v4dd3c5df5] {
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.terms-quiz-header[b-v4dd3c5df5] {
    margin-bottom: 1.5rem;
}

.terms-quiz-kicker[b-v4dd3c5df5] {
    color: #c2410c;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    margin-bottom: 0.55rem;
    text-transform: uppercase;
}

.terms-quiz-title[b-v4dd3c5df5] {
    color: #0f172a;
    font-size: clamp(1.7rem, 2.3vw, 2.3rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    margin-bottom: 0.45rem;
}

.terms-quiz-description[b-v4dd3c5df5] {
    color: #64748b;
    margin-bottom: 0;
}

.terms-quiz-setup[b-v4dd3c5df5] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.96));
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1.2rem;
    padding: 1.1rem;
    margin-bottom: 1.5rem;
}

.terms-quiz-hall[b-v4dd3c5df5] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.96));
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1.2rem;
    padding: 1.1rem;
    text-align: left;
}

.terms-quiz-hall-title[b-v4dd3c5df5] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-bottom: 0.6rem;
}

.terms-quiz-score-table[b-v4dd3c5df5] {
    margin-bottom: 0;
    width: 100%;
}

.terms-quiz-score-table th[b-v4dd3c5df5] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.terms-quiz-score-table th[b-v4dd3c5df5],
.terms-quiz-score-table td[b-v4dd3c5df5] {
    vertical-align: middle;
}

.terms-quiz-section-row td[b-v4dd3c5df5] {
    color: #c2410c;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding-top: 0.6rem;
}

.terms-quiz-score-row.is-me[b-v4dd3c5df5] {
    background: #fff7ed;
}

.terms-quiz-rank[b-v4dd3c5df5] {
    display: inline-block;
    min-width: 1.5rem;
}

.terms-quiz-row-date[b-v4dd3c5df5] {
    color: #64748b;
    font-size: 0.72rem;
}

.terms-quiz-hall-empty[b-v4dd3c5df5] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 1rem;
    color: #64748b;
    padding: 1rem;
    text-align: center;
}
/* /Components/YearInReviewModal.razor.rz.scp.css */
.year-review-modal[b-700ztit2yd] {
    z-index: 1055;
    background-color: rgba(11, 27, 22, 0.56);
    backdrop-filter: blur(3px);
}

.year-review-backdrop[b-700ztit2yd] {
    z-index: 1054;
}

.year-review-dialog[b-700ztit2yd] {
    max-width: 920px;
}

.year-review-content[b-700ztit2yd] {
    overflow: hidden;
    border: 1px solid #cbd9ce;
    border-radius: 10px;
    box-shadow: 0 24px 72px rgba(9, 31, 23, 0.3);
}

.year-review-header[b-700ztit2yd] {
    position: relative;
    min-height: 78px;
    padding: 1rem 1.4rem;
    color: #fff;
    background-color: #174b3e;
    background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.025) 0, rgba(255, 255, 255, 0.025) 1px, transparent 1px, transparent 9px);
    border-bottom: 4px solid #c2e15b;
}

.year-review-header .modal-title[b-700ztit2yd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 750;
}

.year-review-title-icon[b-700ztit2yd] {
    display: inline-grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    color: #183e32;
    background: #c2e15b;
    border-radius: 8px;
    font-size: 1.1rem;
}

.year-review-header .btn-close[b-700ztit2yd] {
    filter: invert(1) grayscale(1) brightness(2);
    opacity: 0.85;
}

.year-review-header .btn-close:hover[b-700ztit2yd] {
    opacity: 1;
}

.year-review-content .modal-body[b-700ztit2yd] {
    padding: 1.35rem 1.4rem 1.5rem;
    background: #fbfdfb;
}

.year-review-controls[b-700ztit2yd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    padding: 1rem 1.1rem;
    background: #f0f5f1;
    border: 1px solid #d5e2d7;
    border-radius: 8px;
}

.year-review-controls .form-label[b-700ztit2yd] {
    margin-bottom: 0.4rem;
    color: #294c3e;
    font-size: 0.82rem;
}

.year-review-controls .form-select[b-700ztit2yd] {
    min-height: 42px;
    border-color: #b7cbbd;
    border-radius: 6px;
    box-shadow: none;
}

.year-review-controls .form-select:focus[b-700ztit2yd] {
    border-color: #56856a;
    box-shadow: 0 0 0 3px rgba(86, 133, 106, 0.16);
}

.year-review-year-options[b-700ztit2yd] {
    display: flex;
    min-height: 42px;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem 0.85rem;
}

.year-review-year-options .form-check-input[b-700ztit2yd] {
    border-color: #7e9b87;
}

.year-review-year-options .form-check-input:checked[b-700ztit2yd] {
    background-color: #28714f;
    border-color: #28714f;
}

.year-review-year-options .form-check-label[b-700ztit2yd] {
    color: #294c3e;
    font-size: 0.9rem;
    font-weight: 600;
}

.year-review-summary th[b-700ztit2yd] {
    font-weight: 600;
}

.year-review-table-wrap[b-700ztit2yd] {
    overflow: hidden;
    background: #fff;
    border: 1px solid #d6e0d8;
    border-radius: 8px;
}

.year-review-table[b-700ztit2yd] {
    min-width: 440px;
    margin-bottom: 0;
    color: #21392e;
    --bs-table-bg: #fff;
    --bs-table-hover-bg: #f3f8f3;
}

.year-review-table thead th[b-700ztit2yd] {
    padding: 0.75rem 0.9rem;
    color: #315744;
    background: #e8f0e9;
    border-bottom: 1px solid #d4e0d6;
    font-size: 0.76rem;
    font-weight: 750;
    text-transform: uppercase;
}

.year-review-table thead th:first-child[b-700ztit2yd] {
    width: 58%;
}

.year-review-table tbody th[b-700ztit2yd],
.year-review-table tbody td[b-700ztit2yd] {
    padding: 0.67rem 0.9rem;
    border-color: #edf1ed;
    vertical-align: middle;
}

.year-review-table tbody th[b-700ztit2yd] {
    color: #344b3e;
    font-size: 0.9rem;
    font-weight: 600;
}

.year-review-summary tbody th[b-700ztit2yd] {
    border-left: 3px solid #c2e15b;
}

.year-review-table tbody td[b-700ztit2yd] {
    color: #173d2e;
    font-size: 0.95rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.year-review-section-title[b-700ztit2yd] {
    margin-bottom: 0.7rem;
    padding-left: 0.65rem;
    color: #244b39;
    border-left: 3px solid #c2e15b;
}

.year-review-loading[b-700ztit2yd] {
    color: #315744;
}

.year-review-loading .spinner-border[b-700ztit2yd] {
    color: #28714f;
}

@media (max-width: 575.98px) {
    .year-review-dialog[b-700ztit2yd] {
        margin: 0.5rem;
    }

    .year-review-header[b-700ztit2yd] {
        min-height: 68px;
        padding: 0.8rem 1rem;
    }

    .year-review-content .modal-body[b-700ztit2yd] {
        padding: 1rem;
    }

    .year-review-controls[b-700ztit2yd] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.75rem;
        padding: 0.85rem;
    }

    .year-review-table thead th[b-700ztit2yd],
    .year-review-table tbody th[b-700ztit2yd],
    .year-review-table tbody td[b-700ztit2yd] {
        padding-right: 0.65rem;
        padding-left: 0.65rem;
    }
}