

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cheeseopardy! - Butterkase</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: Butterkase</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":["Wisconsin, United States","Bavaria, Germany","Uster, Switzerland","Vienna, Austria"],"clue":"Where is Roth Butterkäse manufactured?","answer":"Wisconsin, United States","value":100},{"choices":["Limestone-rich soils and rolling hills improve forage quality for dairy cows.","Oceanic climate brings unique minerals to the milk.","Urban Wisconsin air enhances bacterial cultures.","Desert climates lead to milk dehydration."],"clue":"How does the terroir of southern Wisconsin contribute to the characteristics of Roth Butterkäse?","answer":"Limestone-rich soils and rolling hills improve forage quality for dairy cows.","value":200},{"choices":["Butterkäse","Brie","Cheddar","Gruyère"],"clue":"Which cheese is being described in this technical assessment?","answer":"Butterkäse","value":300},{"choices":["It ensures the cheese is consistently mild and suitable for vegetarians.","It creates intense animal or musky flavors.","It produces cheese with extended shelf life and sharpness.","It is only suitable for hard, aged cheeses."],"clue":"What is one major reason Roth uses microbial rennet for Butterkäse?","answer":"It ensures the cheese is consistently mild and suitable for vegetarians.","value":400},{"choices":["Semi-soft","Fresh","Hard","Blue-veined"],"clue":"How is Roth Butterkäse categorized in terms of cheese texture?","answer":"Semi-soft","value":500}]},{"name":"Cheese Basics","clues":[{"choices":["Pasteurization is essential because the cheese is not aged long enough to safely use raw milk.","Pasteurization is needed to increase sharpness.","Raw milk is used because the cheese is hard.","Butterkäse does not require any heat treatment."],"clue":"Why is pasteurization non-negotiable for Roth Butterkäse production?","answer":"Pasteurization is essential because the cheese is not aged long enough to safely use raw milk.","value":100},{"choices":["Cow (Bovine) milk","Goat milk","Sheep milk","Buffalo milk"],"clue":"What type of milk is used to make Roth Butterkäse?","answer":"Cow (Bovine) milk","value":200},{"choices":["The washed curd process reduces lactose and controls pH, making the cheese mild and pliable.","Washing the curd increases acidity and hardness.","It adds blue mold for sharp flavor.","It decreases the moisture and intensifies saltiness."],"clue":"How does the washed curd process influence Roth Butterkäse’s final product?","answer":"The washed curd process reduces lactose and controls pH, making the cheese mild and pliable.","value":300},{"choices":["Approximately one month (30 days)","60 days","6 months","1 week"],"clue":"For how long is Roth Butterkäse typically aged?","answer":"Approximately one month (30 days)","value":400},{"choices":["Water constitutes about 87% of bovine milk, and is partially removed during cheesemaking.","Milk for Butterkäse is mostly fat and contains little water.","Lactose is the only important component in Butterkäse milk.","Casein protein makes up 10% of the milk used."],"clue":"What is correct about the water content in the milk for Roth Butterkäse?","answer":"Water constitutes about 87% of bovine milk, and is partially removed during cheesemaking.","value":500}]},{"name":"Know the Wheel","clues":[{"choices":["The commitment supports animal husbandry traditions and appeals to premium cheese consumers.","Milk from rBST-treated cows tastes noticeably different.","It is required by law for all Wisconsin cheeses.","Using rBST-free milk gives the cheese a strong flavor."],"clue":"How does Roth’s rBST-free certification shape Butterkäse’s market identity?","answer":"The commitment supports animal husbandry traditions and appeals to premium cheese consumers.","value":100},{"choices":["It uses chymosin from fungal sources, making the cheese vegetarian.","It is obtained from calf stomachs.","It consists mostly of lipase enzymes.","It is derived from plants like fig sap."],"clue":"Which statement accurately describes the rennet used in Roth Butterkäse?","answer":"It uses chymosin from fungal sources, making the cheese vegetarian.","value":200},{"choices":["It has a moisture content typically between 45% and 52%.","Its moisture content is less than 35%.","It is classified as a hard cheese due to its low moisture.","It is almost entirely dry."],"clue":"What is a defining characteristic of Roth Butterkäse’s moisture content?","answer":"It has a moisture content typically between 45% and 52%.","value":300},{"choices":["A high moisture-to-protein ratio creates a pliable, sliceable texture ideal for melting.","Lower moisture increases cheese's shelf life and hardness.","Increased moisture leads to a crystalline, crumbly structure.","High moisture content is mainly for color, not texture."],"clue":"How does Butterkäse's high moisture-to-protein ratio affect its texture?","answer":"A high moisture-to-protein ratio creates a pliable, sliceable texture ideal for melting.","value":400},{"choices":["Its mildness and low acidity match well with light, fruity wines like Riesling or Chardonnay.","It pairs best with high-tannin, bold red wines.","It is traditionally served only with dessert wines.","Butterkäse’s intense flavor needs very sweet wine."],"clue":"What is a guiding principle for pairing wine with Roth Butterkäse?","answer":"Its mildness and low acidity match well with light, fruity wines like Riesling or Chardonnay.","value":500}]},{"name":"Pairing & Practice","clues":[{"choices":["Semi-soft, melting, artisanal","Hard and blue-veined","Fresh and acid-set","Whey cheese"],"clue":"How is Roth Butterkäse described in terms of cheese type and style?","answer":"Semi-soft, melting, artisanal","value":100},{"choices":["Mechanical eyes are normal and come from gentle pressing, while unwanted mold growth signals spoilage.","Any holes mean the cheese is ruined.","Annatto coloration signals bacterial contamination.","A tacky rind means the cheese is dangerous to eat."],"clue":"How should a cheesemonger distinguish between inherent traits and true spoilage in Butterkäse?","answer":"Mechanical eyes are normal and come from gentle pressing, while unwanted mold growth signals spoilage.","value":200},{"choices":["A thick slice of Butterkäse will provide a luxurious melt on a burger.","Butterkäse is too crumbly to use on burgers.","The cheese is mainly for desserts.","Butterkäse's sharpness masks the flavor of burgers."],"clue":"How would you use Butterkäse in a gourmet burger application?","answer":"A thick slice of Butterkäse will provide a luxurious melt on a burger.","value":300},{"choices":["BOO-ter-kay-zuh","BUH-ter-cheese","BUH-ter-case-uh","BOO-ter-cass"],"clue":"How is 'Butterkäse' pronounced in the standard German style described?","answer":"BOO-ter-kay-zuh","value":400},{"choices":["The pale-yellow color comes from vitamin A (β-carotene) in grass-fed cows’ milk.","Artificial coloring agents are the only source of yellow.","The cheese is aged with annatto leaves.","Yellow coloring comes from saffron added in large amounts."],"clue":"What gives Roth Butterkäse its buttery yellow appearance?","answer":"The pale-yellow color comes from vitamin A (β-carotene) in grass-fed cows’ milk.","value":500}]},{"name":"Deeper Cut","clues":[{"choices":["No butter is added; the name refers to sensory qualities.","Butter is a main ingredient.","The rind is made from whipped butter.","It is churned like butter before aging."],"clue":"Does Butterkäse actually contain butter?","answer":"No butter is added; the name refers to sensory qualities.","value":100},{"choices":["Short aging preserves a mild, milky flavor and smooth texture unique to Butterkäse.","Long aging is required to prevent bitterness and ammonia notes.","Short aging leads to intense, tangy flavors like hard cheeses.","Extended aging gives Butterkäse its signature creaminess."],"clue":"Why is a one-month aging period technically important for Butterkäse?","answer":"Short aging preserves a mild, milky flavor and smooth texture unique to Butterkäse.","value":200},{"choices":["Serve Butterkäse with grapes or sliced apples for contrast in sweetness and texture.","It is unsuitable with any fruit or nuts.","Pair only with hot sauces to balance mildness.","It must be eaten alone as a table cheese."],"clue":"What is a recommended accompaniment for Butterkäse to optimize its mild flavor?","answer":"Serve Butterkäse with grapes or sliced apples for contrast in sweetness and texture.","value":300},{"choices":["Family-owned farms within 60 miles of Monroe","Large national dairy conglomerates","Imported milk from France","Only Brown Swiss breed from California"],"clue":"From where does Roth source milk for Butterkäse?","answer":"Family-owned farms within 60 miles of Monroe","value":400},{"choices":["Mechanical eyes are air pockets from gentle pressing, not from bacterial gas.","Regular holes in Butterkäse result from blue mold culture.","Large holes are necessary for authenticity.","Eyes in Butterkäse are always an error."],"clue":"Why are there small holes ('eyes') in Butterkäse, and are they a defect?","answer":"Mechanical eyes are air pockets from gentle pressing, not from bacterial gas.","value":500}]},{"name":"Expert Round","clues":[{"choices":["Starter cultures drive lactic acid production at a controlled rate for mildness.","Starter cultures are unimportant in flavor development.","Wild bacteria are encouraged for complex flavors.","Aging is done without any bacterial involvement."],"clue":"What is the function of proprietary starter cultures in Roth Butterkäse?","answer":"Starter cultures drive lactic acid production at a controlled rate for mildness.","value":100},{"choices":["Pasteurization eliminates wild bacteria, enabling controlled culturing for mild cheese.","Pasteurization creates complex secondary flavor compounds.","It increases the protein content of the cheese.","It enhances natural yeasts for unique flavors."],"clue":"How does pasteurization influence Roth Butterkäse's flavor profile?","answer":"Pasteurization eliminates wild bacteria, enabling controlled culturing for mild cheese.","value":200},{"choices":["Longer aging would cause overripe, ammonia, or bitter notes not desired in Butterkäse.","Longer aging would intensify the sweet, buttery character.","Extending ripening is necessary for food safety.","A short aging period leads to a crumbly, dry cheese."],"clue":"Why is it problematic to age Butterkäse much longer than 30-45 days?","answer":"Longer aging would cause overripe, ammonia, or bitter notes not desired in Butterkäse.","value":300},{"choices":["A light red wine with low tannins, like Pinot Noir, complements Butterkäse's delicate profile.","A full-bodied, high-tannin Cabernet is ideal.","Port wine is traditional for Butterkäse.","Only sweet dessert wines work with this cheese."],"clue":"Which type of red wine is most suited to pairing with Butterkäse?","answer":"A light red wine with low tannins, like Pinot Noir, complements Butterkäse's delicate profile.","value":400},{"choices":["Diacetyl produced by bacteria contributes buttery flavor to the cheese.","Butter is physically blended with the curd.","Heating the cheese imparts buttery notes.","Salt content is responsible for the buttery taste."],"clue":"What compound is responsible for the 'buttery' flavor in Butterkäse?","answer":"Diacetyl produced by bacteria contributes buttery flavor to the cheese.","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>