

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cheeseopardy! - Aged Gouda 1 Year</title>
    
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap" rel="stylesheet">
<link href="/css/editorial.css?v=20260914" rel="stylesheet">

    <link href="/css/editorial-games.css?v=2026091406" rel="stylesheet">
</head>
<body class="editorial-page editorial-game">
<header class="editorial-nameplate">
    <a href="/" class="editorial-brand" aria-label="Pagosa Cheesemongers home">Pagosa <span>Cheesemongers</span></a>
    <p>A journal for the cheese curious <span>Pagosa Springs, Colorado</span></p>
</header>


<main id="game-container" class="jeopardy-stage">
    <div class="jeopardy-lights" aria-hidden="true"></div>
    <header class="jeopardy-header">
        <div>
            <nav class="jeopardy-breadcrumb" aria-label="Breadcrumb"><a href="/game/">Games</a><span>/</span><a href="/jeopardy/">Choose a board</a></nav>
            <p class="jeopardy-kicker">Product board</p>
            <h1>Cheeseopardy!</h1>
            <p class="jeopardy-course">Tonight’s cheese: Aged Gouda 1 Year</p>
        </div>
        <div id="score-display" aria-live="polite"><span>Score</span><strong class="score">$0</strong></div>
    </header>

    <div class="jeopardy-instructions"><span>Choose any value on the board</span><span id="clues-remaining"></span></div>

    
        <div class="jeopardy-board-wrap">
            <div class="jeopardy-mobile-category-control">
                <label for="mobile-category-select">Choose a category</label>
                <select id="mobile-category-select"></select>
                <span id="mobile-category-position" aria-live="polite"></span>
            </div>
            <div id="game-board" style="--category-count: 6"></div>
        </div>
        <div id="game-complete" class="game-complete" tabindex="-1" hidden>
            <p>Board cleared</p>
            <h2>Cheeseopardy complete!</h2>
            <p>Your final score is <strong id="final-score">$0</strong>.</p>
            <div><button type="button" id="play-again">Build a new board</button><a href="/jeopardy/">Choose another topic</a></div>
        </div>
    
</main>

<div id="clue-modal" role="dialog" aria-modal="true" aria-labelledby="modal-category" aria-describedby="modal-clue">
    <div class="modal-content">
        <button type="button" class="clue-modal-close" id="close-modal" aria-label="Close clue">&times;</button>
        <p class="modal-value" id="modal-value"></p>
        <h2 id="modal-category">Category</h2>
        <p id="modal-clue">Clue</p>
        <form id="daily-double-form" class="daily-double-panel" hidden>
            <p class="daily-double-title">Daily Double</p>
            <p>Choose your wager before the clue is revealed.</p>
            <label for="wager-input">Your wager <span id="wager-limit"></span></label>
            <div class="answer-entry">
                <input type="number" id="wager-input" min="0" step="100" inputmode="numeric" required>
                <button type="submit" id="submit-wager">Reveal the clue</button>
            </div>
        </form>
        <div id="answer-form">
            <p class="response-label">Choose your response</p>
            <div id="modal-choices" class="jeopardy-answer-choices"></div>
        </div>
        <div id="answer-feedback" class="answer-feedback" hidden aria-live="polite">
            <p id="feedback-result"></p>
            <p>The accepted answer: <strong id="correct-answer"></strong></p>
            <button type="button" id="continue-game">Back to the board</button>
        </div>
    </div>
</div>


