/*
 * Fullscreen-only clock corrections for the combined basketball app.
 * Keep the version 18 scoreboard stylesheet and its normal-screen geometry
 * unchanged. These controls are deliberately unavailable below 761px.
 */
.clock-inline-tools {
    display: none;
}

@media (min-width: 761px) {
    .combined-basketball-app:fullscreen .clock-inline-tools,
    .combined-basketball-app:-webkit-full-screen .clock-inline-tools {
        margin-top: 5px;
        padding: 4px;
        display: grid;
        gap: 3px;
        border: 1px solid #292c33;
        border-radius: 7px;
        background: #0b0c10;
    }

    .combined-basketball-app:fullscreen .clock-inline-tools > strong,
    .combined-basketball-app:-webkit-full-screen .clock-inline-tools > strong {
        color: #aaaab2;
        font-size: 8px;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    .combined-basketball-app:fullscreen .clock-inline-tools .clock-adjustments,
    .combined-basketball-app:-webkit-full-screen .clock-inline-tools .clock-adjustments {
        display: grid;
        gap: 3px;
    }

    .combined-basketball-app:fullscreen .clock-inline-tools .clock-adjustments--main,
    .combined-basketball-app:-webkit-full-screen .clock-inline-tools .clock-adjustments--main {
        grid-template-columns: repeat(6,minmax(0,1fr));
    }

    .combined-basketball-app:fullscreen .clock-inline-tools .clock-adjustments--shot,
    .combined-basketball-app:-webkit-full-screen .clock-inline-tools .clock-adjustments--shot {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }

    .combined-basketball-app:fullscreen .clock-inline-tools .clock-game-actions,
    .combined-basketball-app:-webkit-full-screen .clock-inline-tools .clock-game-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3px;
    }

    .combined-basketball-app:fullscreen .clock-inline-tools button,
    .combined-basketball-app:-webkit-full-screen .clock-inline-tools button {
        min-width: 0;
        min-height: 24px;
        padding: 2px 3px;
        border: 1px solid #3c3f48;
        color: #d7d7dc;
        background: #1a1c22;
        font-size: 9px;
        font-weight: 800;
        cursor: pointer;
    }

    .combined-basketball-app:fullscreen .clock-inline-tools--shot > button,
    .combined-basketball-app:-webkit-full-screen .clock-inline-tools--shot > button {
        width: 100%;
    }

    .combined-basketball-app:fullscreen .clock-inline-tools .clock-game-actions__new,
    .combined-basketball-app:-webkit-full-screen .clock-inline-tools .clock-game-actions__new {
        color: #111;
        border-color: #d7a42f;
        background: #e2ae35;
    }

    .combined-basketball-app:fullscreen .combined-clock-details > .clock-detail-group,
    .combined-basketball-app:-webkit-full-screen .combined-clock-details > .clock-detail-group {
        display: none;
    }
}

/* Keep the clock faces legible after their correction controls move into the panels. */
@media (min-width: 761px) {
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console {
        grid-template-rows: 62px minmax(0, .96fr) minmax(0, 1.04fr);
        gap: 5px;
    }

    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .segment-control {
        padding: 3px 7px;
        grid-template-columns: auto auto auto minmax(0, 1fr);
        grid-template-areas: "label period format buttons";
        gap: 6px;
        order: 0;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .segment-control > strong {
        font-size: 34px;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .segment-control > div {
        margin: 0;
        gap: 4px;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .segment-control button {
        min-height: 27px;
        padding: 2px 5px;
        font-size: 10px;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-column--shot { order: 1; }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-column--main { order: 2; }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-column {
        padding: 5px 7px;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-panel-heading {
        min-height: 22px;
        margin-bottom: 2px;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-face {
        min-height: 148px;
        flex: 1 1 148px;
        margin-top: 2px;
        padding: 2px;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-face--shot output {
        font-size: clamp(76px, 8.5vh, 116px);
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-face--main output {
        font-size: clamp(66px, 7.4vh, 100px);
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .shot-reset-actions,
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .shot-primary-actions,
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .main-primary-actions {
        margin-top: 3px;
        gap: 3px;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .shot-reset-action {
        min-height: 34px;
        padding: 1px;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .shot-reset-action strong { font-size: 21px; }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .shot-primary-actions button,
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .main-primary-actions .clock-primary-action,
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .main-primary-actions .clock-secondary-action,
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .main-primary-actions .clock-reset-both-action,
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .main-primary-actions .clock-independent-lock {
        min-height: 27px;
        padding: 2px 4px;
        font-size: 10px;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-inline-tools {
        margin-top: 3px;
        padding: 2px;
        gap: 2px;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-inline-tools > strong {
        font-size: 8px;
        line-height: 1.1;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-inline-tools .clock-adjustments,
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-inline-tools .clock-game-actions {
        margin-top: 1px;
        gap: 2px;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-inline-tools button {
        min-height: 25px;
        height: 25px;
        padding: 1px 2px;
        font-size: 9px;
        line-height: 1.1;
    }
}

@media (min-width: 761px) and (max-height: 820px) {
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console {
        grid-template-rows: 48px minmax(0, .96fr) minmax(0, 1.04fr);
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-face {
        min-height: 112px;
        flex-basis: 112px;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-face--shot output {
        font-size: clamp(66px, 9vh, 88px);
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-face--main output {
        font-size: clamp(60px, 8vh, 78px);
    }
}

@media (min-width: 761px) {
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .segment-control {
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas: "period buttons";
        gap: 6px;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .segment-control > strong {
        font-size: 28px;
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-face--shot output {
        font-size: clamp(88px, 10vh, 138px);
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-face--main output {
        font-size: clamp(76px, 8.8vh, 116px);
    }
}

@media (min-width: 761px) and (max-height: 820px) {
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-face--shot output {
        font-size: clamp(72px, 9vh, 96px);
    }
    .combined-basketball-app:is(:fullscreen, :-webkit-full-screen) .combined-centre-console .clock-face--main output {
        font-size: clamp(64px, 8vh, 84px);
    }
}