{"id":1720,"date":"2026-07-14T20:31:33","date_gmt":"2026-07-14T20:31:33","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=1720"},"modified":"2026-07-14T20:33:15","modified_gmt":"2026-07-14T20:33:15","slug":"quizkatniss-everdeen-the-hunger-games","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/quizkatniss-everdeen-the-hunger-games\/","title":{"rendered":"Quiz:Katniss Everdeen\u00a0(The Hunger Games)"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\n    <title>Quiz: Katniss Everdeen \u2014 The Reluctant Rebel | Righteous Museum<\/title>\n    <!-- Font Awesome for icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            background: #1a1a2e;\n            font-family: 'Georgia', 'Times New Roman', Times, serif;\n            color: #2c2b28;\n            line-height: 1.5;\n            padding: 20px;\n        }\n\n        .museum-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            background: #fef7e0;\n            border-radius: 28px;\n            box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #c9a87b inset;\n            overflow: hidden;\n        }\n\n        .hero {\n            background: linear-gradient(135deg, #1a1a2a 0%, #0d0d1a 100%);\n            padding: 1.8rem 2.5rem;\n            border-bottom: 6px solid #d4af37;\n            color: #f5e7cf;\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            flex-wrap: wrap;\n        }\n        .hero-text {\n            flex: 2;\n        }\n        .hero h1 {\n            font-size: 2rem;\n            letter-spacing: 1px;\n            font-weight: 600;\n        }\n        .hero h1 i {\n            color: #d4af37;\n            margin-right: 10px;\n        }\n        .hero h1 .app-badge {\n            font-size: 0.8rem;\n            background: #d4af3733;\n            padding: 0.2rem 0.8rem;\n            border-radius: 40px;\n            margin-left: 12px;\n            vertical-align: middle;\n        }\n        .hero p {\n            font-size: 1rem;\n            font-style: italic;\n            margin-top: 0.5rem;\n            opacity: 0.85;\n        }\n        .hero-portrait {\n            flex: 0 0 100px;\n            text-align: center;\n            background: #d4af3730;\n            padding: 8px;\n            border-radius: 50%;\n            border: 2px solid #d4af37;\n        }\n        .hero-portrait i {\n            font-size: 3.5rem;\n            color: #ecd9b4;\n        }\n        .hero-portrait p {\n            font-size: 0.65rem;\n            margin-top: 5px;\n        }\n\n        .flex-main {\n            display: flex;\n            flex-wrap: wrap;\n        }\n        .article-panel {\n            flex: 1.6;\n            min-width: 280px;\n            padding: 2rem 2rem 2rem 2.2rem;\n            background: #fffaf2;\n            border-right: 1px solid #ecd9b4;\n        }\n        .game-sat-panel {\n            flex: 1.2;\n            min-width: 350px;\n            background: #f9efdf;\n            padding: 2rem 1.8rem;\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n        }\n\n        .article-panel h2 {\n            font-size: 1.8rem;\n            border-left: 7px solid #d4af37;\n            padding-left: 1rem;\n            margin: 0.75rem 0 1rem 0;\n            color: #2d482b;\n        }\n        .article-panel h2 i {\n            color: #d4af37;\n            margin-right: 10px;\n        }\n        .article-panel h3 {\n            font-size: 1.3rem;\n            margin: 1.4rem 0 0.5rem 0;\n            color: #8b5a2b;\n            font-weight: 600;\n        }\n        .article-panel p {\n            margin-bottom: 0.9rem;\n            text-align: justify;\n        }\n        .article-panel blockquote {\n            margin: 1rem 0;\n            padding: 0.8rem 1.5rem;\n            background: #f3eddd;\n            border-left: 5px solid #d4af37;\n            border-radius: 8px;\n            font-style: italic;\n            color: #4a3a2a;\n        }\n        .article-panel blockquote i {\n            color: #d4af37;\n            margin-right: 8px;\n        }\n        .events-grid {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n            margin: 15px 0;\n        }\n        .event-badge {\n            background: #e9e0cf;\n            padding: 6px 14px;\n            border-radius: 40px;\n            font-size: 0.8rem;\n            border: 1px solid #cfb37a;\n        }\n        .event-badge i {\n            margin-right: 6px;\n            font-size: 0.7rem;\n        }\n        .reference-list {\n            font-size: 0.8rem;\n            margin-top: 1.5rem;\n            border-top: 1px dashed #cfbc93;\n            padding-top: 1rem;\n            color: #5e4b2b;\n        }\n\n        \/* Mode Selection & Quiz Styles *\/\n        .mode-selector {\n            background: white;\n            border-radius: 28px;\n            padding: 1.2rem;\n            text-align: center;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n        }\n        .mode-buttons {\n            display: flex;\n            gap: 12px;\n            justify-content: center;\n            margin-top: 12px;\n            flex-wrap: wrap;\n        }\n        .mode-btn {\n            flex: 1;\n            min-width: 90px;\n            padding: 12px;\n            border: none;\n            border-radius: 60px;\n            font-weight: bold;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: 0.2s;\n            font-family: inherit;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n        }\n        .mode-btn.sat {\n            background: #1e3a2f;\n            color: white;\n        }\n        .mode-btn.psat {\n            background: #2c5f6e;\n            color: white;\n        }\n        .mode-btn.act {\n            background: #8b5a2b;\n            color: white;\n        }\n        .mode-btn:hover {\n            transform: translateY(-2px);\n            filter: brightness(1.05);\n        }\n        .mode-btn.active {\n            box-shadow: 0 0 0 3px #ffd966;\n        }\n        .quiz-header {\n            background: linear-gradient(145deg, #2c4b3e, #1e3a2f);\n            color: white;\n            padding: 1rem;\n            border-radius: 28px;\n            text-align: center;\n        }\n        .score-area {\n            font-size: 1.6rem;\n            font-weight: bold;\n            background: #00000055;\n            display: inline-block;\n            padding: 0.2rem 1.2rem;\n            border-radius: 40px;\n            margin-top: 8px;\n        }\n        .question-card {\n            background: white;\n            border-radius: 28px;\n            padding: 1.5rem;\n            box-shadow: 0 8px 18px rgba(0,0,0,0.1);\n        }\n        .question-text {\n            font-size: 1.1rem;\n            font-weight: 700;\n            margin-bottom: 1.2rem;\n            background: #fdf4e0;\n            padding: 12px;\n            border-radius: 20px;\n            border-left: 5px solid #d4af37;\n        }\n        .options-list {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            margin-bottom: 1.5rem;\n        }\n        .opt-btn {\n            background: #efe2cf;\n            border: 2px solid #cfb37a;\n            padding: 10px 14px;\n            border-radius: 60px;\n            font-family: 'Segoe UI', 'Georgia', serif;\n            font-size: 0.9rem;\n            text-align: left;\n            cursor: pointer;\n            transition: 0.2s;\n        }\n        .opt-btn i {\n            margin-right: 10px;\n        }\n        .opt-btn:hover:not(:disabled) {\n            background: #e2cfb0;\n        }\n        .opt-btn.correct-highlight {\n            background: #a5d6a5;\n            border-color: #2e7d32;\n        }\n        .opt-btn.wrong-highlight {\n            background: #ef9a9a;\n            border-color: #c62828;\n        }\n        .opt-btn:disabled {\n            cursor: default;\n            opacity: 0.8;\n        }\n        .feedback {\n            margin-top: 15px;\n            padding: 12px;\n            border-radius: 20px;\n            background: #f3efdf;\n            font-size: 0.9rem;\n            border-left: 5px solid #d4af37;\n        }\n        .next-btn, .restart-btn {\n            background: #846c3e;\n            border: none;\n            color: white;\n            font-weight: bold;\n            padding: 10px;\n            border-radius: 40px;\n            font-size: 1rem;\n            cursor: pointer;\n            margin-top: 10px;\n            width: 100%;\n        }\n        .next-btn:hover, .restart-btn:hover {\n            background: #5f4a2a;\n        }\n        .game-status {\n            font-size: 0.75rem;\n            text-align: center;\n            background: #e2d5bd;\n            padding: 6px;\n            border-radius: 50px;\n            margin-top: 8px;\n        }\n        footer {\n            text-align: center;\n            padding: 1rem;\n            background: #dfd2b6;\n            font-size: 0.7rem;\n            color: #4a3a22;\n        }\n        .disclaimer {\n            font-size: 0.65rem;\n            text-align: center;\n            margin-top: 8px;\n            color: #6b5a3e;\n        }\n        @media (max-width: 780px) {\n            .hero h1 { font-size: 1.3rem; }\n            .hero-portrait { flex-basis: 70px; }\n            .hero-portrait i { font-size: 2.2rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"museum-container\">\n    <div class=\"hero\">\n        <div class=\"hero-text\">\n            <h1><i class=\"fas fa-arrow-cross\"><\/i> Quiz: Katniss Everdeen \u2014 The Reluctant Rebel <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Literary Quiz<\/span><\/h1>\n            <p><i class=\"fas fa-book-open\"><\/i> A reluctant rebel who defied an unjust system, showing compassion can be the strongest weapon.<\/p>\n        <\/div>\n        <div class=\"hero-portrait\">\n            <i class=\"fas fa-bullseye\"><\/i>\n            <p><i class=\"fas fa-fire\"><\/i> The Mockingjay<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"flex-main\">\n        <div class=\"article-panel\">\n            <h2><i class=\"fas fa-fire\"><\/i> The Reluctant Rebel<\/h2>\n            <p>Katniss Everdeen is the protagonist of Suzanne Collins&#8217;s <em>The Hunger Games<\/em> trilogy, first published in 2008. She is sixteen years old at the start of the series, living in District 12\u2014the poorest and most oppressed of the twelve districts that make up the nation of Panem. She is a hunter, a survivor, and a fiercely protective older sister to her younger sibling Primrose.<\/p>\n            <p>The world of Panem is a divided society on the brink of war. The Capitol, a city of wealth and excess, rules over the districts with an iron fist. As punishment for a failed rebellion decades earlier, the Capitol instituted the Hunger Games: each year, one boy and one girl from each district are selected to fight to the death in a televised spectacle. When Prim&#8217;s name is drawn at the Reaping, Katniss volunteers to take her place. This single act of love\u2014choosing to sacrifice herself for her sister\u2014sets in motion a chain of events that will transform her from a reluctant tribute into the symbol of a revolution she never asked to lead.<\/p>\n\n            <div class=\"events-grid\">\n                <span class=\"event-badge\"><i class=\"fas fa-shield\"><\/i> Sacrifice<\/span>\n                <span class=\"event-badge\"><i class=\"fas fa-heart\"><\/i> Compassion<\/span>\n                <span class=\"event-badge\"><i class=\"fas fa-gavel\"><\/i> Defiance<\/span>\n                <span class=\"event-badge\"><i class=\"fas fa-fire\"><\/i> Rebellion<\/span>\n                <span class=\"event-badge\"><i class=\"fas fa-book\"><\/i> Dystopian Fiction<\/span>\n            <\/div>\n\n            <h3><i class=\"fas fa-question-circle\"><\/i> The Righteous Dilemma<\/h3>\n            <p>Katniss&#8217;s story forces readers to confront one of the most urgent questions of righteousness: <strong>When the system itself is corrupt, what does it mean to be a good person?<\/strong><\/p>\n            <p>The Capitol has created a world in which survival and morality are placed in direct opposition. Tributes must kill or be killed. Kindness is a weakness. Compassion is a liability. Yet even as she fights to survive, Katniss refuses to abandon her humanity completely. She shares her food and medicine with Peeta, forms an alliance with Rue, and mourns the deaths of those she cannot save. In the final moments of the Games, rather than kill Peeta, she pulls out a handful of nightlock berries and offers them to him\u2014they will die together, leaving the Capitol with no victor. This act is not just survival\u2014it is rebellion, a refusal to accept the Capitol&#8217;s definition of victory.<\/p>\n\n            <blockquote><i class=\"fas fa-quote-left\"><\/i> &#8220;I volunteer as tribute!&#8221; \u2014 Katniss Everdeen<\/blockquote>\n\n            <h3><i class=\"fas fa-gem\"><\/i> Key Lessons on Righteousness<\/h3>\n            <ul style=\"padding-left: 1.5rem; margin-bottom: 1rem;\">\n                <li><strong>Righteousness begins with love, not ideology<\/strong> \u2014 Katniss rebels because she loves her sister, not because she believes in a political cause.<\/li>\n                <li><strong>Compassion is not weakness\u2014it is the most powerful form of resistance<\/strong> \u2014 Katniss&#8217;s compassion for Rue and Peeta breaks the Capitol&#8217;s rules and inspires others.<\/li>\n                <li><strong>Righteousness requires courage<\/strong> \u2014 Katniss volunteers for the Games, defies the Capitol, and refuses to play by their rules\u2014all at tremendous personal cost.<\/li>\n                <li><strong>Small acts can have enormous consequences<\/strong> \u2014 A song, a flower, a handful of berries\u2014these small acts of defiance become the seeds of revolution.<\/li>\n                <li><strong>Righteousness does not require perfection<\/strong> \u2014 Katniss makes mistakes, acts selfishly, and doubts herself\u2014yet her choices still matter.<\/li>\n            <\/ul>\n\n            <div class=\"reference-list\">\n                <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Collins, S. (2008). <em>The Hunger Games<\/em>. Scholastic Press. (Modern work under copyright, used for educational analysis)\n            <\/div>\n        <\/div>\n\n        <div class=\"game-sat-panel\">\n            <div class=\"mode-selector\">\n                <i class=\"fas fa-graduation-cap\"><\/i> <strong>Choose Your Quiz Mode<\/strong>\n                <div class=\"mode-buttons\">\n                    <button id=\"modeSAT\" class=\"mode-btn sat\"><i class=\"fas fa-brain\"><\/i> SAT<\/button>\n                    <button id=\"modePSAT\" class=\"mode-btn psat\"><i class=\"fas fa-pen-fancy\"><\/i> PSAT<\/button>\n                    <button id=\"modeACT\" class=\"mode-btn act\"><i class=\"fas fa-bolt\"><\/i> ACT<\/button>\n                <\/div>\n            <\/div>\n            <div class=\"quiz-header\">\n                <h3 id=\"modeTitle\"><i class=\"fas fa-brain\"><\/i> SAT \u2726 Katniss Everdeen \u2014 Righteousness Quiz<\/h3>\n                <div class=\"score-area\"><i class=\"fas fa-star\"><\/i> Score: <span id=\"scoreValue\">0<\/span> \/ 600<\/div>\n            <\/div>\n            <div class=\"question-card\" id=\"quizContainer\">\n                <div id=\"dynamicQuestionArea\"><\/div>\n                <div id=\"feedbackArea\" class=\"feedback\"><i class=\"fas fa-info-circle\"><\/i> Select a mode above to begin.<\/div>\n                <button id=\"nextButton\" class=\"next-btn\" style=\"display: none;\"><i class=\"fas fa-arrow-right\"><\/i> Next Question<\/button>\n                <button id=\"restartButton\" class=\"restart-btn\"><i class=\"fas fa-undo-alt\"><\/i> Restart Quiz<\/button>\n                <div class=\"game-status\"><i class=\"fas fa-hourglass-half\"><\/i> 6 questions per mode \u2022 Katniss &#038; righteousness<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <footer>\n        <i class=\"fas fa-chess-queen\"><\/i> The Righteous Museum \u2014 Literary Figures of Righteousness Hall\n        <div class=\"disclaimer\">\n            <i class=\"fas fa-balance-scale\"><\/i> This educational tool is not affiliated with or endorsed by any rights holders. All content is for educational and research purposes under fair use. <em>The Hunger Games<\/em> and its characters are the property of Suzanne Collins and Scholastic Press.\n        <\/div>\n    <\/footer>\n<\/div>\n\n<script>\n    \/\/ ========== KATNISS EVERDEEN QUESTION BANKS ==========\n\n    \/\/ SAT Style \u2014 Analytical, cause\/effect, thematic\n    const SAT_QUESTIONS = [\n        { \n            text: \"Katniss Everdeen's decision to volunteer as tribute is most significant as a demonstration of:\", \n            options: [\"Her desire for fame\", \"Her love for her sister and willingness to sacrifice herself\", \"Her hatred for the Capitol\", \"Her belief in the rebellion\"], \n            correct: 1, \n            explanation: \"Katniss volunteers to save Prim out of love, not ideology. This act sets the entire rebellion in motion.\"\n        },\n        { \n            text: \"The nightlock berries at the end of the Games symbolize:\", \n            options: [\"Katniss's desire to die\", \"A refusal to play by the Capitol's rules and an act of defiance\", \"A mistake\", \"Peeta's betrayal\"], \n            correct: 1, \n            explanation: \"By threatening to eat the berries, Katniss rejects the Capitol's demand for a single victor, turning her survival into an act of rebellion.\"\n        },\n        { \n            text: \"Katniss's alliance with Rue is significant because it:\", \n            options: [\"Shows her strategic brilliance\", \"Demonstrates compassion and humanity in an inhuman system\", \"Gives her a tactical advantage\", \"Betrays her district\"], \n            correct: 1, \n            explanation: \"Katniss treats Rue as a sister, not a pawn, showing that compassion is stronger than the Capitol's cruel logic.\"\n        },\n        { \n            text: \"The character of Katniss challenges the traditional hero archetype because she:\", \n            options: [\"Is perfect and flawless\", \"Is reluctant, uncertain, and makes mistakes, yet still acts with courage and compassion\", \"Seeks power and glory\", \"Never questions herself\"], \n            correct: 1, \n            explanation: \"Katniss is an imperfect hero\u2014she is often selfish, confused, and reluctant, but her actions nonetheless inspire change.\"\n        },\n        { \n            text: \"The Capitol's use of the Hunger Games as entertainment reveals:\", \n            options: [\"The importance of television\", \"The dehumanization of the districts and the corruption of power\", \"The value of competition\", \"The need for unity\"], \n            correct: 1, \n            explanation: \"The Games are a tool of oppression, designed to keep the districts divided and remind them of the Capitol's absolute power.\"\n        },\n        { \n            text: \"The novel's central theme regarding righteousness is that:\", \n            options: [\"Only the powerful can be righteous\", \"Compassion and defiance in the face of injustice are the highest forms of righteousness\", \"Victory is all that matters\", \"Rules must always be obeyed\"], \n            correct: 1, \n            explanation: \"Katniss's journey shows that righteousness is not about winning\u2014it is about refusing to become the thing you fight against.\"\n        }\n    ];\n\n    \/\/ PSAT Style \u2014 Main idea, vocabulary, simpler inference\n    const PSAT_QUESTIONS = [\n        { \n            text: \"The term 'tribute' in The Hunger Games most nearly means:\", \n            options: [\"A gift\", \"A person selected to participate in the Games\", \"A leader\", \"A soldier\"], \n            correct: 1, \n            explanation: \"A tribute is a person chosen by lottery to represent their district in the Hunger Games.\"\n        },\n        { \n            text: \"Katniss's 'mockingly' nickname, 'The Mockingjay,' symbolizes:\", \n            options: [\"Her love for birds\", \"Her role as a symbol of rebellion and hope\", \"Her fear of the Capitol\", \"Her hunting skills\"], \n            correct: 1, \n            explanation: \"The mockingjay becomes the symbol of the resistance, representing defiance and hope.\"\n        },\n        { \n            text: \"The Hunger Games are designed to:\", \n            options: [\"Entertain the districts\", \"Punish the districts for a past rebellion and maintain control\", \"Find the strongest warrior\", \"Celebrate the harvest\"], \n            correct: 1, \n            explanation: \"The Games are a reminder of the Capitol's power and a punishment for the failed rebellion of the districts.\"\n        },\n        { \n            text: \"Katniss's decision to cover Rue in flowers after her death is an act of:\", \n            options: [\"Defiance and compassion\", \"Mourning and rebellion\", \"Futility\", \"Despair\"], \n            correct: 0, \n            explanation: \"The gesture affirms Rue's humanity and defies the Capitol's dehumanization.\"\n        },\n        { \n            text: \"The setting of The Hunger Games is:\", \n            options: [\"A utopian future\", \"A dystopian post-apocalyptic nation called Panem\", \"A medieval kingdom\", \"A modern city\"], \n            correct: 1, \n            explanation: \"The story is set in Panem, a dystopian nation built on the ruins of North America.\"\n        },\n        { \n            text: \"Katniss's primary motivation throughout the series is:\", \n            options: [\"To become a leader\", \"To protect her family and loved ones\", \"To gain wealth\", \"To destroy the Capitol\"], \n            correct: 1, \n            explanation: \"Katniss is driven by love and loyalty to her family and friends, not by ideology or ambition.\"\n        }\n    ];\n\n    \/\/ ACT Style \u2014 Detail recall, factual accuracy, chronological\n    const ACT_QUESTIONS = [\n        { \n            text: \"The author of The Hunger Games is:\", \n            options: [\"Suzanne Collins\", \"J.K. Rowling\", \"Stephenie Meyer\", \"Veronica Roth\"], \n            correct: 0, \n            explanation: \"Suzanne Collins wrote The Hunger Games trilogy.\"\n        },\n        { \n            text: \"The year of The Hunger Games' first publication is:\", \n            options: [\"2005\", \"2008\", \"2010\", \"2012\"], \n            correct: 1, \n            explanation: \"The Hunger Games was first published in 2008 by Scholastic.\"\n        },\n        { \n            text: \"Katniss's sister's name is:\", \n            options: [\"Primrose\", \"Prim\", \"Primrose Everdeen\", \"All of the above\"], \n            correct: 3, \n            explanation: \"Her sister is Primrose, often called Prim, and her full name is Primrose Everdeen.\"\n        },\n        { \n            text: \"The district where Katniss lives is:\", \n            options: [\"District 11\", \"District 12\", \"District 7\", \"District 4\"], \n            correct: 1, \n            explanation: \"Katniss lives in District 12, the poorest district known for coal mining.\"\n        },\n        { \n            text: \"The name of Katniss's fellow tribute from District 12 is:\", \n            options: [\"Peeta Mellark\", \"Gale Hawthorne\", \"Haymitch Abernathy\", \"Cinna\"], \n            correct: 0, \n            explanation: \"Peeta Mellark is the male tribute from District 12 in the 74th Hunger Games.\"\n        },\n        { \n            text: \"The 'Mockingjay' is a symbol of:\", \n            options: [\"The Capitol\", \"The rebellion\", \"District 12\", \"The Hunger Games\"], \n            correct: 1, \n            explanation: \"The mockingjay becomes the symbol of the rebellion against the Capitol.\"\n        }\n    ];\n\n    let currentMode = \"SAT\";\n    let currentQuestions = [...SAT_QUESTIONS];\n    let currentIndex = 0;\n    let playerScore = 0;\n    let quizAnswered = false;\n    let selectedOptIdx = null;\n    let totalPerMode = 6;\n\n    \/\/ DOM elements\n    const dynamicArea = document.getElementById(\"dynamicQuestionArea\");\n    const feedbackDiv = document.getElementById(\"feedbackArea\");\n    const nextBtn = document.getElementById(\"nextButton\");\n    const restartBtn = document.getElementById(\"restartButton\");\n    const scoreSpan = document.getElementById(\"scoreValue\");\n    const modeTitle = document.getElementById(\"modeTitle\");\n\n    function updateScoreUI() {\n        scoreSpan.innerText = playerScore;\n    }\n\n    function loadMode(mode) {\n        currentMode = mode;\n        if (mode === \"SAT\") currentQuestions = [...SAT_QUESTIONS];\n        else if (mode === \"PSAT\") currentQuestions = [...PSAT_QUESTIONS];\n        else currentQuestions = [...ACT_QUESTIONS];\n        \n        let icon = mode === \"SAT\" ? '<i class=\"fas fa-brain\"><\/i>' : (mode === \"PSAT\" ? '<i class=\"fas fa-pen-fancy\"><\/i>' : '<i class=\"fas fa-bolt\"><\/i>');\n        modeTitle.innerHTML = `${icon} ${mode} \u2726 Katniss Everdeen \u2014 Righteousness Quiz`;\n        \n        currentIndex = 0;\n        playerScore = 0;\n        quizAnswered = false;\n        selectedOptIdx = null;\n        updateScoreUI();\n        nextBtn.style.display = \"none\";\n        feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\"><\/i> ${mode} mode activated. Answer 6 questions about Katniss's moral journey.`;\n        renderQuestion();\n        \n        document.querySelectorAll('.mode-btn').forEach(btn => btn.classList.remove('active'));\n        if (mode === \"SAT\") document.getElementById(\"modeSAT\").classList.add('active');\n        if (mode === \"PSAT\") document.getElementById(\"modePSAT\").classList.add('active');\n        if (mode === \"ACT\") document.getElementById(\"modeACT\").classList.add('active');\n    }\n\n    function renderQuestion() {\n        if (currentIndex >= totalPerMode) {\n            dynamicArea.innerHTML = `\n                <div style=\"text-align:center; padding:20px;\">\n                    <i class=\"fas fa-trophy\" style=\"font-size:3rem; color:#d4af37;\"><\/i>\n                    <h3>${currentMode} Complete!<\/h3>\n                    <p>Your score: ${playerScore} \/ ${totalPerMode*100}<\/p>\n                    <p><i class=\"fas fa-medal\"><\/i> ${getFinalMessage()}<\/p>\n                    <i class=\"fas fa-sync-alt\"><\/i> Switch exam mode or press Restart.\n                <\/div>\n            `;\n            nextBtn.style.display = \"none\";\n            quizAnswered = true;\n            return;\n        }\n\n        const q = currentQuestions[currentIndex];\n        let optionsHtml = '';\n        const letters = ['A', 'B', 'C', 'D'];\n        q.options.forEach((opt, idx) => {\n            let disabledAttr = quizAnswered ? 'disabled' : '';\n            let extraClass = '';\n            if (quizAnswered) {\n                if (idx === q.correct) extraClass = 'correct-highlight';\n                else if (idx === selectedOptIdx && idx !== q.correct) extraClass = 'wrong-highlight';\n            }\n            optionsHtml += `\n                <button class=\"opt-btn ${extraClass}\" data-opt-index=\"${idx}\" ${disabledAttr}>\n                    <i class=\"fas ${idx === 0 ? 'fa-circle' : (idx === 1 ? 'fa-dot-circle' : (idx === 2 ? 'fa-record-vinyl' : 'fa-stop'))}\"><\/i>\n                    <strong>${letters[idx]}.<\/strong> ${escapeHtml(opt)}\n                <\/button>\n            `;\n        });\n\n        const progressHtml = `<div class=\"game-status\" style=\"margin-bottom:12px;\"><i class=\"fas fa-question-circle\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode})<\/div>`;\n        const questionHtml = `\n            ${progressHtml}\n            <div class=\"question-text\"><i class=\"fas fa-gavel\"><\/i> ${escapeHtml(q.text)}<\/div>\n            <div class=\"options-list\" id=\"optionsList\">${optionsHtml}<\/div>\n        `;\n        dynamicArea.innerHTML = questionHtml;\n\n        if (!quizAnswered) {\n            document.querySelectorAll('.opt-btn').forEach(btn => {\n                btn.addEventListener('click', (e) => {\n                    if (quizAnswered) return;\n                    const chosenIdx = parseInt(btn.getAttribute('data-opt-index'));\n                    handleAnswer(chosenIdx);\n                });\n            });\n        }\n    }\n\n    function handleAnswer(chosenIdx) {\n        if (quizAnswered) return;\n        const q = currentQuestions[currentIndex];\n        const isCorrect = (chosenIdx === q.correct);\n        selectedOptIdx = chosenIdx;\n        if (isCorrect) {\n            playerScore += 100;\n            updateScoreUI();\n            feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\" style=\"color:#2e7d32;\"><\/i> ${q.explanation} <i class=\"fas fa-award\"><\/i> +100 points`;\n        } else {\n            const correctLetter = String.fromCharCode(65 + q.correct);\n            const correctText = q.options[q.correct];\n            feedbackDiv.innerHTML = `<i class=\"fas fa-times-circle\" style=\"color:#b71c1c;\"><\/i> Incorrect. Correct answer: ${correctLetter}: ${escapeHtml(correctText)}.<br> ${q.explanation}`;\n        }\n        quizAnswered = true;\n        renderQuestion();\n        nextBtn.style.display = \"block\";\n    }\n\n    function nextQuestion() {\n        if (!quizAnswered && currentIndex < totalPerMode) {\n            feedbackDiv.innerHTML = `<i class=\"fas fa-exclamation-triangle\"><\/i> Please answer before continuing.`;\n            return;\n        }\n        if (currentIndex + 1 <= totalPerMode) {\n            currentIndex++;\n            quizAnswered = false;\n            selectedOptIdx = null;\n            nextBtn.style.display = \"none\";\n            if (currentIndex < totalPerMode) {\n                feedbackDiv.innerHTML = `<i class=\"fas fa-lightbulb\"><\/i> Read carefully, then choose the best answer.`;\n                renderQuestion();\n            } else {\n                renderQuestion();\n                nextBtn.style.display = \"none\";\n            }\n        }\n    }\n\n    function restartQuiz() {\n        loadMode(currentMode);\n    }\n\n    function getFinalMessage() {\n        let maxScore = totalPerMode * 100;\n        if (playerScore === maxScore) return ` Perfect ${currentMode} score! You understand Katniss's defiant compassion.`;\n        if (playerScore >= 400) return ` Strong ${currentMode} readiness! Compassion is the strongest weapon.`;\n        return ` Review The Hunger Games and try again. The fire will burn forever.`;\n    }\n\n    function escapeHtml(str) {\n        return str.replace(\/[&<>]\/g, function(m) {\n            if (m === '&') return '&amp;';\n            if (m === '<') return '&lt;';\n            if (m === '>') return '&gt;';\n            return m;\n        });\n    }\n\n    \/\/ Event bindings\n    document.getElementById(\"modeSAT\").addEventListener(\"click\", () => loadMode(\"SAT\"));\n    document.getElementById(\"modePSAT\").addEventListener(\"click\", () => loadMode(\"PSAT\"));\n    document.getElementById(\"modeACT\").addEventListener(\"click\", () => loadMode(\"ACT\"));\n    nextBtn.addEventListener(\"click\", nextQuestion);\n    restartBtn.addEventListener(\"click\", restartQuiz);\n    \n    \/\/ Initialize with SAT\n    loadMode(\"SAT\");\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Quiz: Katniss Everdeen \u2014 The Reluctant Rebel | Righteous Museum Quiz: Katniss Everdeen \u2014 The Reluctant Rebel Literary Quiz A reluctant rebel who defied an unjust system, showing compassion can be the strongest weapon. The Mockingjay The Reluctant Rebel Katniss Everdeen is the protagonist of Suzanne Collins&#8217;s The Hunger Games trilogy, first published in 2008. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1720","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/comments?post=1720"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1720\/revisions"}],"predecessor-version":[{"id":1724,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1720\/revisions\/1724"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}