Level 11 Vocab<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --bg-dark: #0f172a;\n --card-bg: rgba(30, 41, 59, 0.6);\n --border-color: rgba(255, 255, 255, 0.08);\n --text-primary: #f8fafc;\n --text-secondary: #94a3b8;\n --accent-color: #8b5cf6;\n --accent-hover: #7c3aed;\n --correct-bg: rgba(16, 185, 129, 0.15);\n --correct-border: #10b981;\n --incorrect-bg: rgba(239, 68, 68, 0.15);\n --incorrect-border: #ef4444;\n --font-family: 'Outfit', sans-serif;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: var(--font-family);\n background-color: var(--bg-dark);\n color: var(--text-primary);\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n\n .background-orbs {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: -1;\n filter: blur(100px);\n }\n\n .orb {\n position: absolute;\n border-radius: 50%;\n animation: float 20s infinite ease-in-out;\n }\n\n .orb-1 {\n width: 300px;\n height: 300px;\n background: rgba(139, 92, 246, 0.4);\n top: -50px;\n left: -50px;\n }\n\n .orb-2 {\n width: 400px;\n height: 400px;\n background: rgba(59, 130, 246, 0.3);\n bottom: -100px;\n right: -100px;\n animation-delay: -5s;\n }\n\n .orb-3 {\n width: 250px;\n height: 250px;\n background: rgba(236, 72, 153, 0.3);\n top: 40%;\n left: 50%;\n transform: translate(-50%, -50%);\n animation-delay: -10s;\n }\n\n @keyframes float {\n\n 0%,\n 100% {\n transform: translateY(0) translateX(0);\n }\n\n 33% {\n transform: translateY(-30px) translateX(20px);\n }\n\n 66% {\n transform: translateY(20px) translateX(-30px);\n }\n }\n\n .app-container {\n width: 100%;\n max-width: 600px;\n padding: 20px;\n z-index: 10;\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n\n .app-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 10px;\n }\n\n .logo {\n font-size: 1.5rem;\n font-weight: 800;\n background: linear-gradient(135deg, #a78bfa, #f472b6);\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n letter-spacing: -0.5px;\n }\n\n .points-indicator {\n display: flex;\n align-items: center;\n gap: 8px;\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid var(--border-color);\n padding: 8px 16px;\n border-radius: 999px;\n font-weight: 600;\n font-size: 1.2rem;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(10px);\n }\n\n .star-icon {\n color: #fbbf24;\n font-size: 1.3rem;\n text-shadow: 0 0 10px rgba(251, 191, 36, 0.4);\n }\n\n .card {\n background: var(--card-bg);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--border-color);\n border-radius: 24px;\n padding: 32px;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n transition: transform 0.3s ease, opacity 0.3s ease;\n }\n\n .progress-container {\n width: 100%;\n height: 6px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 999px;\n margin-bottom: 24px;\n overflow: hidden;\n }\n\n .progress-bar {\n height: 100%;\n background: linear-gradient(90deg, #8b5cf6, #3b82f6);\n border-radius: 999px;\n width: 0%;\n transition: width 0.4s ease-out;\n }\n\n .question-header {\n font-size: 0.9rem;\n color: var(--text-secondary);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 12px;\n }\n\n .word-title {\n font-size: 3rem;\n font-weight: 800;\n margin-bottom: 32px;\n letter-spacing: -1px;\n word-break: break-word;\n }\n\n .options-container {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .option-btn {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid var(--border-color);\n padding: 16px 20px;\n border-radius: 16px;\n color: var(--text-primary);\n font-family: inherit;\n font-size: 1.1rem;\n font-weight: 400;\n text-align: left;\n cursor: pointer;\n transition: all 0.2s ease;\n backdrop-filter: blur(5px);\n position: relative;\n overflow: hidden;\n }\n\n .option-btn:hover:not(:disabled) {\n background: rgba(255, 255, 255, 0.08);\n transform: translateY(-2px);\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\n }\n\n .option-btn:active:not(:disabled) {\n transform: translateY(0);\n }\n\n .option-btn.correct {\n background: var(--correct-bg);\n border-color: var(--correct-border);\n box-shadow: 0 0 20px rgba(16, 185, 129, 0.2);\n animation: pulse-correct 0.5s;\n }\n\n .option-btn.incorrect {\n background: var(--incorrect-bg);\n border-color: var(--incorrect-border);\n opacity: 0.7;\n animation: shake 0.4s;\n }\n\n .option-btn:disabled {\n cursor: not-allowed;\n }\n\n @keyframes shake {\n\n 0%,\n 100% {\n transform: translateX(0);\n }\n\n 20% {\n transform: translateX(-5px);\n }\n\n 40% {\n transform: translateX(5px);\n }\n\n 60% {\n transform: translateX(-5px);\n }\n\n 80% {\n transform: translateX(5px);\n }\n }\n\n @keyframes pulse-correct {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.02);\n }\n\n 100% {\n transform: scale(1);\n }\n }\n\n .hint-container {\n margin-top: 24px;\n background: rgba(253, 230, 138, 0.1);\n border: 1px solid rgba(251, 191, 36, 0.3);\n border-radius: 16px;\n padding: 16px 20px;\n display: flex;\n align-items: flex-start;\n gap: 12px;\n animation: slide-up 0.3s ease-out;\n }\n\n .hint-icon {\n font-size: 1.5rem;\n }\n\n #hint-text {\n color: #fce7f3;\n line-height: 1.5;\n font-size: 1rem;\n }\n\n @keyframes slide-up {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hidden {\n display: none !important;\n }\n\n .actions-container {\n margin-top: 24px;\n display: flex;\n justify-content: flex-end;\n }\n\n .primary-btn {\n background: linear-gradient(135deg, var(--accent-color), var(--accent-hover));\n color: white;\n border: none;\n padding: 14px 28px;\n border-radius: 999px;\n font-family: inherit;\n font-weight: 600;\n font-size: 1.1rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: all 0.2s;\n box-shadow: 0 8px 16px rgba(139, 92, 246, 0.3);\n }\n\n .primary-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 20px rgba(139, 92, 246, 0.4);\n }\n\n .results-card {\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 48px 32px;\n }\n\n .trophy {\n font-size: 4rem;\n margin-bottom: 16px;\n animation: float 4s infinite ease-in-out;\n }\n\n .final-message {\n color: var(--text-secondary);\n font-size: 1.1rem;\n margin-top: 8px;\n }\n\n .final-score-box {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 20px;\n padding: 24px 48px;\n margin: 32px 0;\n font-size: 1.5rem;\n border: 1px solid var(--border-color);\n }\n\n .highlight {\n color: var(--accent-color);\n font-weight: 800;\n font-size: 2.5rem;\n margin: 0 8px;\n }\n\n .mt-4 {\n margin-top: 16px;\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"background-orbs\">\n <div class=\"orb orb-1\"><\/div>\n <div class=\"orb orb-2\"><\/div>\n <div class=\"orb orb-3\"><\/div>\n <\/div>\n\n <div class=\"app-container\">\n <header class=\"app-header\">\n <div class=\"logo\">Level 11 Vocab<\/div>\n <div class=\"points-indicator\">\n <span class=\"star-icon\">\u2605<\/span>\n <span id=\"score\">0<\/span>\n <\/div>\n <\/header>\n\n <main class=\"card quiz-card\" id=\"quiz-card\">\n <div class=\"progress-container\">\n <div class=\"progress-bar\" id=\"progress-bar\"><\/div>\n <\/div>\n\n <div class=\"question-header\">\n <span id=\"question-counter\">Word 1 of 103<\/span>\n <\/div>\n\n <div class=\"word-container\">\n <h2 id=\"current-word\" class=\"word-title\">Loading…<\/h2>\n <\/div>\n\n <div class=\"options-container\" id=\"options-container\">\n \n <\/div>\n\n <div class=\"hint-container hidden\" id=\"hint-container\">\n <div class=\"hint-icon\">\ud83d\udca1<\/div>\n <p id=\"hint-text\">Hint goes here.<\/p>\n <\/div>\n\n <div class=\"actions-container hidden\" id=\"next-btn-container\">\n <button id=\"next-btn\" class=\"primary-btn\">Next Word <span>→<\/span><\/button>\n <\/div>\n <\/main>\n\n <main class=\"card results-card hidden\" id=\"results-card\">\n <div class=\"trophy\">\ud83c\udfc6<\/div>\n <h2>Journey Complete!<\/h2>\n <p class=\"final-message\">You have mastered Level 11 Vocab.<\/p>\n <div class=\"final-score-box\">\n <p>Score: <span id=\"final-score\" class=\"highlight\">0<\/span> \/ <span id=\"total-questions\">103<\/span><\/p>\n <\/div>\n <button id=\"restart-btn\" class=\"primary-btn mt-4\">Practice Again <span>↻<\/span><\/button>\n <\/main>\n <\/div>\n\n <script>\n const vocabWords = [\n { word: \"Abate\", options: [\"Become less intense\", \"Increase in power\", \"Move backward\", \"Speak loudly\"], answer: 0, hint: \"Think of a storm dying down.\" },\n { word: \"Aberration\", options: [\"A departure from normal\", \"A standard procedure\", \"A type of plant\", \"A legal document\"], answer: 0, hint: \"It describes something that deviates from the norm.\" },\n { word: \"Abhor\", options: [\"To love deeply\", \"To regard with disgust\", \"To ignore completely\", \"To praise highly\"], answer: 1, hint: \"It means to deeply hate or detest.\" },\n { word: \"Abstruse\", options: [\"Easy to understand\", \"Difficult to comprehend\", \"Very colorful\", \"Extremely loud\"], answer: 1, hint: \"Think of a complicated philosophical text.\" },\n { word: \"Accost\", options: [\"To greet warmly\", \"To approach aggressively\", \"To run away from\", \"To listen closely\"], answer: 1, hint: \"Imagine someone confronting you aggressively on the street.\" },\n { word: \"Acrimony\", options: [\"Bitterness or ill feeling\", \"A sense of peace\", \"A loud noise\", \"A sweet flavor\"], answer: 0, hint: \"Think of a bitter divorce proceeding.\" },\n { word: \"Acumen\", options: [\"Lack of knowledge\", \"Keen insight or shrewdness\", \"A type of fruit\", \"A sharp pain\"], answer: 1, hint: \"A successful businessperson has a lot of this.\" },\n { word: \"Adamant\", options: [\"Refusing to change\", \"Easily persuaded\", \"Very soft\", \"Always changing\"], answer: 0, hint: \"Think of someone who will not budge on their opinion.\" },\n { word: \"Adept\", options: [\"Clumsy and awkward\", \"Highly skilled or expert\", \"Very tired\", \"Inexperienced\"], answer: 1, hint: \"A master juggler is this.\" },\n { word: \"Adroit\", options: [\"Clever or skillful\", \"Foolish or silly\", \"Heavy and slow\", \"Angry or upset\"], answer: 0, hint: \"Similar to adept; think of a skillful maneuver.\" },\n { word: \"Adulation\", options: [\"Harsh criticism\", \"Excessive admiration\", \"Complete apathy\", \"Physical pain\"], answer: 1, hint: \"Fans screaming for a pop star are showing this.\" },\n { word: \"Aesthetic\", options: [\"Relating to beauty\", \"Relating to math\", \"Relating to sports\", \"Relating to law\"], answer: 0, hint: \"An artist cares deeply about this.\" },\n { word: \"Affable\", options: [\"Rude and hostile\", \"Friendly and easy to talk to\", \"Very intelligent\", \"Extremely shy\"], answer: 1, hint: \"A good host is usually this way with guests.\" },\n { word: \"Alacrity\", options: [\"Brisk and cheerful readiness\", \"Slow and reluctant movement\", \"Deep sadness\", \"Extreme anger\"], answer: 0, hint: \"When you are excited to do a task, you do it with this.\" },\n { word: \"Alleviate\", options: [\"To make a problem worse\", \"To make suffering less severe\", \"To cause confusion\", \"To forget entirely\"], answer: 1, hint: \"Painkillers do this to headaches.\" },\n { word: \"Amalgamate\", options: [\"To separate into pieces\", \"To combine or unite\", \"To destroy completely\", \"To hide away\"], answer: 1, hint: \"When two companies merge, they do this.\" },\n { word: \"Ambiguous\", options: [\"Very clear\", \"Having multiple meanings\", \"Extremely heavy\", \"Very colorful\"], answer: 1, hint: \"A vague poem often has this quality.\" },\n { word: \"Ambivalence\", options: [\"Strong certainty\", \"Mixed feelings or contradictory ideas\", \"Complete ignorance\", \"Deep hatred\"], answer: 1, hint: \"When you can't decide if you like something or not.\" },\n { word: \"Ameliorate\", options: [\"To make something better\", \"To make something worse\", \"To ignore a problem\", \"To cause an argument\"], answer: 0, hint: \"Similar to improve or enhance.\" },\n { word: \"Amiable\", options: [\"Hostile and angry\", \"Friendly and pleasant\", \"Sad and depressed\", \"Loud and obnoxious\"], answer: 1, hint: \"Similar to affable, describing a nice person.\" },\n { word: \"Anachronistic\", options: [\"Belonging to a different time period\", \"Happening right now\", \"Extremely modern\", \"Living in the future\"], answer: 0, hint: \"A knight using a smartphone is this.\" },\n { word: \"Analogous\", options: [\"Completely different\", \"Comparable in certain respects\", \"Very boring\", \"Extremely fast\"], answer: 1, hint: \"The relationship between a captain and ship is this to a CEO and company.\" },\n { word: \"Anomaly\", options: [\"A normal occurrence\", \"Something that deviates from the standard\", \"A type of bird\", \"A loud sound\"], answer: 1, hint: \"Snow in July would be considered this.\" },\n { word: \"Antagonism\", options: [\"Active hostility or opposition\", \"Deep friendship\", \"Complete indifference\", \"Sudden confusion\"], answer: 0, hint: \"Enemies often display this toward each other.\" },\n { word: \"Antipathy\", options: [\"A deep-seated feeling of dislike\", \"A strong feeling of love\", \"A sense of curiosity\", \"A lack of emotion\"], answer: 0, hint: \"If you really hate spiders, you have this against them.\" },\n { word: \"Apathy\", options: [\"Intense passion\", \"Lack of interest or enthusiasm\", \"Deep sadness\", \"Extreme joy\"], answer: 1, hint: \"When you just don't care at all.\" },\n { word: \"Apocryphal\", options: [\"Of doubtful authenticity\", \"Completely true\", \"Very obvious\", \"Extremely loud\"], answer: 0, hint: \"Many urban legends are considered this.\" },\n { word: \"Appease\", options: [\"To pacify by acceding to demands\", \"To anger deliberately\", \"To run away from\", \"To laugh at\"], answer: 0, hint: \"Giving a crying baby a pacifier does this.\" },\n { word: \"Apprehensive\", options: [\"Anxious that something bad will happen\", \"Completely relaxed\", \"Very angry\", \"Extremely happy\"], answer: 0, hint: \"A feeling you get right before giving a big speech.\" },\n { word: \"Arbitrary\", options: [\"Based on random choice\", \"Carefully planned out\", \"Always the same\", \"Extremely heavy\"], answer: 0, hint: \"A rule made up for no logical reason is this.\" },\n { word: \"Arcane\", options: [\"Understood by few\", \"Common knowledge\", \"Very visible\", \"Extremely loud\"], answer: 0, hint: \"Ancient magical rituals are often described as this.\" },\n { word: \"Archaic\", options: [\"Very modern\", \"Very old or old-fashioned\", \"Extremely fast\", \"Deeply sad\"], answer: 1, hint: \"Typewriters or floppy disks are now this.\" },\n { word: \"Arduous\", options: [\"Involving strenuous effort\", \"Very easy to do\", \"Quick and simple\", \"Always changing\"], answer: 0, hint: \"Climbing Mount Everest is this kind of task.\" },\n { word: \"Articulate\", options: [\"Having the ability to speak fluently\", \"Unable to speak clearly\", \"Very loud and noisy\", \"Extremely quiet\"], answer: 0, hint: \"A great public speaker is highly this.\" },\n { word: \"Ascetic\", options: [\"Suggesting severe self-discipline\", \"Indulging in luxury\", \"Very colorful\", \"Extremely social\"], answer: 0, hint: \"A monk living with only the bare necessities is this.\" },\n { word: \"Assuage\", options: [\"To make an unpleasant feeling less intense\", \"To increase pain\", \"To ignore completely\", \"To yell loudly\"], answer: 0, hint: \"A parent does this to a child's fears of the dark.\" },\n { word: \"Astute\", options: [\"Having an ability to accurately assess situations\", \"Being very clumsy\", \"Lack of intelligence\", \"Easily tricked\"], answer: 0, hint: \"A sharp, clever detective is this.\" },\n { word: \"Audacious\", options: [\"Showing a willingness to take bold risks\", \"Being extremely cautious\", \"Very fearful\", \"Always following rules\"], answer: 0, hint: \"Asking for a massive raise on your first day is this.\" },\n { word: \"Augment\", options: [\"To make something greater by adding to it\", \"To decrease in size\", \"To stay exactly the same\", \"To break into pieces\"], answer: 0, hint: \"If you get a second job to earn more money, you do this to your income.\" },\n { word: \"Austere\", options: [\"Severe or strict in manner\", \"Very colorful and bright\", \"Relaxed and easygoing\", \"Extremely funny\"], answer: 0, hint: \"A highly decorated room is NOT this; a bare minimal room IS this.\" },\n { word: \"Avarice\", options: [\"Extreme greed for wealth\", \"Generosity towards others\", \"A complete lack of care\", \"Deep sadness\"], answer: 0, hint: \"Scrooge from A Christmas Carol was known for this.\" },\n { word: \"Banal\", options: [\"Lacking in originality as to be boring\", \"Highly creative\", \"Extremely exciting\", \"Very dangerous\"], answer: 0, hint: \"A story you've heard a million times becomes this.\" },\n { word: \"Belie\", options: [\"To fail to give a true notion of\", \"To tell the absolute truth\", \"To shout loudly\", \"To run away fast\"], answer: 0, hint: \"Her calm smile did this to her inner panic.\" },\n { word: \"Belligerent\", options: [\"Hostile and aggressive\", \"Peaceful and calm\", \"Very intelligent\", \"Extremely funny\"], answer: 0, hint: \"Someone trying to start a physical fight at a bar is this.\" },\n { word: \"Benevolent\", options: [\"Well meaning and kindly\", \"Cruel and hateful\", \"Very greedy\", \"Extremely jealous\"], answer: 0, hint: \"A charitable organization does this kind of work.\" },\n { word: \"Benign\", options: [\"Gentle and kindly\", \"Harmful and toxic\", \"Very fast\", \"Extremely loud\"], answer: 0, hint: \"A tumor that is not cancer is called this.\" },\n { word: \"Blatant\", options: [\"Done openly and unashamedly\", \"Hidden very carefully\", \"Extremely confusing\", \"Very quiet\"], answer: 0, hint: \"An obvious, undeniable lie is this.\" },\n { word: \"Bolster\", options: [\"To support or strengthen\", \"To tear down\", \"To ignore completely\", \"To make fun of\"], answer: 0, hint: \"You might do this to your argument by adding facts.\" },\n { word: \"Bombastic\", options: [\"High-sounding but with little meaning\", \"Very humble\", \"Extremely quiet\", \"Easy to understand\"], answer: 0, hint: \"A politician making grand but empty promises is speaking this way.\" },\n { word: \"Boorish\", options: [\"Rough and bad-mannered\", \"Very polite\", \"Highly educated\", \"Extremely wealthy\"], answer: 0, hint: \"Someone chewing loudly with their mouth open acts this way.\" },\n { word: \"Bucolic\", options: [\"Relating to the pleasant aspects of the countryside\", \"Relating to a busy city\", \"Extremely dangerous\", \"Very loud\"], answer: 0, hint: \"A quiet farm with rolling green hills is this.\" },\n { word: \"Burgeon\", options: [\"Begin to grow or increase rapidly\", \"To shrink and die\", \"To stay exactly the same\", \"To move backward\"], answer: 0, hint: \"A startup company experiencing massive success will do this.\" },\n { word: \"Cacophony\", options: [\"A harsh discordant mixture of sounds\", \"A beautiful melody\", \"Complete silence\", \"A single musical note\"], answer: 0, hint: \"An orchestra tuning their instruments all at once makes this.\" },\n { word: \"Cajole\", options: [\"To persuade someone by flattery\", \"To force someone violently\", \"To ignore someone completely\", \"To yell loudly at someone\"], answer: 0, hint: \"A child trying to get a toy from a parent might do this.\" },\n { word: \"Candor\", options: [\"The quality of being open and honest\", \"A tendency to lie\", \"Deep confusion\", \"Extreme fear\"], answer: 0, hint: \"If you want the absolute truth, you ask for this.\" },\n { word: \"Capricious\", options: [\"Given to sudden changes of mood or behavior\", \"Very reliable and steady\", \"Extremely boring\", \"Always happy\"], answer: 0, hint: \"Someone who changes their plans every five minutes is this.\" },\n { word: \"Castigate\", options: [\"To reprimand someone severely\", \"To praise highly\", \"To ignore completely\", \"To laugh at\"], answer: 0, hint: \"A boss might do this to an employee who makes a huge error.\" },\n { word: \"Catalyst\", options: [\"A person or thing that precipitates an event\", \"Something that stops progress\", \"A very boring book\", \"A loud noise\"], answer: 0, hint: \"In science, this speeds up a chemical reaction.\" },\n { word: \"Caustic\", options: [\"Sarcastic in a scathing and bitter way\", \"Very gentle and kind\", \"Extremely happy\", \"Easily confused\"], answer: 0, hint: \"Acid that burns is this; so is a very harsh insult.\" },\n { word: \"Censure\", options: [\"To express severe disapproval\", \"To give an award to\", \"To completely ignore\", \"To forget easily\"], answer: 0, hint: \"A politician caught in a scandal might face this from colleagues.\" },\n { word: \"Chauvinist\", options: [\"A person displaying aggressive patriotism\", \"A person who hates their country\", \"A deep thinker\", \"A very fast runner\"], answer: 0, hint: \"Someone who thinks their group is unquestionably superior to all others.\" },\n { word: \"Chicanery\", options: [\"The use of trickery to achieve a political, financial, or legal purpose\", \"Absolute honesty\", \"Hard physical labor\", \"Deep sadness\"], answer: 0, hint: \"A scam artist relies heavily on this.\" },\n { word: \"Chronic\", options: [\"Persisting for a long time or constantly recurring\", \"Happening only once\", \"Extremely rare\", \"Very quiet\"], answer: 0, hint: \"A back pain that never goes away is this.\" },\n { word: \"Circumvent\", options: [\"Find a way around an obstacle\", \"To crash directly into\", \"To give up easily\", \"To complain loudly\"], answer: 0, hint: \"Hackers do this to computer security systems.\" },\n { word: \"Clairvoyant\", options: [\"Having or exhibiting an ability to perceive events in the future\", \"Being completely blind\", \"Extremely logical\", \"Very forgetful\"], answer: 0, hint: \"A psychic claims to be this.\" },\n { word: \"Clandestine\", options: [\"Kept secret or done secretively\", \"Done in the open\", \"Very loud and obvious\", \"Extremely boring\"], answer: 0, hint: \"Spies often hold these types of meetings.\" },\n { word: \"Clemency\", options: [\"Mercy or lenience\", \"Harsh punishment\", \"Complete confusion\", \"Extreme anger\"], answer: 0, hint: \"A judge can show this by giving a lighter sentence.\" },\n { word: \"Coalesce\", options: [\"To come together to form one mass or whole\", \"To break apart entirely\", \"To fly away\", \"To ignore completely\"], answer: 0, hint: \"When puddles combine, they do this.\" },\n { word: \"Cogent\", options: [\"Clear, logical, and convincing\", \"Confusing and random\", \"Very quiet\", \"Extremely long\"], answer: 0, hint: \"A brilliant lawyer presents this type of argument.\" },\n { word: \"Cognizant\", options: [\"Having knowledge or being aware of\", \"Being completely ignorant\", \"Extremely tired\", \"Very fearful\"], answer: 0, hint: \"You should be this of the speed limit when driving.\" },\n { word: \"Coherent\", options: [\"Logical and consistent\", \"Random and messy\", \"Extremely colorful\", \"Very loud\"], answer: 0, hint: \"A well-written essay must be this.\" },\n { word: \"Colloquial\", options: [\"Used in ordinary or familiar conversation\", \"Very formal and stiff\", \"Written in a different language\", \"Extremely ancient\"], answer: 0, hint: \"Slang words are a part of this type of language.\" },\n { word: \"Collusion\", options: [\"Secret or illegal cooperation\", \"Public teamwork\", \"A loud disagreement\", \"Deep friendship\"], answer: 0, hint: \"Companies price-fixing together is an example of this.\" },\n { word: \"Commensurate\", options: [\"Corresponding in size or degree\", \"Completely unrelated\", \"Very small\", \"Extremely fast\"], answer: 0, hint: \"Your salary should be this with your experience.\" },\n { word: \"Complacent\", options: [\"Showing smug or uncritical satisfaction with oneself\", \"Always striving to improve\", \"Extremely anxious\", \"Very depressed\"], answer: 0, hint: \"A sports team that stops practicing because they won once is being this.\" },\n { word: \"Conciliatory\", options: [\"Intended or likely to placate or pacify\", \"Intended to cause a fight\", \"Very funny\", \"Extremely loud\"], answer: 0, hint: \"An apology is an example of this kind of gesture.\" },\n { word: \"Condone\", options: [\"Accept and allow behavior to continue\", \"To forbid completely\", \"To ignore totally\", \"To question endlessly\"], answer: 0, hint: \"Schools do not do this to cheating.\" },\n { word: \"Conducive\", options: [\"Making a certain situation or outcome likely or possible\", \"Preventing something from happening\", \"Extremely strange\", \"Very colorful\"], answer: 0, hint: \"A quiet room is this to studying.\" },\n { word: \"Conflagration\", options: [\"An extensive fire that destroys a great deal of land\", \"A small spark\", \"A tiny drop of water\", \"A gentle breeze\"], answer: 0, hint: \"A massive forest fire is a devastating one of these.\" },\n { word: \"Confound\", options: [\"Cause surprise or confusion in someone\", \"To make something very clear\", \"To calm someone down\", \"To teach a lesson\"], answer: 0, hint: \"A complex puzzle might do this to you.\" },\n { word: \"Connoisseur\", options: [\"An expert judge in matters of taste\", \"A complete beginner\", \"Someone who hates art\", \"A loud person\"], answer: 0, hint: \"A person who tastes wine for a living is considered a this.\" },\n { word: \"Contentious\", options: [\"Causing or likely to cause an argument\", \"Always agreeing\", \"Very peaceful\", \"Extremely quiet\"], answer: 0, hint: \"Politics is often a very ___ topic.\" },\n { word: \"Contrite\", options: [\"Feeling or expressing remorse\", \"Feeling proud and arrogant\", \"Feeling completely happy\", \"Feeling deeply confused\"], answer: 0, hint: \"A child who broke a vase and is crying feels this way.\" },\n { word: \"Conundrum\", options: [\"A confusing and difficult problem or question\", \"An easy answer\", \"A loud sound\", \"A fast car\"], answer: 0, hint: \"A riddle is a type of this.\" },\n { word: \"Convoluted\", options: [\"Extremely complex and difficult to follow\", \"Very simple and clear\", \"Extremely fast\", \"Deeply sad\"], answer: 0, hint: \"A movie plot with too many twists can become this.\" },\n { word: \"Copious\", options: [\"Abundant in supply or quantity\", \"Very rare and scarce\", \"Extremely small\", \"Very quiet\"], answer: 0, hint: \"If you take a lot of notes, you take this many.\" },\n { word: \"Corroborate\", options: [\"To confirm or give support to\", \"To deny completely\", \"To ignore entirely\", \"To make fun of\"], answer: 0, hint: \"A witness can do this to a suspect's alibi.\" },\n { word: \"Cosmopolitan\", options: [\"Familiar with and at ease in many different countries\", \"Having never left one's hometown\", \"Extremely angry\", \"Very colorful\"], answer: 0, hint: \"New York City is known as a highly ___ city.\" },\n { word: \"Credulous\", options: [\"Having or showing too great a readiness to believe things\", \"Being incredibly skeptical\", \"Very tired\", \"Extremely strong\"], answer: 0, hint: \"A person who believes everything they read on the internet is this.\" },\n { word: \"Cryptic\", options: [\"Having a meaning that is mysterious or obscure\", \"Being completely obvious\", \"Extremely bright\", \"Very loud\"], answer: 0, hint: \"A hidden message that is hard to solve is this.\" },\n { word: \"Culpable\", options: [\"Deserving blame\", \"Completely innocent\", \"Very powerful\", \"Extremely fast\"], answer: 0, hint: \"If you committed the crime, you are this.\" },\n { word: \"Cursory\", options: [\"Hasty and therefore not thorough\", \"Careful and detailed\", \"Very slow\", \"Extremely colorful\"], answer: 0, hint: \"A quick glance over your notes before a test is a ___ review.\" },\n { word: \"Daunt\", options: [\"Make someone feel intimidated or apprehensive\", \"Make someone feel completely relaxed\", \"To praise highly\", \"To ignore entirely\"], answer: 0, hint: \"A huge, impossible task might do this to you.\" },\n { word: \"Dearth\", options: [\"A scarcity or lack of something\", \"An excessive amount\", \"A loud noise\", \"A very fast speed\"], answer: 0, hint: \"A drought causes this of water.\" },\n { word: \"Debilitate\", options: [\"Make someone weak and infirm\", \"Make someone strong and healthy\", \"Make someone laugh\", \"Make someone run fast\"], answer: 0, hint: \"A bad disease will do this to your body.\" },\n { word: \"Decadence\", options: [\"Moral or cultural decline as characterized by excessive indulgence in pleasure\", \"Strict adherence to rules\", \"Extreme physical pain\", \"Complete lack of money\"], answer: 0, hint: \"Eating a giant chocolate cake covered in gold flakes is an act of this.\" },\n { word: \"Decimate\", options: [\"Kill, destroy, or remove a large percentage\", \"To build up and improve\", \"To ignore completely\", \"To paint a house\"], answer: 0, hint: \"A plague can do this to a population.\" },\n { word: \"Decorum\", options: [\"Behavior in keeping with good taste and propriety\", \"Extremely rude behavior\", \"Loud, obnoxious noise\", \"Very fast running\"], answer: 0, hint: \"Using the proper fork at a fancy dinner is an example of this.\" },\n { word: \"Deference\", options: [\"Humble submission and respect\", \"Extreme disrespect\", \"Complete ignorance\", \"Deep sadness\"], answer: 0, hint: \"You should show this to your grandparents.\" },\n { word: \"Deleterious\", options: [\"Causing harm or damage\", \"Highly beneficial\", \"Very colorful\", \"Extremely quiet\"], answer: 0, hint: \"Smoking has a ___ effect on your lungs.\" },\n { word: \"Delineate\", options: [\"Describe or portray precisely\", \"To confuse and obscure\", \"To ignore completely\", \"To run away from\"], answer: 0, hint: \"A map will do this to a country's borders.\" },\n { word: \"Demagogue\", options: [\"A political leader who seeks support by appealing to the desires and prejudices of ordinary people\", \"A quiet, thoughtful philosopher\", \"A person who hates politics\", \"A very fast runner\"], answer: 0, hint: \"A leader who stirs up an angry mob using fear is a this.\" },\n { word: \"Denigrate\", options: [\"Criticize unfairly; disparage\", \"Praise highly and genuinely\", \"Ignore entirely\", \"Listen carefully\"], answer: 0, hint: \"Bullies often do this to their targets to make themselves feel better.\" }\n ];\n\n \/\/ Application Logic for Level 11 Vocab\n\n let currentQuestionIndex = 0;\n let score = 0;\n let canEarnPoint = true;\n let totalWords = 0;\n\n const elements = {\n score: document.getElementById('score'),\n progressBar: document.getElementById('progress-bar'),\n questionCounter: document.getElementById('question-counter'),\n currentWord: document.getElementById('current-word'),\n optionsContainer: document.getElementById('options-container'),\n hintContainer: document.getElementById('hint-container'),\n hintText: document.getElementById('hint-text'),\n nextBtnContainer: document.getElementById('next-btn-container'),\n nextBtn: document.getElementById('next-btn'),\n quizCard: document.getElementById('quiz-card'),\n resultsCard: document.getElementById('results-card'),\n finalScore: document.getElementById('final-score'),\n totalQuestions: document.getElementById('total-questions'),\n restartBtn: document.getElementById('restart-btn')\n };\n\n function initApp() {\n if (typeof vocabWords === 'undefined' || vocabWords.length === 0) {\n elements.currentWord.textContent = \"Error: Words data not found.\";\n return;\n }\n\n \/\/ Optional: Shuffle words on start\n \/\/ shuffleArray(vocabWords);\n\n totalWords = vocabWords.length;\n elements.totalQuestions.textContent = totalWords;\n\n currentQuestionIndex = 0;\n score = 0;\n\n elements.score.textContent = score;\n elements.resultsCard.classList.add('hidden');\n elements.quizCard.classList.remove('hidden');\n\n loadQuestion();\n }\n\n function loadQuestion() {\n canEarnPoint = true; \/\/ resets for the new word\n const currentItem = vocabWords[currentQuestionIndex];\n\n \/\/ Update Header Elements\n elements.questionCounter.textContent = `Word ${currentQuestionIndex + 1} of ${totalWords}`;\n elements.progressBar.style.width = `${((currentQuestionIndex) \/ totalWords) * 100}%`;\n\n \/\/ Load Word\n elements.currentWord.textContent = currentItem.word;\n\n \/\/ Hide Hint & Next button\n elements.hintContainer.classList.add('hidden');\n elements.nextBtnContainer.classList.add('hidden');\n\n \/\/ Generate Options\n elements.optionsContainer.innerHTML = '';\n\n \/\/ We attach original originalIndex to options to identify the correct answer\n const optionsWithIndex = currentItem.options.map((opt, index) => ({ text: opt, originalIndex: index }));\n\n \/\/ Shuffle options so the correct answer isn't always in the same place\n shuffleArray(optionsWithIndex);\n\n optionsWithIndex.forEach((opt) => {\n const btn = document.createElement('button');\n btn.className = 'option-btn';\n btn.textContent = opt.text;\n btn.dataset.index = opt.originalIndex;\n\n btn.addEventListener('click', () => handleOptionClick(btn, currentItem.answer, currentItem.hint));\n\n elements.optionsContainer.appendChild(btn);\n });\n }\n\n function handleOptionClick(btn, correctAnswerIndex, hint) {\n const selectedIndex = parseInt(btn.dataset.index);\n\n if (selectedIndex === correctAnswerIndex) {\n \/\/ Correct Answer\n btn.classList.add('correct');\n\n if (canEarnPoint) {\n score++;\n elements.score.textContent = score;\n }\n\n \/\/ Disable all options\n const allBtns = elements.optionsContainer.querySelectorAll('.option-btn');\n allBtns.forEach(b => {\n b.disabled = true;\n if (parseInt(b.dataset.index) === correctAnswerIndex && b !== btn) {\n \/\/ optionally highlight correct answer if they got it right anyway\n }\n });\n\n elements.hintContainer.classList.add('hidden');\n elements.nextBtnContainer.classList.remove('hidden');\n\n } else {\n \/\/ Incorrect Answer\n btn.classList.add('incorrect');\n btn.disabled = true;\n\n canEarnPoint = false; \/\/ Cannot earn a point for this word anymore\n\n \/\/ Show Hint\n elements.hintText.textContent = hint;\n elements.hintContainer.classList.remove('hidden');\n }\n }\n\n function nextQuestion() {\n currentQuestionIndex++;\n\n if (currentQuestionIndex >= totalWords) {\n showResults();\n } else {\n loadQuestion();\n }\n }\n\n function showResults() {\n elements.quizCard.classList.add('hidden');\n elements.resultsCard.classList.remove('hidden');\n elements.finalScore.textContent = score;\n elements.progressBar.style.width = '100%';\n }\n\n \/\/ Utility function to shuffle an array\n function shuffleArray(array) {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n }\n\n \/\/ Event Listeners\n elements.nextBtn.addEventListener('click', nextQuestion);\n elements.restartBtn.addEventListener('click', initApp);\n\n \/\/ Initialize robustly for widget environments\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initApp);\n } else {\n initApp();\n }\n <\/script>\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Level 11 Vocab Level 11 Vocab \u2605 0 Word 1 of 103 Loading… \ud83d\udca1 Hint goes here. Next Word → \ud83c\udfc6 Journey Complete! You have mastered Level 11 Vocab. Score: 0 \/ 103 Practice Again ↻<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4238","post","type-post","status-publish","format-standard","hentry","category-hes"],"_links":{"self":[{"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=\/wp\/v2\/posts\/4238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4238"}],"version-history":[{"count":1,"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=\/wp\/v2\/posts\/4238\/revisions"}],"predecessor-version":[{"id":4239,"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=\/wp\/v2\/posts\/4238\/revisions\/4239"}],"wp:attachment":[{"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4238,"date":"2026-03-08T15:29:31","date_gmt":"2026-03-08T15:29:31","guid":{"rendered":"https:\/\/hansoneducationservices.com\/?p=4238"},"modified":"2026-03-08T15:29:31","modified_gmt":"2026-03-08T15:29:31","slug":"4238","status":"publish","type":"post","link":"https:\/\/hansoneducationservices.com\/?p=4238","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n \n \n Level 11 Vocab<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --bg-dark: #0f172a;\n --card-bg: rgba(30, 41, 59, 0.6);\n --border-color: rgba(255, 255, 255, 0.08);\n --text-primary: #f8fafc;\n --text-secondary: #94a3b8;\n --accent-color: #8b5cf6;\n --accent-hover: #7c3aed;\n --correct-bg: rgba(16, 185, 129, 0.15);\n --correct-border: #10b981;\n --incorrect-bg: rgba(239, 68, 68, 0.15);\n --incorrect-border: #ef4444;\n --font-family: 'Outfit', sans-serif;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: var(--font-family);\n background-color: var(--bg-dark);\n color: var(--text-primary);\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n\n .background-orbs {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: -1;\n filter: blur(100px);\n }\n\n .orb {\n position: absolute;\n border-radius: 50%;\n animation: float 20s infinite ease-in-out;\n }\n\n .orb-1 {\n width: 300px;\n height: 300px;\n background: rgba(139, 92, 246, 0.4);\n top: -50px;\n left: -50px;\n }\n\n .orb-2 {\n width: 400px;\n height: 400px;\n background: rgba(59, 130, 246, 0.3);\n bottom: -100px;\n right: -100px;\n animation-delay: -5s;\n }\n\n .orb-3 {\n width: 250px;\n height: 250px;\n background: rgba(236, 72, 153, 0.3);\n top: 40%;\n left: 50%;\n transform: translate(-50%, -50%);\n animation-delay: -10s;\n }\n\n @keyframes float {\n\n 0%,\n 100% {\n transform: translateY(0) translateX(0);\n }\n\n 33% {\n transform: translateY(-30px) translateX(20px);\n }\n\n 66% {\n transform: translateY(20px) translateX(-30px);\n }\n }\n\n .app-container {\n width: 100%;\n max-width: 600px;\n padding: 20px;\n z-index: 10;\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n\n .app-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 10px;\n }\n\n .logo {\n font-size: 1.5rem;\n font-weight: 800;\n background: linear-gradient(135deg, #a78bfa, #f472b6);\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n letter-spacing: -0.5px;\n }\n\n .points-indicator {\n display: flex;\n align-items: center;\n gap: 8px;\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid var(--border-color);\n padding: 8px 16px;\n border-radius: 999px;\n font-weight: 600;\n font-size: 1.2rem;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(10px);\n }\n\n .star-icon {\n color: #fbbf24;\n font-size: 1.3rem;\n text-shadow: 0 0 10px rgba(251, 191, 36, 0.4);\n }\n\n .card {\n background: var(--card-bg);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--border-color);\n border-radius: 24px;\n padding: 32px;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n transition: transform 0.3s ease, opacity 0.3s ease;\n }\n\n .progress-container {\n width: 100%;\n height: 6px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 999px;\n margin-bottom: 24px;\n overflow: hidden;\n }\n\n .progress-bar {\n height: 100%;\n background: linear-gradient(90deg, #8b5cf6, #3b82f6);\n border-radius: 999px;\n width: 0%;\n transition: width 0.4s ease-out;\n }\n\n .question-header {\n font-size: 0.9rem;\n color: var(--text-secondary);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 12px;\n }\n\n .word-title {\n font-size: 3rem;\n font-weight: 800;\n margin-bottom: 32px;\n letter-spacing: -1px;\n word-break: break-word;\n }\n\n .options-container {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .option-btn {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid var(--border-color);\n padding: 16px 20px;\n border-radius: 16px;\n color: var(--text-primary);\n font-family: inherit;\n font-size: 1.1rem;\n font-weight: 400;\n text-align: left;\n cursor: pointer;\n transition: all 0.2s ease;\n backdrop-filter: blur(5px);\n position: relative;\n overflow: hidden;\n }\n\n .option-btn:hover:not(:disabled) {\n background: rgba(255, 255, 255, 0.08);\n transform: translateY(-2px);\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\n }\n\n .option-btn:active:not(:disabled) {\n transform: translateY(0);\n }\n\n .option-btn.correct {\n background: var(--correct-bg);\n border-color: var(--correct-border);\n box-shadow: 0 0 20px rgba(16, 185, 129, 0.2);\n animation: pulse-correct 0.5s;\n }\n\n .option-btn.incorrect {\n background: var(--incorrect-bg);\n border-color: var(--incorrect-border);\n opacity: 0.7;\n animation: shake 0.4s;\n }\n\n .option-btn:disabled {\n cursor: not-allowed;\n }\n\n @keyframes shake {\n\n 0%,\n 100% {\n transform: translateX(0);\n }\n\n 20% {\n transform: translateX(-5px);\n }\n\n 40% {\n transform: translateX(5px);\n }\n\n 60% {\n transform: translateX(-5px);\n }\n\n 80% {\n transform: translateX(5px);\n }\n }\n\n @keyframes pulse-correct {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.02);\n }\n\n 100% {\n transform: scale(1);\n }\n }\n\n .hint-container {\n margin-top: 24px;\n background: rgba(253, 230, 138, 0.1);\n border: 1px solid rgba(251, 191, 36, 0.3);\n border-radius: 16px;\n padding: 16px 20px;\n display: flex;\n align-items: flex-start;\n gap: 12px;\n animation: slide-up 0.3s ease-out;\n }\n\n .hint-icon {\n font-size: 1.5rem;\n }\n\n #hint-text {\n color: #fce7f3;\n line-height: 1.5;\n font-size: 1rem;\n }\n\n @keyframes slide-up {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hidden {\n display: none !important;\n }\n\n .actions-container {\n margin-top: 24px;\n display: flex;\n justify-content: flex-end;\n }\n\n .primary-btn {\n background: linear-gradient(135deg, var(--accent-color), var(--accent-hover));\n color: white;\n border: none;\n padding: 14px 28px;\n border-radius: 999px;\n font-family: inherit;\n font-weight: 600;\n font-size: 1.1rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: all 0.2s;\n box-shadow: 0 8px 16px rgba(139, 92, 246, 0.3);\n }\n\n .primary-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 20px rgba(139, 92, 246, 0.4);\n }\n\n .results-card {\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 48px 32px;\n }\n\n .trophy {\n font-size: 4rem;\n margin-bottom: 16px;\n animation: float 4s infinite ease-in-out;\n }\n\n .final-message {\n color: var(--text-secondary);\n font-size: 1.1rem;\n margin-top: 8px;\n }\n\n .final-score-box {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 20px;\n padding: 24px 48px;\n margin: 32px 0;\n font-size: 1.5rem;\n border: 1px solid var(--border-color);\n }\n\n .highlight {\n color: var(--accent-color);\n font-weight: 800;\n font-size: 2.5rem;\n margin: 0 8px;\n }\n\n .mt-4 {\n margin-top: 16px;\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"background-orbs\">\n <div class=\"orb orb-1\"><\/div>\n <div class=\"orb orb-2\"><\/div>\n <div class=\"orb orb-3\"><\/div>\n <\/div>\n\n <div class=\"app-container\">\n <header class=\"app-header\">\n <div class=\"logo\">Level 11 Vocab<\/div>\n <div class=\"points-indicator\">\n <span class=\"star-icon\">\u2605<\/span>\n <span id=\"score\">0<\/span>\n <\/div>\n <\/header>\n\n <main class=\"card quiz-card\" id=\"quiz-card\">\n <div class=\"progress-container\">\n <div class=\"progress-bar\" id=\"progress-bar\"><\/div>\n <\/div>\n\n <div class=\"question-header\">\n <span id=\"question-counter\">Word 1 of 103<\/span>\n <\/div>\n\n <div class=\"word-container\">\n <h2 id=\"current-word\" class=\"word-title\">Loading…<\/h2>\n <\/div>\n\n <div class=\"options-container\" id=\"options-container\">\n \n <\/div>\n\n <div class=\"hint-container hidden\" id=\"hint-container\">\n <div class=\"hint-icon\">\ud83d\udca1<\/div>\n <p id=\"hint-text\">Hint goes here.<\/p>\n <\/div>\n\n <div class=\"actions-container hidden\" id=\"next-btn-container\">\n <button id=\"next-btn\" class=\"primary-btn\">Next Word <span>→<\/span><\/button>\n <\/div>\n <\/main>\n\n <main class=\"card results-card hidden\" id=\"results-card\">\n <div class=\"trophy\">\ud83c\udfc6<\/div>\n <h2>Journey Complete!<\/h2>\n <p class=\"final-message\">You have mastered Level 11 Vocab.<\/p>\n <div class=\"final-score-box\">\n <p>Score: <span id=\"final-score\" class=\"highlight\">0<\/span> \/ <span id=\"total-questions\">103<\/span><\/p>\n <\/div>\n <button id=\"restart-btn\" class=\"primary-btn mt-4\">Practice Again <span>↻<\/span><\/button>\n <\/main>\n <\/div>\n\n <script>\n const vocabWords = [\n { word: \"Abate\", options: [\"Become less intense\", \"Increase in power\", \"Move backward\", \"Speak loudly\"], answer: 0, hint: \"Think of a storm dying down.\" },\n { word: \"Aberration\", options: [\"A departure from normal\", \"A standard procedure\", \"A type of plant\", \"A legal document\"], answer: 0, hint: \"It describes something that deviates from the norm.\" },\n { word: \"Abhor\", options: [\"To love deeply\", \"To regard with disgust\", \"To ignore completely\", \"To praise highly\"], answer: 1, hint: \"It means to deeply hate or detest.\" },\n { word: \"Abstruse\", options: [\"Easy to understand\", \"Difficult to comprehend\", \"Very colorful\", \"Extremely loud\"], answer: 1, hint: \"Think of a complicated philosophical text.\" },\n { word: \"Accost\", options: [\"To greet warmly\", \"To approach aggressively\", \"To run away from\", \"To listen closely\"], answer: 1, hint: \"Imagine someone confronting you aggressively on the street.\" },\n { word: \"Acrimony\", options: [\"Bitterness or ill feeling\", \"A sense of peace\", \"A loud noise\", \"A sweet flavor\"], answer: 0, hint: \"Think of a bitter divorce proceeding.\" },\n { word: \"Acumen\", options: [\"Lack of knowledge\", \"Keen insight or shrewdness\", \"A type of fruit\", \"A sharp pain\"], answer: 1, hint: \"A successful businessperson has a lot of this.\" },\n { word: \"Adamant\", options: [\"Refusing to change\", \"Easily persuaded\", \"Very soft\", \"Always changing\"], answer: 0, hint: \"Think of someone who will not budge on their opinion.\" },\n { word: \"Adept\", options: [\"Clumsy and awkward\", \"Highly skilled or expert\", \"Very tired\", \"Inexperienced\"], answer: 1, hint: \"A master juggler is this.\" },\n { word: \"Adroit\", options: [\"Clever or skillful\", \"Foolish or silly\", \"Heavy and slow\", \"Angry or upset\"], answer: 0, hint: \"Similar to adept; think of a skillful maneuver.\" },\n { word: \"Adulation\", options: [\"Harsh criticism\", \"Excessive admiration\", \"Complete apathy\", \"Physical pain\"], answer: 1, hint: \"Fans screaming for a pop star are showing this.\" },\n { word: \"Aesthetic\", options: [\"Relating to beauty\", \"Relating to math\", \"Relating to sports\", \"Relating to law\"], answer: 0, hint: \"An artist cares deeply about this.\" },\n { word: \"Affable\", options: [\"Rude and hostile\", \"Friendly and easy to talk to\", \"Very intelligent\", \"Extremely shy\"], answer: 1, hint: \"A good host is usually this way with guests.\" },\n { word: \"Alacrity\", options: [\"Brisk and cheerful readiness\", \"Slow and reluctant movement\", \"Deep sadness\", \"Extreme anger\"], answer: 0, hint: \"When you are excited to do a task, you do it with this.\" },\n { word: \"Alleviate\", options: [\"To make a problem worse\", \"To make suffering less severe\", \"To cause confusion\", \"To forget entirely\"], answer: 1, hint: \"Painkillers do this to headaches.\" },\n { word: \"Amalgamate\", options: [\"To separate into pieces\", \"To combine or unite\", \"To destroy completely\", \"To hide away\"], answer: 1, hint: \"When two companies merge, they do this.\" },\n { word: \"Ambiguous\", options: [\"Very clear\", \"Having multiple meanings\", \"Extremely heavy\", \"Very colorful\"], answer: 1, hint: \"A vague poem often has this quality.\" },\n { word: \"Ambivalence\", options: [\"Strong certainty\", \"Mixed feelings or contradictory ideas\", \"Complete ignorance\", \"Deep hatred\"], answer: 1, hint: \"When you can't decide if you like something or not.\" },\n { word: \"Ameliorate\", options: [\"To make something better\", \"To make something worse\", \"To ignore a problem\", \"To cause an argument\"], answer: 0, hint: \"Similar to improve or enhance.\" },\n { word: \"Amiable\", options: [\"Hostile and angry\", \"Friendly and pleasant\", \"Sad and depressed\", \"Loud and obnoxious\"], answer: 1, hint: \"Similar to affable, describing a nice person.\" },\n { word: \"Anachronistic\", options: [\"Belonging to a different time period\", \"Happening right now\", \"Extremely modern\", \"Living in the future\"], answer: 0, hint: \"A knight using a smartphone is this.\" },\n { word: \"Analogous\", options: [\"Completely different\", \"Comparable in certain respects\", \"Very boring\", \"Extremely fast\"], answer: 1, hint: \"The relationship between a captain and ship is this to a CEO and company.\" },\n { word: \"Anomaly\", options: [\"A normal occurrence\", \"Something that deviates from the standard\", \"A type of bird\", \"A loud sound\"], answer: 1, hint: \"Snow in July would be considered this.\" },\n { word: \"Antagonism\", options: [\"Active hostility or opposition\", \"Deep friendship\", \"Complete indifference\", \"Sudden confusion\"], answer: 0, hint: \"Enemies often display this toward each other.\" },\n { word: \"Antipathy\", options: [\"A deep-seated feeling of dislike\", \"A strong feeling of love\", \"A sense of curiosity\", \"A lack of emotion\"], answer: 0, hint: \"If you really hate spiders, you have this against them.\" },\n { word: \"Apathy\", options: [\"Intense passion\", \"Lack of interest or enthusiasm\", \"Deep sadness\", \"Extreme joy\"], answer: 1, hint: \"When you just don't care at all.\" },\n { word: \"Apocryphal\", options: [\"Of doubtful authenticity\", \"Completely true\", \"Very obvious\", \"Extremely loud\"], answer: 0, hint: \"Many urban legends are considered this.\" },\n { word: \"Appease\", options: [\"To pacify by acceding to demands\", \"To anger deliberately\", \"To run away from\", \"To laugh at\"], answer: 0, hint: \"Giving a crying baby a pacifier does this.\" },\n { word: \"Apprehensive\", options: [\"Anxious that something bad will happen\", \"Completely relaxed\", \"Very angry\", \"Extremely happy\"], answer: 0, hint: \"A feeling you get right before giving a big speech.\" },\n { word: \"Arbitrary\", options: [\"Based on random choice\", \"Carefully planned out\", \"Always the same\", \"Extremely heavy\"], answer: 0, hint: \"A rule made up for no logical reason is this.\" },\n { word: \"Arcane\", options: [\"Understood by few\", \"Common knowledge\", \"Very visible\", \"Extremely loud\"], answer: 0, hint: \"Ancient magical rituals are often described as this.\" },\n { word: \"Archaic\", options: [\"Very modern\", \"Very old or old-fashioned\", \"Extremely fast\", \"Deeply sad\"], answer: 1, hint: \"Typewriters or floppy disks are now this.\" },\n { word: \"Arduous\", options: [\"Involving strenuous effort\", \"Very easy to do\", \"Quick and simple\", \"Always changing\"], answer: 0, hint: \"Climbing Mount Everest is this kind of task.\" },\n { word: \"Articulate\", options: [\"Having the ability to speak fluently\", \"Unable to speak clearly\", \"Very loud and noisy\", \"Extremely quiet\"], answer: 0, hint: \"A great public speaker is highly this.\" },\n { word: \"Ascetic\", options: [\"Suggesting severe self-discipline\", \"Indulging in luxury\", \"Very colorful\", \"Extremely social\"], answer: 0, hint: \"A monk living with only the bare necessities is this.\" },\n { word: \"Assuage\", options: [\"To make an unpleasant feeling less intense\", \"To increase pain\", \"To ignore completely\", \"To yell loudly\"], answer: 0, hint: \"A parent does this to a child's fears of the dark.\" },\n { word: \"Astute\", options: [\"Having an ability to accurately assess situations\", \"Being very clumsy\", \"Lack of intelligence\", \"Easily tricked\"], answer: 0, hint: \"A sharp, clever detective is this.\" },\n { word: \"Audacious\", options: [\"Showing a willingness to take bold risks\", \"Being extremely cautious\", \"Very fearful\", \"Always following rules\"], answer: 0, hint: \"Asking for a massive raise on your first day is this.\" },\n { word: \"Augment\", options: [\"To make something greater by adding to it\", \"To decrease in size\", \"To stay exactly the same\", \"To break into pieces\"], answer: 0, hint: \"If you get a second job to earn more money, you do this to your income.\" },\n { word: \"Austere\", options: [\"Severe or strict in manner\", \"Very colorful and bright\", \"Relaxed and easygoing\", \"Extremely funny\"], answer: 0, hint: \"A highly decorated room is NOT this; a bare minimal room IS this.\" },\n { word: \"Avarice\", options: [\"Extreme greed for wealth\", \"Generosity towards others\", \"A complete lack of care\", \"Deep sadness\"], answer: 0, hint: \"Scrooge from A Christmas Carol was known for this.\" },\n { word: \"Banal\", options: [\"Lacking in originality as to be boring\", \"Highly creative\", \"Extremely exciting\", \"Very dangerous\"], answer: 0, hint: \"A story you've heard a million times becomes this.\" },\n { word: \"Belie\", options: [\"To fail to give a true notion of\", \"To tell the absolute truth\", \"To shout loudly\", \"To run away fast\"], answer: 0, hint: \"Her calm smile did this to her inner panic.\" },\n { word: \"Belligerent\", options: [\"Hostile and aggressive\", \"Peaceful and calm\", \"Very intelligent\", \"Extremely funny\"], answer: 0, hint: \"Someone trying to start a physical fight at a bar is this.\" },\n { word: \"Benevolent\", options: [\"Well meaning and kindly\", \"Cruel and hateful\", \"Very greedy\", \"Extremely jealous\"], answer: 0, hint: \"A charitable organization does this kind of work.\" },\n { word: \"Benign\", options: [\"Gentle and kindly\", \"Harmful and toxic\", \"Very fast\", \"Extremely loud\"], answer: 0, hint: \"A tumor that is not cancer is called this.\" },\n { word: \"Blatant\", options: [\"Done openly and unashamedly\", \"Hidden very carefully\", \"Extremely confusing\", \"Very quiet\"], answer: 0, hint: \"An obvious, undeniable lie is this.\" },\n { word: \"Bolster\", options: [\"To support or strengthen\", \"To tear down\", \"To ignore completely\", \"To make fun of\"], answer: 0, hint: \"You might do this to your argument by adding facts.\" },\n { word: \"Bombastic\", options: [\"High-sounding but with little meaning\", \"Very humble\", \"Extremely quiet\", \"Easy to understand\"], answer: 0, hint: \"A politician making grand but empty promises is speaking this way.\" },\n { word: \"Boorish\", options: [\"Rough and bad-mannered\", \"Very polite\", \"Highly educated\", \"Extremely wealthy\"], answer: 0, hint: \"Someone chewing loudly with their mouth open acts this way.\" },\n { word: \"Bucolic\", options: [\"Relating to the pleasant aspects of the countryside\", \"Relating to a busy city\", \"Extremely dangerous\", \"Very loud\"], answer: 0, hint: \"A quiet farm with rolling green hills is this.\" },\n { word: \"Burgeon\", options: [\"Begin to grow or increase rapidly\", \"To shrink and die\", \"To stay exactly the same\", \"To move backward\"], answer: 0, hint: \"A startup company experiencing massive success will do this.\" },\n { word: \"Cacophony\", options: [\"A harsh discordant mixture of sounds\", \"A beautiful melody\", \"Complete silence\", \"A single musical note\"], answer: 0, hint: \"An orchestra tuning their instruments all at once makes this.\" },\n { word: \"Cajole\", options: [\"To persuade someone by flattery\", \"To force someone violently\", \"To ignore someone completely\", \"To yell loudly at someone\"], answer: 0, hint: \"A child trying to get a toy from a parent might do this.\" },\n { word: \"Candor\", options: [\"The quality of being open and honest\", \"A tendency to lie\", \"Deep confusion\", \"Extreme fear\"], answer: 0, hint: \"If you want the absolute truth, you ask for this.\" },\n { word: \"Capricious\", options: [\"Given to sudden changes of mood or behavior\", \"Very reliable and steady\", \"Extremely boring\", \"Always happy\"], answer: 0, hint: \"Someone who changes their plans every five minutes is this.\" },\n { word: \"Castigate\", options: [\"To reprimand someone severely\", \"To praise highly\", \"To ignore completely\", \"To laugh at\"], answer: 0, hint: \"A boss might do this to an employee who makes a huge error.\" },\n { word: \"Catalyst\", options: [\"A person or thing that precipitates an event\", \"Something that stops progress\", \"A very boring book\", \"A loud noise\"], answer: 0, hint: \"In science, this speeds up a chemical reaction.\" },\n { word: \"Caustic\", options: [\"Sarcastic in a scathing and bitter way\", \"Very gentle and kind\", \"Extremely happy\", \"Easily confused\"], answer: 0, hint: \"Acid that burns is this; so is a very harsh insult.\" },\n { word: \"Censure\", options: [\"To express severe disapproval\", \"To give an award to\", \"To completely ignore\", \"To forget easily\"], answer: 0, hint: \"A politician caught in a scandal might face this from colleagues.\" },\n { word: \"Chauvinist\", options: [\"A person displaying aggressive patriotism\", \"A person who hates their country\", \"A deep thinker\", \"A very fast runner\"], answer: 0, hint: \"Someone who thinks their group is unquestionably superior to all others.\" },\n { word: \"Chicanery\", options: [\"The use of trickery to achieve a political, financial, or legal purpose\", \"Absolute honesty\", \"Hard physical labor\", \"Deep sadness\"], answer: 0, hint: \"A scam artist relies heavily on this.\" },\n { word: \"Chronic\", options: [\"Persisting for a long time or constantly recurring\", \"Happening only once\", \"Extremely rare\", \"Very quiet\"], answer: 0, hint: \"A back pain that never goes away is this.\" },\n { word: \"Circumvent\", options: [\"Find a way around an obstacle\", \"To crash directly into\", \"To give up easily\", \"To complain loudly\"], answer: 0, hint: \"Hackers do this to computer security systems.\" },\n { word: \"Clairvoyant\", options: [\"Having or exhibiting an ability to perceive events in the future\", \"Being completely blind\", \"Extremely logical\", \"Very forgetful\"], answer: 0, hint: \"A psychic claims to be this.\" },\n { word: \"Clandestine\", options: [\"Kept secret or done secretively\", \"Done in the open\", \"Very loud and obvious\", \"Extremely boring\"], answer: 0, hint: \"Spies often hold these types of meetings.\" },\n { word: \"Clemency\", options: [\"Mercy or lenience\", \"Harsh punishment\", \"Complete confusion\", \"Extreme anger\"], answer: 0, hint: \"A judge can show this by giving a lighter sentence.\" },\n { word: \"Coalesce\", options: [\"To come together to form one mass or whole\", \"To break apart entirely\", \"To fly away\", \"To ignore completely\"], answer: 0, hint: \"When puddles combine, they do this.\" },\n { word: \"Cogent\", options: [\"Clear, logical, and convincing\", \"Confusing and random\", \"Very quiet\", \"Extremely long\"], answer: 0, hint: \"A brilliant lawyer presents this type of argument.\" },\n { word: \"Cognizant\", options: [\"Having knowledge or being aware of\", \"Being completely ignorant\", \"Extremely tired\", \"Very fearful\"], answer: 0, hint: \"You should be this of the speed limit when driving.\" },\n { word: \"Coherent\", options: [\"Logical and consistent\", \"Random and messy\", \"Extremely colorful\", \"Very loud\"], answer: 0, hint: \"A well-written essay must be this.\" },\n { word: \"Colloquial\", options: [\"Used in ordinary or familiar conversation\", \"Very formal and stiff\", \"Written in a different language\", \"Extremely ancient\"], answer: 0, hint: \"Slang words are a part of this type of language.\" },\n { word: \"Collusion\", options: [\"Secret or illegal cooperation\", \"Public teamwork\", \"A loud disagreement\", \"Deep friendship\"], answer: 0, hint: \"Companies price-fixing together is an example of this.\" },\n { word: \"Commensurate\", options: [\"Corresponding in size or degree\", \"Completely unrelated\", \"Very small\", \"Extremely fast\"], answer: 0, hint: \"Your salary should be this with your experience.\" },\n { word: \"Complacent\", options: [\"Showing smug or uncritical satisfaction with oneself\", \"Always striving to improve\", \"Extremely anxious\", \"Very depressed\"], answer: 0, hint: \"A sports team that stops practicing because they won once is being this.\" },\n { word: \"Conciliatory\", options: [\"Intended or likely to placate or pacify\", \"Intended to cause a fight\", \"Very funny\", \"Extremely loud\"], answer: 0, hint: \"An apology is an example of this kind of gesture.\" },\n { word: \"Condone\", options: [\"Accept and allow behavior to continue\", \"To forbid completely\", \"To ignore totally\", \"To question endlessly\"], answer: 0, hint: \"Schools do not do this to cheating.\" },\n { word: \"Conducive\", options: [\"Making a certain situation or outcome likely or possible\", \"Preventing something from happening\", \"Extremely strange\", \"Very colorful\"], answer: 0, hint: \"A quiet room is this to studying.\" },\n { word: \"Conflagration\", options: [\"An extensive fire that destroys a great deal of land\", \"A small spark\", \"A tiny drop of water\", \"A gentle breeze\"], answer: 0, hint: \"A massive forest fire is a devastating one of these.\" },\n { word: \"Confound\", options: [\"Cause surprise or confusion in someone\", \"To make something very clear\", \"To calm someone down\", \"To teach a lesson\"], answer: 0, hint: \"A complex puzzle might do this to you.\" },\n { word: \"Connoisseur\", options: [\"An expert judge in matters of taste\", \"A complete beginner\", \"Someone who hates art\", \"A loud person\"], answer: 0, hint: \"A person who tastes wine for a living is considered a this.\" },\n { word: \"Contentious\", options: [\"Causing or likely to cause an argument\", \"Always agreeing\", \"Very peaceful\", \"Extremely quiet\"], answer: 0, hint: \"Politics is often a very ___ topic.\" },\n { word: \"Contrite\", options: [\"Feeling or expressing remorse\", \"Feeling proud and arrogant\", \"Feeling completely happy\", \"Feeling deeply confused\"], answer: 0, hint: \"A child who broke a vase and is crying feels this way.\" },\n { word: \"Conundrum\", options: [\"A confusing and difficult problem or question\", \"An easy answer\", \"A loud sound\", \"A fast car\"], answer: 0, hint: \"A riddle is a type of this.\" },\n { word: \"Convoluted\", options: [\"Extremely complex and difficult to follow\", \"Very simple and clear\", \"Extremely fast\", \"Deeply sad\"], answer: 0, hint: \"A movie plot with too many twists can become this.\" },\n { word: \"Copious\", options: [\"Abundant in supply or quantity\", \"Very rare and scarce\", \"Extremely small\", \"Very quiet\"], answer: 0, hint: \"If you take a lot of notes, you take this many.\" },\n { word: \"Corroborate\", options: [\"To confirm or give support to\", \"To deny completely\", \"To ignore entirely\", \"To make fun of\"], answer: 0, hint: \"A witness can do this to a suspect's alibi.\" },\n { word: \"Cosmopolitan\", options: [\"Familiar with and at ease in many different countries\", \"Having never left one's hometown\", \"Extremely angry\", \"Very colorful\"], answer: 0, hint: \"New York City is known as a highly ___ city.\" },\n { word: \"Credulous\", options: [\"Having or showing too great a readiness to believe things\", \"Being incredibly skeptical\", \"Very tired\", \"Extremely strong\"], answer: 0, hint: \"A person who believes everything they read on the internet is this.\" },\n { word: \"Cryptic\", options: [\"Having a meaning that is mysterious or obscure\", \"Being completely obvious\", \"Extremely bright\", \"Very loud\"], answer: 0, hint: \"A hidden message that is hard to solve is this.\" },\n { word: \"Culpable\", options: [\"Deserving blame\", \"Completely innocent\", \"Very powerful\", \"Extremely fast\"], answer: 0, hint: \"If you committed the crime, you are this.\" },\n { word: \"Cursory\", options: [\"Hasty and therefore not thorough\", \"Careful and detailed\", \"Very slow\", \"Extremely colorful\"], answer: 0, hint: \"A quick glance over your notes before a test is a ___ review.\" },\n { word: \"Daunt\", options: [\"Make someone feel intimidated or apprehensive\", \"Make someone feel completely relaxed\", \"To praise highly\", \"To ignore entirely\"], answer: 0, hint: \"A huge, impossible task might do this to you.\" },\n { word: \"Dearth\", options: [\"A scarcity or lack of something\", \"An excessive amount\", \"A loud noise\", \"A very fast speed\"], answer: 0, hint: \"A drought causes this of water.\" },\n { word: \"Debilitate\", options: [\"Make someone weak and infirm\", \"Make someone strong and healthy\", \"Make someone laugh\", \"Make someone run fast\"], answer: 0, hint: \"A bad disease will do this to your body.\" },\n { word: \"Decadence\", options: [\"Moral or cultural decline as characterized by excessive indulgence in pleasure\", \"Strict adherence to rules\", \"Extreme physical pain\", \"Complete lack of money\"], answer: 0, hint: \"Eating a giant chocolate cake covered in gold flakes is an act of this.\" },\n { word: \"Decimate\", options: [\"Kill, destroy, or remove a large percentage\", \"To build up and improve\", \"To ignore completely\", \"To paint a house\"], answer: 0, hint: \"A plague can do this to a population.\" },\n { word: \"Decorum\", options: [\"Behavior in keeping with good taste and propriety\", \"Extremely rude behavior\", \"Loud, obnoxious noise\", \"Very fast running\"], answer: 0, hint: \"Using the proper fork at a fancy dinner is an example of this.\" },\n { word: \"Deference\", options: [\"Humble submission and respect\", \"Extreme disrespect\", \"Complete ignorance\", \"Deep sadness\"], answer: 0, hint: \"You should show this to your grandparents.\" },\n { word: \"Deleterious\", options: [\"Causing harm or damage\", \"Highly beneficial\", \"Very colorful\", \"Extremely quiet\"], answer: 0, hint: \"Smoking has a ___ effect on your lungs.\" },\n { word: \"Delineate\", options: [\"Describe or portray precisely\", \"To confuse and obscure\", \"To ignore completely\", \"To run away from\"], answer: 0, hint: \"A map will do this to a country's borders.\" },\n { word: \"Demagogue\", options: [\"A political leader who seeks support by appealing to the desires and prejudices of ordinary people\", \"A quiet, thoughtful philosopher\", \"A person who hates politics\", \"A very fast runner\"], answer: 0, hint: \"A leader who stirs up an angry mob using fear is a this.\" },\n { word: \"Denigrate\", options: [\"Criticize unfairly; disparage\", \"Praise highly and genuinely\", \"Ignore entirely\", \"Listen carefully\"], answer: 0, hint: \"Bullies often do this to their targets to make themselves feel better.\" }\n ];\n\n \/\/ Application Logic for Level 11 Vocab\n\n let currentQuestionIndex = 0;\n let score = 0;\n let canEarnPoint = true;\n let totalWords = 0;\n\n const elements = {\n score: document.getElementById('score'),\n progressBar: document.getElementById('progress-bar'),\n questionCounter: document.getElementById('question-counter'),\n currentWord: document.getElementById('current-word'),\n optionsContainer: document.getElementById('options-container'),\n hintContainer: document.getElementById('hint-container'),\n hintText: document.getElementById('hint-text'),\n nextBtnContainer: document.getElementById('next-btn-container'),\n nextBtn: document.getElementById('next-btn'),\n quizCard: document.getElementById('quiz-card'),\n resultsCard: document.getElementById('results-card'),\n finalScore: document.getElementById('final-score'),\n totalQuestions: document.getElementById('total-questions'),\n restartBtn: document.getElementById('restart-btn')\n };\n\n function initApp() {\n if (typeof vocabWords === 'undefined' || vocabWords.length === 0) {\n elements.currentWord.textContent = \"Error: Words data not found.\";\n return;\n }\n\n \/\/ Optional: Shuffle words on start\n \/\/ shuffleArray(vocabWords);\n\n totalWords = vocabWords.length;\n elements.totalQuestions.textContent = totalWords;\n\n currentQuestionIndex = 0;\n score = 0;\n\n elements.score.textContent = score;\n elements.resultsCard.classList.add('hidden');\n elements.quizCard.classList.remove('hidden');\n\n loadQuestion();\n }\n\n function loadQuestion() {\n canEarnPoint = true; \/\/ resets for the new word\n const currentItem = vocabWords[currentQuestionIndex];\n\n \/\/ Update Header Elements\n elements.questionCounter.textContent = `Word ${currentQuestionIndex + 1} of ${totalWords}`;\n elements.progressBar.style.width = `${((currentQuestionIndex) \/ totalWords) * 100}%`;\n\n \/\/ Load Word\n elements.currentWord.textContent = currentItem.word;\n\n \/\/ Hide Hint & Next button\n elements.hintContainer.classList.add('hidden');\n elements.nextBtnContainer.classList.add('hidden');\n\n \/\/ Generate Options\n elements.optionsContainer.innerHTML = '';\n\n \/\/ We attach original originalIndex to options to identify the correct answer\n const optionsWithIndex = currentItem.options.map((opt, index) => ({ text: opt, originalIndex: index }));\n\n \/\/ Shuffle options so the correct answer isn't always in the same place\n shuffleArray(optionsWithIndex);\n\n optionsWithIndex.forEach((opt) => {\n const btn = document.createElement('button');\n btn.className = 'option-btn';\n btn.textContent = opt.text;\n btn.dataset.index = opt.originalIndex;\n\n btn.addEventListener('click', () => handleOptionClick(btn, currentItem.answer, currentItem.hint));\n\n elements.optionsContainer.appendChild(btn);\n });\n }\n\n function handleOptionClick(btn, correctAnswerIndex, hint) {\n const selectedIndex = parseInt(btn.dataset.index);\n\n if (selectedIndex === correctAnswerIndex) {\n \/\/ Correct Answer\n btn.classList.add('correct');\n\n if (canEarnPoint) {\n score++;\n elements.score.textContent = score;\n }\n\n \/\/ Disable all options\n const allBtns = elements.optionsContainer.querySelectorAll('.option-btn');\n allBtns.forEach(b => {\n b.disabled = true;\n if (parseInt(b.dataset.index) === correctAnswerIndex && b !== btn) {\n \/\/ optionally highlight correct answer if they got it right anyway\n }\n });\n\n elements.hintContainer.classList.add('hidden');\n elements.nextBtnContainer.classList.remove('hidden');\n\n } else {\n \/\/ Incorrect Answer\n btn.classList.add('incorrect');\n btn.disabled = true;\n\n canEarnPoint = false; \/\/ Cannot earn a point for this word anymore\n\n \/\/ Show Hint\n elements.hintText.textContent = hint;\n elements.hintContainer.classList.remove('hidden');\n }\n }\n\n function nextQuestion() {\n currentQuestionIndex++;\n\n if (currentQuestionIndex >= totalWords) {\n showResults();\n } else {\n loadQuestion();\n }\n }\n\n function showResults() {\n elements.quizCard.classList.add('hidden');\n elements.resultsCard.classList.remove('hidden');\n elements.finalScore.textContent = score;\n elements.progressBar.style.width = '100%';\n }\n\n \/\/ Utility function to shuffle an array\n function shuffleArray(array) {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n }\n\n \/\/ Event Listeners\n elements.nextBtn.addEventListener('click', nextQuestion);\n elements.restartBtn.addEventListener('click', initApp);\n\n \/\/ Initialize robustly for widget environments\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initApp);\n } else {\n initApp();\n }\n <\/script>\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Level 11 Vocab Level 11 Vocab \u2605 0 Word 1 of 103 Loading… \ud83d\udca1 Hint goes here. Next Word → \ud83c\udfc6 Journey Complete! You have mastered Level 11 Vocab. Score: 0 \/ 103 Practice Again ↻<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4238","post","type-post","status-publish","format-standard","hentry","category-hes"],"_links":{"self":[{"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=\/wp\/v2\/posts\/4238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4238"}],"version-history":[{"count":1,"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=\/wp\/v2\/posts\/4238\/revisions"}],"predecessor-version":[{"id":4239,"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=\/wp\/v2\/posts\/4238\/revisions\/4239"}],"wp:attachment":[{"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hansoneducationservices.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}