/* AbildskovUndervisning - abildskovundervisning.dk */

.wordsearch-layout:has(.number-search-grid) {
    align-items: center;
}

.number-search-grid {
    --ws-cell: calc((min(var(--app-vh, 100vh) - 240px, 92vw - 220px, 480px) - 48px) / var(--ws-size));
}

.number-search-result.addition-training-result {
    margin: 0 auto;
    padding: 4px;
    gap: 6px;
}

.number-search-result .addition-training-result-title,
.number-search-result .addition-training-result-score {
    margin: 0;
}

.number-search-result .addition-training-result-title { font-size: 1.5rem; }
.number-search-result .addition-training-result-score { font-size: 1.1rem; }

.number-search-result .addition-training-result-list {
    gap: 3px;
    max-height: none;
    overflow: visible;
}

.number-search-result .addition-training-result-row {
    padding: 3px 8px;
    font-size: 1rem;
}

.number-search-grid + .wordsearch-list .wordsearch-word-text {
    overflow-wrap: anywhere;
}

@media (min-width: 601px) and (max-height: 650px) {
    .number-search-menu .addition-menu-header { margin-bottom: 5px; }
    .number-search-menu .page-title {
        font-size: 2rem;
        margin-bottom: 4px;
    }
    .number-search-menu .addition-setting-section { margin-bottom: 5px; }
    .number-search-menu .addition-setting-title {
        font-size: 1rem;
        margin-bottom: 2px;
    }
    .number-search-menu .addition-option-button,
    .number-search-menu .addition-timer-button {
        min-height: 34px;
        padding: 4px 10px;
    }
    .number-search-menu .addition-menu-actions { margin-top: 5px; }
}

@media (max-width: 600px), (max-height: 500px) {
    .number-search-grid {
        --ws-cell: calc((min(100vw - 80px, 480px) - (var(--ws-size) - 1) * 2px) / var(--ws-size));
    }
}