

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cheeseopardy! - Aged English Cheddar</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 English Cheddar</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":["Dorset, United Kingdom","Greenwich Village, New York","Somerset, United Kingdom","Devon, United Kingdom"],"clue":"Where is Murray’s Aged English Cheddar produced?","answer":"Dorset, United Kingdom","value":100},{"choices":["Mineral content of the pasture is increased","It increases the overall volume of milk produced","It causes the cheese to mature faster","It reduces the fat content in the milk"],"clue":"What effect does the maritime climate of Dorset have on Murray's Aged English Cheddar?","answer":"Mineral content of the pasture is increased","value":200},{"choices":["It emphasizes authenticity and specific aging, not PDO certification","It displays PDO status prominently for marketing","It is not allowed to use traditional cheesemaking methods","It infuses the cheese with artificial colorants"],"clue":"How does marketing for Murray’s Aged English Cheddar differ from that of PDO-certified West Country Cheddar?","answer":"It emphasizes authenticity and specific aging, not PDO certification","value":300},{"choices":["Cow's milk","Goat's milk","Sheep's milk","Buffalo milk"],"clue":"Which type of milk is used in Murray’s Aged English Cheddar?","answer":"Cow's milk","value":400},{"choices":["It contributes to creamy texture and flavor development","It increases the cheese’s moisture content","It causes the cheese to become rubbery","It prevents the growth of flavor compounds"],"clue":"Why is a high fat content in the dry matter important for Murray’s Aged English Cheddar?","answer":"It contributes to creamy texture and flavor development","value":500}]},{"name":"Cheese Basics","clues":[{"choices":["Pasteurization ensures food safety for export","Pasteurization makes the cheese age more quickly","Pasteurization creates unique, wild flavors","Pasteurization reduces the cheese’s fat content"],"clue":"Why is pasteurization used for Murray's Aged English Cheddar destined for US markets?","answer":"Pasteurization ensures food safety for export","value":100},{"choices":["It retains terroir through grazing, breed, and grass-fed milk even after pasteurization","It loses all regional characteristics due to pasteurization","It relies only on breed genetics for flavor","It adds artificial flavors to mimic terroir"],"clue":"How does Murray's Aged English Cheddar maintain its Dorset terroir despite pasteurization?","answer":"It retains terroir through grazing, breed, and grass-fed milk even after pasteurization","value":200},{"choices":["Vegetarian (microbial)","Traditional animal","Plant-derived","No rennet used"],"clue":"What type of rennet is employed in the production of Murray’s Aged English Cheddar?","answer":"Vegetarian (microbial)","value":300},{"choices":["Modern vegetarian rennet mimics animal rennet to avoid bitterness","Vegetarian rennet always produces bitter cheese","Microbial rennet is not suitable for aged cheeses","Vegetarian rennet prevents flavor development"],"clue":"Why is the specific type of vegetarian rennet important in Murray’s Aged English Cheddar?","answer":"Modern vegetarian rennet mimics animal rennet to avoid bitterness","value":400},{"choices":["12 to 16 months","2 to 4 weeks","3 to 6 months","Over 24 months"],"clue":"How long is Murray's Aged English Cheddar typically matured?","answer":"12 to 16 months","value":500}]},{"name":"Know the Wheel","clues":[{"choices":["Glycolysis, proteolysis, and lipolysis","Pasteurization, curdling, and smoking","Coagulation, molding, and brining","Salting, pressing, and packing"],"clue":"Which biochemical processes are central to the maturation of Murray’s Aged English Cheddar?","answer":"Glycolysis, proteolysis, and lipolysis","value":100},{"choices":["Moisture must stay below 39% for proper hardness and crystal formation","High moisture ensures a creamy, mild cheddar","Moisture above 40% creates a firmer texture","Moisture levels have no impact on crystallization"],"clue":"Why is controlling the moisture content between 35% and 39% important in this cheese's production?","answer":"Moisture must stay below 39% for proper hardness and crystal formation","value":200},{"choices":["Block cheddar avoids rind formation and yields even texture throughout","Block cheddar forms a thick, hard rind naturally","Clothbound cheddar is always softer than block cheddar","Block cheddar is always aged for a shorter period"],"clue":"How does the block aging method affect Murray’s Aged English Cheddar compared to clothbound cheddar?","answer":"Block cheddar avoids rind formation and yields even texture throughout","value":300},{"choices":["Sweet caramel, nutty, sharp tang, and savory","Mild, floral, and grassy only","Earthy, smoky, and spicy","Sour, bitter, and metallic"],"clue":"Which flavor notes are most characteristic of Murray’s Aged English Cheddar?","answer":"Sweet caramel, nutty, sharp tang, and savory","value":400},{"choices":["Proteolysis breaks down proteins, creating a crumbly, crystalline texture","Lipolysis causes the cheese to stretch when bent","Proteolysis makes the cheese waxy","Proteolysis gives the cheese a rubbery texture"],"clue":"How does proteolysis influence the final texture of Murray’s Aged English Cheddar?","answer":"Proteolysis breaks down proteins, creating a crumbly, crystalline texture","value":500}]},{"name":"Pairing & Practice","clues":[{"choices":["Calcium lactate crystals","Salt granules","Tyrosine crystals","Air bubbles"],"clue":"What are the 'crunchy bits' commonly found in Murray's Aged English Cheddar?","answer":"Calcium lactate crystals","value":100},{"choices":["Recognize them as signs of proper aging and quality","Assume the cheese is spoiled","Remove the cheese immediately","Only buy cheeses without these features"],"clue":"How should consumers interpret white surface crystals on this cheddar?","answer":"Recognize them as signs of proper aging and quality","value":200},{"choices":["72°C (161°F) for 15 seconds","60°C (140°F) for 30 minutes","100°C (212°F) for 1 minute","80°C (176°F) for 20 seconds"],"clue":"What are the standard time and temperature parameters for pasteurization used in production?","answer":"72°C (161°F) for 15 seconds","value":300},{"choices":["Safety and consistent flavor control","Enhanced wild and complex aromas","Shortened aging duration","Production of a natural rind"],"clue":"What are the two main benefits provided by pasteurization in this cheese's identity and distribution?","answer":"Safety and consistent flavor control","value":400},{"choices":["Trim at least 1 inch around the mold and consume the rest","Wash the cheese with water only","Discard the entire block regardless of mold type","Eat the moldy part, as it is safe"],"clue":"What should consumers do if they find blue or green mold on a vacuum-packed block of Murray’s Aged English Cheddar?","answer":"Trim at least 1 inch around the mold and consume the rest","value":500}]},{"name":"Deeper Cut","clues":[{"choices":["Pink/red discoloration signals spoilage and the cheese should be discarded","It’s a sign of harmless fermentation","More aging is needed for full maturity","Simply trim the discoloration and eat the rest"],"clue":"How should a consumer respond to pink or red spots on this cheddar?","answer":"Pink/red discoloration signals spoilage and the cheese should be discarded","value":100},{"choices":["Cabernet Sauvignon","Riesling","Pinot Grigio","Syrah"],"clue":"Which classic wine is recommended for pairing with Murray’s Aged English Cheddar due to its tannic structure?","answer":"Cabernet Sauvignon","value":200},{"choices":["Port's sweetness contrasts with the cheddar's salt and umami","Port is chosen because it's lower in alcohol","Port and cheddar always produce a bitter taste","Port's acidity masks the cheese's flavors"],"clue":"What is the sensory rationale for pairing Port with this cheddar?","answer":"Port's sweetness contrasts with the cheddar's salt and umami","value":300},{"choices":["Chardonnay’s acidity and oak enhance the cheese's creamy, nutty profile","Chardonnay completely overpowers the cheese’s flavor","Chardonnay adds bitterness to the pairing","Chardonnay’s sweetness clashes with the cheese’s saltiness"],"clue":"Why does an oaked Chardonnay pair well with Murray’s Aged English Cheddar?","answer":"Chardonnay’s acidity and oak enhance the cheese's creamy, nutty profile","value":400},{"choices":["India Pale Ale (IPA)","Hefeweizen","Lambic","Pilsner"],"clue":"What beer style is considered the most popular modern pairing for aged cheddar?","answer":"India Pale Ale (IPA)","value":500}]},{"name":"Expert Round","clues":[{"choices":["Stout’s roasted malt profile echoes the caramel and nutty flavors in the cheese","Stout is high in acidity, which mellows the cheese","Stout’s sourness contrasts poorly with cheddar","Stout’s light body keeps the pairing flavorless"],"clue":"Why is a stout or porter described as a complementary pairing for this cheese?","answer":"Stout’s roasted malt profile echoes the caramel and nutty flavors in the cheese","value":100},{"choices":["Dry English cider provides astringency and highlights the cheese’s fruity notes","Cider increases the cheese's saltiness","Cider makes the cheese softer","Cider is too sweet to pair with cheddar"],"clue":"How does traditional West Country cider complement the cheese?","answer":"Dry English cider provides astringency and highlights the cheese’s fruity notes","value":200},{"choices":["Chutneys add acidity and sweetness, balancing the dense, salty cheese","They mask the natural cheese flavor","They make the cheese milder","They're traditional but have no impact on flavor"],"clue":"Why are chutneys and pickles key accompaniments for English cheddar?","answer":"Chutneys add acidity and sweetness, balancing the dense, salty cheese","value":300},{"choices":["Sliced apples","Grapes","Bananas","Melon"],"clue":"Which fruit is specifically recommended for pairing with Murray’s Aged English Cheddar?","answer":"Sliced apples","value":400},{"choices":["It bridges tradition and modernity, combining Dorset terroir with contemporary aging and marketing","It dismisses heritage and focuses only on mass-production","It avoids complex biochemistry in favor of simple styling","It uses artificial flavorings to mimic English cheeses"],"clue":"What makes Murray’s Aged English Cheddar a 'technically sophisticated bridge' according to the report's conclusion?","answer":"It bridges tradition and modernity, combining Dorset terroir with contemporary aging and marketing","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>