/* FullscreenToggle — top-right keeps bottom controls clear on scoreboard */
.fullscreenToggle {
    position: absolute;
    top: calc(var(--space-md) + var(--safe-area-top));
    right: calc(var(--space-md) + var(--safe-area-right));
    width: var(--touch-target-comfortable);
    height: var(--touch-target-comfortable);
    border-radius: 50%;
    background-color: var(--color-secondary);
    border: 2px solid var(--color-border);
    color: var(--color-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-md);
    z-index: 9999;
    transition: background-color var(--transition-base), opacity var(--transition-base);
    touch-action: manipulation;
}

.fullscreenToggle:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.fullscreenToggle:active {
    opacity: 0.8;
    background-color: var(--color-secondary-hover);
}

.fullscreenToggle svg {
    width: 24px;
    height: 24px;
}

@media (min-width: 768px) {
    .fullscreenToggle {
        width: var(--touch-target-large);
        height: var(--touch-target-large);
    }

    .fullscreenToggle svg {
        width: 28px;
        height: 28px;
    }
}