.board-fit-toggle { display: none; }

/* Предпочтение размера относится только к десктопной раскладке. */
@media (min-width: 921px) {
    .board-fit-toggle {
        display: inline-flex;
        align-self: flex-start;
        flex-shrink: 0;
        min-height: 32px;
        margin-top: 12px;
        padding: 6px 0;
        border: 0;
        background: transparent;
        color: var(--green-dark);
        font-size: 14px;
        font-weight: 700;
        text-decoration: underline;
        text-underline-offset: 3px;
        cursor: pointer;
    }
    .board-fit-toggle:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; border-radius: 3px; }
    .board-fit .game-layout { max-width: max(920px, calc(100vh + 280px)); max-width: max(920px, calc(100dvh + 280px)); margin: 0 auto; }
    .board-fit .board-card { padding: 14px; }
    .board-fit .board-heading { gap: 10px; margin-bottom: 8px; }
    .board-fit .board-heading > div:first-child { min-width: 0; }
    .board-fit .board-heading .eyebrow { display: none; }
    .board-fit #board-title { font-size: 20px; line-height: 1.15; }
    .board-fit .legend { max-width: 45%; gap: 4px 10px; font-size: 12px; }
    .board-fit .legend span { white-space: normal; }
    .board-fit .legend-token { flex-shrink: 0; }
    .board-fit .board-status { min-height: 34px; margin-bottom: 8px; padding: 7px 10px; font-size: 13px; overflow-wrap: anywhere; }
    .board-fit .board-wrap { width: var(--board-fit-size, 100%); margin: 0 auto; }
    .board-fit .board-start-button { height: 4.35%; min-width: 0; }
    .board-fit .status-card { display: flex; flex-direction: column; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); }
    .board-fit .room-status-scroll { min-height: 0; overflow-y: auto; overscroll-behavior: contain; margin-bottom: 14px; }
    .board-fit .status-card > .actions, .board-fit .status-card > .result-share-link { flex-shrink: 0; }
}