<script>
    const serializedGameData = {"categories":[{"name":"First Taste","clues":[{"choices":["Utrecht / Woerden, Netherlands","Brittany, France","Parma, Italy","Galicia, Spain"],"clue":"Where is Reypenaer Aged 1 Year Gouda specifically produced?","answer":"Utrecht / Woerden, Netherlands","value":100},{"choices":["Guarantees the cheese is authentic and linked to its origin","Requires the cheese to be made only with raw milk","Allows production anywhere in Europe","Forbids manual intervention in the maturation"],"clue":"What is a central effect of the Gouda Holland PGI status for Reypenaer?","answer":"Guarantees the cheese is authentic and linked to its origin","value":200},{"choices":["Holstein-Friesian cattle","Jersey cattle","Goats","Sheep"],"clue":"Which breed of cow is primarily used for the milk in Reypenaer Aged 1 Year Gouda?","answer":"Holstein-Friesian cattle","value":300},{"choices":["High beta-carotene in cow's milk leads to golden cheese coloration","Pasteurization removes all milk fat and color","Goat’s cheese is yellower due to more beta-carotene","Sheep’s milk produces whiter cheeses due to similar beta-carotene retention"],"clue":"Why does Reypenaer Aged 1 Year Gouda develop a golden hue during maturation?","answer":"High beta-carotene in cow's milk leads to golden cheese coloration","value":400},{"choices":["The protein density promotes tyrosine crystal formation","Low protein leads to hard cheese","High fat inhibits texture development","Casein breaks down to reduce flavor"],"clue":"How does the protein content of summer milk influence the texture of Reypenaer Aged 1 Year?","answer":"The protein density promotes tyrosine crystal formation","value":500}]},{"name":"Cheese Basics","clues":[{"choices":["Ensures microbial safety prior to introducing starter cultures","Adds wild flavor notes absent in pasteurized cheese","Prevents the need for rennet","Is required by all Dutch cheeses"],"clue":"What is the primary purpose of pasteurizing the milk for Reypenaer Aged 1 Year Gouda?","answer":"Ensures microbial safety prior to introducing starter cultures","value":100},{"choices":["120 days per year, at least 6 hours daily","365 days per year unrestricted grazing","Only winter barn feeding","At least 30 days per season"],"clue":"What is the minimum grazing requirement for cows producing 'Meadow Milk' used in Reypenaer cheese?","answer":"120 days per year, at least 6 hours daily","value":200},{"choices":["Maintains higher levels of healthy fats like omega-3s","Reduces vitamin A in the cheese","Leads to grain-like flavor in the cheese","Eliminates formation of tyrosine crystals"],"clue":"How does pasture-based feeding impact the nutritional quality of Reypenaer cheese?","answer":"Maintains higher levels of healthy fats like omega-3s","value":300},{"choices":["Animal rennet","Vegetable rennet","Microbial rennet","Synthetic coagulants"],"clue":"What type of rennet is used to produce Reypenaer Aged 1 Year Gouda?","answer":"Animal rennet","value":400},{"choices":["Ensures longer aging without bitterness","Creates blue mold flavor","Reduces fat content significantly","Removes all milk proteins"],"clue":"Why is animal rennet preferred for Reypenaer's 12-month maturation instead of microbial rennet?","answer":"Ensures longer aging without bitterness","value":500}]},{"name":"Know the Wheel","clues":[{"choices":["12 months","2 weeks","3 months","6 months"],"clue":"How long is Reypenaer Aged 1 Year Gouda matured?","answer":"12 months","value":100},{"choices":["Manual affinage and natural climate create complex flavors","Constant temperature increases flavor uniformity","Mechanical aging is necessary for artisan quality","Aging in cold storage reduces saltiness"],"clue":"How does Reypenaer's 'Historical Maturation' impact the cheese's sensory profile?","answer":"Manual affinage and natural climate create complex flavors","value":200},{"choices":["Slower moisture loss promotes uniform texture and protein breakdown","Faster evaporation leads to soft, spreadable cheese","Low humidity produces bitter flavors","Location has minimal effect on cheese outcome"],"clue":"How does the riverside location of the Woerden warehouse influence Reypenaer's aging process?","answer":"Slower moisture loss promotes uniform texture and protein breakdown","value":300},{"choices":["30-35%","10-15%","40-50%","55-60%"],"clue":"What is the typical moisture content of Reypenaer Aged 1 Year Gouda?","answer":"30-35%","value":400},{"choices":["Low moisture elevates salt and lactic acid concentrations, acting as a preservative","High moisture inhibits flavor development","Less evaporation keeps cheese soft and less stable","Low moisture eliminates all protein breakdown"],"clue":"Why is moisture reduction critical during Reypenaer’s aging?","answer":"Low moisture elevates salt and lactic acid concentrations, acting as a preservative","value":500}]},{"name":"Pairing & Practice","clues":[{"choices":["48% fat in dry matter","10% total fat","60% water by weight","80% protein content"],"clue":"What is the specified 'fat in dry matter' (FDM) for Reypenaer Aged 1 Year Gouda?","answer":"48% fat in dry matter","value":100},{"choices":["Natural rind with edible plastic coating for gas exchange","Protective non-edible plastic coating to permit gas exchange and block mold","Brined rind coated in paraffin wax for rapid aging","No rind due to high humidity aging"],"clue":"Describe the rind treatment for Reypenaer Aged 1 Year Gouda and its purpose.","answer":"Protective non-edible plastic coating to permit gas exchange and block mold","value":200},{"choices":["Aged Gouda (artisanal, semi-hard, washed-curd)","Soft blue cheese","Fresh rindless cheese","Processed cheese spread"],"clue":"Which category best describes Reypenaer Aged 1 Year Gouda?","answer":"Aged Gouda (artisanal, semi-hard, washed-curd)","value":300},{"choices":["Roasted nuts, salty-sweet, dried fruits, creamy and woody undertones","Strong blue mold, spicy, sour milk","Herb-infused, intensely sour, rubbery","Citrus and fresh grass"],"clue":"What are the main descriptors of the flavor profile of Reypenaer Aged 1 Year Gouda?","answer":"Roasted nuts, salty-sweet, dried fruits, creamy and woody undertones","value":400},{"choices":["Washed-curd technique lowers acidity and enhances sweetness","Washed-curd raises acidity, making cheese tangy","Only pressurized air increases sweetness","Dry curd formation inhibits sweetness development"],"clue":"How does the washed-curd step affect Reypenaer's flavor development?","answer":"Washed-curd technique lowers acidity and enhances sweetness","value":500}]},{"name":"Deeper Cut","clues":[{"choices":["Proteolysis and moisture loss enable tyrosine crystal formation creating a 'crunchy' texture","Rapid cooling keeps cheese uniformly creamy","Constant humidity dissolves all crystals","Addition of calcium chloride creates hard texture"],"clue":"What chemical and physical changes create the characteristic crystal-studded texture of Reypenaer?","answer":"Proteolysis and moisture loss enable tyrosine crystal formation creating a 'crunchy' texture","value":100},{"choices":["Tyrosine crystals","Salt grains","Blue mold spores","Lactose grains"],"clue":"What are the crunchy white specks found inside Reypenaer Aged 1 Year Gouda called?","answer":"Tyrosine crystals","value":200},{"choices":["White powdery spots and internal hard crystals are natural, but pink slime or slimy film are spoilage","Any white spot is a sign of spoilage","Green mold is a sign of successful aging","Ammonia smell always means the cheese is bad"],"clue":"How can one distinguish inherent characteristics from spoilage in matured Reypenaer cheese?","answer":"White powdery spots and internal hard crystals are natural, but pink slime or slimy film are spoilage","value":300},{"choices":["Allowing cheese to 'breathe' removes minor ammonia odor","Brushing cheese with oil neutralizes ammonia","Vacuum packing prevents all odors","Ammonia odor means instant spoilage"],"clue":"If Reypenaer Aged 1 Year has a slight ammonia odor after storage, what should be done?","answer":"Allowing cheese to 'breathe' removes minor ammonia odor","value":400},{"choices":["Oaked Chardonnay","Sauvignon Blanc","Moscato","Riesling (sweet style)"],"clue":"Which white wine is classically paired with Reypenaer Aged 1 Year Gouda?","answer":"Oaked Chardonnay","value":500}]},{"name":"Expert Round","clues":[{"choices":["Plush texture and fruitiness complement salt and umami","High tannins overpower the cheese","Off-dry sweetness dulls umami flavor","Acidity masks all cheese aromatics"],"clue":"Why does Merlot pair well with Reypenaer Aged 1 Year Gouda?","answer":"Plush texture and fruitiness complement salt and umami","value":100},{"choices":["Trappist Dubbel","Sour Lambic","Pilsner","Dry Stout"],"clue":"Which traditional beer style is particularly recommended with Reypenaer Aged 1 Year Gouda?","answer":"Trappist Dubbel","value":200},{"choices":["Fresh apples and rye bread amplify sweetness and texture contrast","Onions and tomatoes neutralize all cheese flavors","Lemon wedges and hot sauce are ideal classic pairings","Beer only, no solid accompaniments recommended"],"clue":"Which accompaniments best complement Reypenaer Aged 1 Year on a cheese board?","answer":"Fresh apples and rye bread amplify sweetness and texture contrast","value":300},{"choices":["Mushroom risotto benefits from the cheese’s umami and crystalline crunch","Adding to fruit salads increases tartness","Use as a melting cheese for fondue","Blending with yogurt for sauces"],"clue":"How can Reypenaer Aged 1 Year be used in cooking for best effect?","answer":"Mushroom risotto benefits from the cheese’s umami and crystalline crunch","value":400},{"choices":["1906 warehouse on the Oude Rijn creates unique microclimate for aging","Aging occurs in modern industrial facilities with robotic control","Storage at sea level is key to flavor","Underground cellars prevent any humidity variation"],"clue":"How does the historical setting of the Reypenaer warehouse influence the final product?","answer":"1906 warehouse on the Oude Rijn creates unique microclimate for aging","value":500}]}]};
    const readGameValue = (record, key) => record[key] ?? record[key.toUpperCase()];
    const gameData = {
        categories: (readGameValue(serializedGameData, 'categories') || []).map(category => ({
            name: readGameValue(category, 'name'),
            clues: (readGameValue(category, 'clues') || []).map(clue => ({
                value: readGameValue(clue, 'value'),
                clue: readGameValue(clue, 'clue'),
                answer: readGameValue(clue, 'answer'),
                choices: readGameValue(clue, 'choices') || []
            }))
        }))
    };

    document.addEventListener('DOMContentLoaded', () => {
        let score = 0;
        let answeredCount = 0;
        let activeClue = null;
        let activeButton = null;
        let lastFocusedButton = null;
        let activeWager = 0;
        let isDailyDouble = false;

        const totalClues = gameData.categories.reduce((total, category) => total + category.clues.length, 0);
        const dailyDoubleCandidates = [];
        gameData.categories.forEach((category, categoryIndex) => {
            category.clues.forEach((clue, clueIndex) => {
                if (clueIndex > 0) dailyDoubleCandidates.push(`${categoryIndex}:${clueIndex}`);
            });
        });
        const dailyDoubleLocation = dailyDoubleCandidates[Math.floor(Math.random() * dailyDoubleCandidates.length)];
        const gameBoard = document.getElementById('game-board');
        const mobileCategorySelect = document.getElementById('mobile-category-select');
        const mobileCategoryPosition = document.getElementById('mobile-category-position');
        const scoreDisplay = document.querySelector('#score-display .score');
        const cluesRemaining = document.getElementById('clues-remaining');
        const clueModal = document.getElementById('clue-modal');
        const modalCategory = document.getElementById('modal-category');
        const modalValue = document.getElementById('modal-value');
        const modalClue = document.getElementById('modal-clue');
        const closeModalButton = document.getElementById('close-modal');
        const dailyDoubleForm = document.getElementById('daily-double-form');
        const wagerInput = document.getElementById('wager-input');
        const wagerLimit = document.getElementById('wager-limit');
        const answerForm = document.getElementById('answer-form');
        const modalChoices = document.getElementById('modal-choices');
        const answerFeedback = document.getElementById('answer-feedback');
        const feedbackResult = document.getElementById('feedback-result');
        const correctAnswer = document.getElementById('correct-answer');
        const continueButton = document.getElementById('continue-game');
        const gameComplete = document.getElementById('game-complete');

        function formatMoney(value) {
            return `${value < 0 ? '-' : ''}$${Math.abs(value).toLocaleString()}`;
        }

        function normalizeAnswer(value) {
            return value.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/[^a-z0-9\s]/g, ' ').replace(/\s+/g, ' ').trim();
        }

        function answersMatch(userAnswer, acceptedAnswer) {
            const user = normalizeAnswer(userAnswer);
            const accepted = normalizeAnswer(acceptedAnswer);
            return user === accepted || (user.length >= 4 && accepted.length >= 4 && (user.includes(accepted) || accepted.includes(user)));
        }

        function updateStatus() {
            scoreDisplay.textContent = formatMoney(score);
            scoreDisplay.classList.toggle('score-negative', score < 0);
            cluesRemaining.textContent = `${totalClues - answeredCount} clues remaining`;
            gameData.categories.forEach((category, categoryIndex) => {
                const option = mobileCategorySelect.options[categoryIndex];
                const column = gameBoard.querySelector(`[data-category-column="${categoryIndex}"]`);
                if (!option || !column) return;
                const remaining = column.querySelectorAll('.clue-box:not(:disabled)').length;
                option.textContent = remaining ? `${category.name} · ${remaining} left` : `✓ ${category.name}`;
            });
        }

        function showMobileCategory(categoryIndex) {
            const boundedIndex = Math.max(0, Math.min(gameData.categories.length - 1, Number(categoryIndex) || 0));
            gameBoard.querySelectorAll('.category-column').forEach((column, columnIndex) => {
                column.classList.toggle('mobile-active', columnIndex === boundedIndex);
            });
            mobileCategorySelect.value = String(boundedIndex);
            mobileCategoryPosition.textContent = `Category ${boundedIndex + 1} of ${gameData.categories.length}`;
        }

        function showNextUnfinishedCategory(currentCategoryIndex) {
            for (let offset = 1; offset <= gameData.categories.length; offset += 1) {
                const candidateIndex = (currentCategoryIndex + offset) % gameData.categories.length;
                const candidate = gameBoard.querySelector(`[data-category-column="${candidateIndex}"] .clue-box:not(:disabled)`);
                if (candidate) {
                    showMobileCategory(candidateIndex);
                    return;
                }
            }
        }

        function buildBoard() {
            gameData.categories.forEach((category, categoryIndex) => {
                const column = document.createElement('section');
                column.className = `category-column${categoryIndex === 0 ? ' mobile-active' : ''}`;
                column.style.setProperty('--column-index', categoryIndex);
                column.dataset.categoryColumn = categoryIndex;

                const option = document.createElement('option');
                option.value = categoryIndex;
                option.textContent = category.name;
                mobileCategorySelect.appendChild(option);

                const title = document.createElement('h2');
                title.className = 'category-title';
                title.textContent = category.name;
                column.appendChild(title);

                category.clues.forEach((clue, clueIndex) => {
                    const button = document.createElement('button');
                    button.type = 'button';
                    button.className = 'clue-box';
                    button.textContent = `$${Number(clue.value).toLocaleString()}`;
                    button.dataset.categoryIndex = categoryIndex;
                    button.dataset.clueIndex = clueIndex;
                    button.setAttribute('aria-label', `${category.name} for $${Number(clue.value).toLocaleString()}`);
                    button.addEventListener('click', openClue);
                    column.appendChild(button);
                });

                gameBoard.appendChild(column);
            });
            showMobileCategory(0);
            updateStatus();
        }

        function renderChoices(choices) {
            const shuffledChoices = [...choices];
            for (let index = shuffledChoices.length - 1; index > 0; index -= 1) {
                const swapIndex = Math.floor(Math.random() * (index + 1));
                [shuffledChoices[index], shuffledChoices[swapIndex]] = [shuffledChoices[swapIndex], shuffledChoices[index]];
            }

            modalChoices.replaceChildren();
            shuffledChoices.forEach((choice, choiceIndex) => {
                const button = document.createElement('button');
                const letter = document.createElement('span');
                button.type = 'button';
                letter.setAttribute('aria-hidden', 'true');
                letter.textContent = String.fromCharCode(65 + choiceIndex);
                button.appendChild(letter);
                button.append(document.createTextNode(choice));
                button.addEventListener('click', () => submitAnswer(choice));
                modalChoices.appendChild(button);
            });
        }

        function openClue(event) {
            activeButton = event.currentTarget;
            lastFocusedButton = activeButton;
            const categoryIndex = Number(activeButton.dataset.categoryIndex);
            const clueIndex = Number(activeButton.dataset.clueIndex);
            const category = gameData.categories[categoryIndex];
            activeClue = category.clues[clueIndex];
            isDailyDouble = `${categoryIndex}:${clueIndex}` === dailyDoubleLocation;
            activeWager = Number(activeClue.value);

            modalCategory.textContent = category.name;
            modalValue.textContent = isDailyDouble ? 'Daily Double' : `$${Number(activeClue.value).toLocaleString()}`;
            modalClue.textContent = activeClue.clue;
            modalClue.hidden = isDailyDouble;
            renderChoices(activeClue.choices);
            answerForm.hidden = isDailyDouble;
            dailyDoubleForm.hidden = !isDailyDouble;
            answerFeedback.hidden = true;
            closeModalButton.hidden = isDailyDouble;
            clueModal.classList.add('visible');
            clueModal.classList.toggle('daily-double-active', isDailyDouble);
            document.body.classList.add('modal-open');
            if (isDailyDouble) {
                const maximumWager = Math.max(score, 1000);
                wagerInput.max = maximumWager;
                wagerInput.value = Math.min(Math.max(score, 0), maximumWager);
                wagerLimit.textContent = `(maximum ${formatMoney(maximumWager)})`;
                wagerInput.focus();
            } else {
                modalChoices.querySelector('button').focus();
            }
        }

        function closeModal(force = false) {
            if (isDailyDouble && answerFeedback.hidden && !force) return;
            clueModal.classList.remove('visible');
            clueModal.classList.remove('daily-double-active');
            document.body.classList.remove('modal-open');
            activeClue = null;
            activeButton = null;
            activeWager = 0;
            isDailyDouble = false;
            if (lastFocusedButton && !lastFocusedButton.disabled) {
                lastFocusedButton.focus();
            } else {
                const nextClue = gameBoard.querySelector('.clue-box:not(:disabled)');
                if (nextClue) nextClue.focus();
            }
        }

        function submitWager(event) {
            event.preventDefault();
            const maximumWager = Math.max(score, 1000);
            const wager = Number(wagerInput.value);
            if (!Number.isFinite(wager) || wager < 0 || wager > maximumWager) {
                wagerInput.setCustomValidity(`Choose a wager from $0 to ${formatMoney(maximumWager)}.`);
                wagerInput.reportValidity();
                return;
            }
            wagerInput.setCustomValidity('');
            activeWager = wager;
            dailyDoubleForm.hidden = true;
            modalClue.hidden = false;
            answerForm.hidden = false;
            modalChoices.querySelector('button').focus();
        }

        function submitAnswer(selectedAnswer) {
            const submitted = selectedAnswer.trim();
            if (!activeClue || !submitted) return;

            const acceptedAnswers = activeClue.answer.split('|').map(answer => answer.trim()).filter(Boolean);
            const isCorrect = acceptedAnswers.some(answer => answersMatch(submitted, answer));
            score += isCorrect ? activeWager : -activeWager;
            answeredCount += 1;

            activeButton.disabled = true;
            activeButton.classList.add('answered', isCorrect ? 'answered-correct' : 'answered-incorrect');
            activeButton.textContent = isCorrect ? '✓' : '—';
            answerForm.hidden = true;
            answerFeedback.hidden = false;
            closeModalButton.hidden = true;
            feedbackResult.textContent = isCorrect ? `Correct! +${formatMoney(activeWager)}` : `Not quite. −${formatMoney(activeWager)}`;
            feedbackResult.className = isCorrect ? 'feedback-correct' : 'feedback-incorrect';
            correctAnswer.textContent = acceptedAnswers[0] || activeClue.answer;
            updateStatus();
            continueButton.focus();
        }

        function continueGame() {
            const completedCategoryIndex = lastFocusedButton ? Number(lastFocusedButton.dataset.categoryIndex) : 0;
            const completedCategory = gameBoard.querySelector(`[data-category-column="${completedCategoryIndex}"]`);
            const categoryIsComplete = completedCategory && !completedCategory.querySelector('.clue-box:not(:disabled)');
            if (categoryIsComplete && answeredCount < totalClues) showNextUnfinishedCategory(completedCategoryIndex);
            closeModal(true);
            if (answeredCount === totalClues) {
                document.getElementById('final-score').textContent = formatMoney(score);
                gameComplete.hidden = false;
                const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
                gameComplete.scrollIntoView({ behavior: reduceMotion ? 'auto' : 'smooth', block: 'center' });
                gameComplete.focus({ preventScroll: true });
            }
        }

        buildBoard();
        mobileCategorySelect.addEventListener('change', event => showMobileCategory(event.target.value));
        dailyDoubleForm.addEventListener('submit', submitWager);
        continueButton.addEventListener('click', continueGame);
        closeModalButton.addEventListener('click', () => closeModal());
        document.getElementById('play-again').addEventListener('click', () => window.location.reload());
        clueModal.addEventListener('click', event => { if (event.target === clueModal && !isDailyDouble && answerFeedback.hidden) closeModal(); });
        document.addEventListener('keydown', event => {
            if (event.key === 'Escape' && clueModal.classList.contains('visible') && !isDailyDouble && answerFeedback.hidden) closeModal();
        });
    });
</script>

</body>
</html>