{"id":13463,"date":"2026-02-17T18:39:20","date_gmt":"2026-02-17T16:39:20","guid":{"rendered":"https:\/\/afostodata.ro\/europeanicons\/?page_id=13463"},"modified":"2026-10-09T15:30:51","modified_gmt":"2026-10-09T13:30:51","slug":"joan-of-arc","status":"publish","type":"page","link":"https:\/\/afostodata.ro\/europeanicons\/en\/joan-of-arc\/","title":{"rendered":"Joan of Arc"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13463\" class=\"elementor elementor-13463\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-dce-background-overlay-color=\"#FC6C13\" data-dce-background-image-url=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/ioana-darc.webp\" class=\"elementor-element elementor-element-a0c1108 e-flex e-con-boxed e-con e-parent\" data-id=\"a0c1108\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edf52dc elementor-widget elementor-widget-html\" data-id=\"edf52dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"eminescu-header-light\">\n    <span class=\"reveal-tag\">Courage \u2022 Faith \u2022 Legend<\/span>\n    <div class=\"title-container\">\n        <h1 class=\"main-name-solid\">Joan <\/h1>\n        <h1 class=\"main-name-stroke\"> of Arc<\/h1>\n    <\/div>\n    \n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@900&family=Playfair+Display:wght@900&display=swap');\n\n.eminescu-header-light {\n    text-align: center;\n    padding: 60px 20px;\n    font-family: 'Montserrat', sans-serif;\n    background: transparent; \n}\n\n\/* Eticheta de sus cu galbenul specific #F9C70C *\/\n.reveal-tag {\n    display: block;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 10px;\n    color: #F9C70C;\n    font-size: 0.85rem;\n    margin-bottom: 15px;\n    opacity: 0;\n    animation: dropFadeEminescu 0.8s ease forwards;\n}\n\n.title-container {\n    display: block;\n    line-height: 0.8;\n}\n\n\/* Textul solid - Alb pur *\/\n.main-name-solid {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(3.5rem, 15vw, 10rem);\n    margin: 0;\n    color: #ffffff;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: slideUpEminescu 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.4s;\n}\n\n\/* Textul cu contur - Alb pur *\/\n.main-name-stroke {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(3.5rem, 15vw, 10rem);\n    margin: 0;\n    color: transparent;\n    -webkit-text-stroke: 2px #ffffff;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: slideUpEminescu 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.6s,\n               subtleFloatEminescu 5s ease-in-out infinite 1.6s;\n}\n\n\/* Linia ro\u0219ie de accent *\/\n.header-red-line {\n    width: 0;\n    height: 6px;\n    background: #D62828;\n    margin: 30px auto 0;\n    animation: expandLineEminescu 1.2s ease-out forwards 1.4s;\n}\n\n\/* --- ANIMA\u021aII --- *\/\n\n@keyframes dropFadeEminescu {\n    from { opacity: 0; transform: translateY(-30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes slideUpEminescu {\n    from { opacity: 0; transform: translateY(80px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes expandLineEminescu {\n    from { width: 0; }\n    to { width: 220px; }\n}\n\n@keyframes subtleFloatEminescu {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n}\n\n\/* Optimizare mobil *\/\n@media (max-width: 768px) {\n    .reveal-tag { letter-spacing: 4px; font-size: 0.7rem; }\n    .main-name-stroke { -webkit-text-stroke: 1px #ffffff; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-dce-background-color=\"#F7E0B8\" class=\"elementor-element elementor-element-74e7013 e-flex e-con-boxed e-con e-parent\" data-id=\"74e7013\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0fc0cea e-con-full e-flex e-con e-child\" data-id=\"0fc0cea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b0083b9 e-con-full e-flex e-con e-child\" data-id=\"b0083b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd4428c elementor-widget elementor-widget-dce-breadcrumbs\" data-id=\"dd4428c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dce-breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul><li class=\"item-home\"><a class=\"bread-link bread-home\" href=\"https:\/\/afostodata.ro\/europeanicons\" title=\"Home\">Home<\/a><\/li><li class=\"separator separator-home\"> <span class=\"dce-separator\"> &gt; <\/span> <\/li><li class=\"item-current item-13463\"><span class=\"bread-current bread-13463\"> Joan of Arc<\/span><\/li><\/ul>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-dce-title-color=\"#012F4A\" class=\"elementor-element elementor-element-900c9bf elementor-widget elementor-widget-heading\" data-id=\"900c9bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Voice, the Victory, the Fire\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d43e953 elementor-widget elementor-widget-text-editor\" data-id=\"d43e953\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tDid you know that some heroines are not born in palaces, but in the quiet countryside, where no one is really looking? \n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b16f39e e-con-full e-flex e-con e-child\" data-id=\"b16f39e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c3bbbd elementor-widget elementor-widget-image\" data-id=\"8c3bbbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18-1024x1024.jpg\" class=\"attachment-large size-large wp-image-12476\" alt=\"\" srcset=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18-1024x1024.jpg 1024w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18-300x300.jpg 300w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18-150x150.jpg 150w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18-768x768.jpg 768w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18.jpg 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-dce-background-color=\"#F7E0B8\" class=\"elementor-element elementor-element-17b62ae e-flex e-con-boxed e-con e-parent\" data-id=\"17b62ae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b81a5e3 e-con-full e-flex e-con e-child\" data-id=\"b81a5e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#D62729\" class=\"elementor-element elementor-element-a6f7f4d elementor-align-justify buton-audio elementor-widget elementor-widget-button\" data-id=\"a6f7f4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">LISTEN<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca49784 e-con-full e-flex e-con e-child\" data-id=\"ca49784\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#FA6D12\" class=\"elementor-element elementor-element-986062e elementor-align-justify buton-citeste elementor-widget elementor-widget-button\" data-id=\"986062e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">READ<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5e17e5 e-con-full e-flex e-con e-child\" data-id=\"f5e17e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#F9C70C\" class=\"elementor-element elementor-element-2300a86 elementor-align-justify buton-activitati elementor-widget elementor-widget-button\" data-id=\"2300a86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#activitati\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Activities<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7544256 e-con-full e-flex e-con e-child\" data-id=\"7544256\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#01502B\" class=\"elementor-element elementor-element-9fb5588 elementor-align-justify buton-vizioneaza elementor-widget elementor-widget-button\" data-id=\"9fb5588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm elementor-animation-shrink\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Watch<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-dce-background-color=\"#EBEFF2\" class=\"elementor-element elementor-element-fccbf34 citeste e-flex e-con-boxed e-con e-parent\" data-id=\"fccbf34\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20207f9 elementor-widget elementor-widget-html\" data-id=\"20207f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<article class=\"tepes-full-story\">\r\n    <section class=\"story-content-area\">\r\n\r\n        <p class=\"drop-cap\">\r\n            Did you know that some heroines are not born in palaces, but in the quiet countryside, where no one is really looking?\r\n        <\/p>\r\n\r\n        <p>\r\n            - I am only a girl\u2026\r\n        <\/p>\r\n\r\n        <p>\r\n            Joan was born around the year 1412 in a small village called Domr\u00e9my. It was a land of borders, forests, and rivers - a land often haunted by fear. War had been raging for years: France and England were fighting over the kingdom, and the countryside suffered deeply.\r\n        <\/p>\r\n\r\n        <p>\r\n            Joan was the daughter of peasants. Her father, Jacques, worked the land. Her mother, Isabelle, taught her to pray, sew, and tend the flocks. Joan could neither read nor write, but she understood the rhythm of the seasons, the sound of church bells, and the value of hard work.\r\n        <\/p>\r\n\r\n        <p>\r\n            She was a serious, devout, and unusual child. While other children played, Joan would sometimes stop suddenly, as if listening to something no one else could hear.\r\n        <\/p>\r\n\r\n        <p>\r\n            One day, while still a teenager, Joan heard a voice. It told her it came from God.\r\n        <\/p>\r\n\r\n        <p>\r\n            - Who are you? Joan asked, frightened.\r\n        <\/p>\r\n\r\n        <p>\r\n            The voice replied:\r\n        <\/p>\r\n\r\n        <p>\r\n            - I come from God, and I have been sent to help you.\r\n        <\/p>\r\n\r\n        <p>\r\n            The voice asked Joan to do something impossible: save France.\r\n        <\/p>\r\n\r\n        <p>\r\n            Joan was terrified. She cried and tried to ignore the call. But the voice returned. Then came others. This time, the voices belonged to saints. They ordered her to leave her village, meet the Dauphin Charles, and lead him to his coronation.\r\n        <\/p>\r\n\r\n        <p>\r\n            - I am only a girl, Joan said. How could I do such a thing? I can neither read nor write!\r\n        <\/p>\r\n\r\n        <p>\r\n            But the voices answered:\r\n        <\/p>\r\n\r\n        <p>\r\n            - Go. God will help you.\r\n        <\/p>\r\n\r\n        <p>\r\n            At a time when women had no place in war, Joan rose and left Domr\u00e9my.\r\n        <\/p>\r\n\r\n        <p>\r\n            Before reaching the Dauphin, she first had to convince a man of power. She traveled to Vaucouleurs to meet Robert de Baudricourt, captain of the town and representative of the Dauphin in the region.\r\n        <\/p>\r\n\r\n        <p>\r\n            - I have come to speak to the king, Joan said firmly.\r\n        <\/p>\r\n\r\n        <p>\r\n            Baudricourt laughed at her.\r\n        <\/p>\r\n\r\n        <p>\r\n            - Go back home, young girl, he told her. War is no business for girls. You are mad!\r\n        <\/p>\r\n\r\n        <p>\r\n            Joan left, but she returned again and again, always with the same words and the same certainty, determined to fulfill the mission entrusted to her.\r\n        <\/p>\r\n\r\n        <p>\r\n            - I tell you, I have been sent by God! I must speak to the Dauphin! Joan insisted, her eyes shining.\r\n        <\/p>\r\n\r\n        <p>\r\n            Little by little, Baudricourt began to doubt his own certainty. The determination of the young girl unsettled him.\r\n        <\/p>\r\n\r\n        <p>\r\n            Finally, he agreed to help her. He gave her a small escort and allowed her to leave for Chinon.\r\n        <\/p>\r\n\r\n        <p>\r\n            For this long journey across dangerous lands, Joan had to make a difficult choice. She cut her hair and dressed like a man. It was neither a disguise nor a provocation, but protection. In this way, she could travel among soldiers, sleep without fear, and move forward without being stopped.\r\n        <\/p>\r\n\r\n        <div class=\"night-attack-box\">\r\n\r\n            <p>\r\n                After days on the road, Joan arrived at the castle of Chinon, where the Dauphin Charles resided.\r\n            <\/p>\r\n\r\n            <p>\r\n                She was admitted to court, but the court was suspicious. How could anyone believe this young peasant girl?\r\n            <\/p>\r\n\r\n            <p>\r\n                To test her, they placed her before an assembly, while the Dauphin Charles hid among the courtiers. Joan had never met him before and was expected to identify him.\r\n            <\/p>\r\n\r\n            <p>\r\n                She entered the hall and, without hesitation, walked directly toward Charles.\r\n            <\/p>\r\n\r\n            <p>\r\n                - Gentle Dauphin, I have come to lead you to Reims and see you crowned king.\r\n            <\/p>\r\n\r\n            <p>\r\n                Silence fell over the room. The court held its breath.\r\n            <\/p>\r\n\r\n            <p>\r\n                After this trial, Joan was brought privately before Charles. Away from prying eyes, she spoke to him of things only he could know.\r\n            <\/p>\r\n\r\n            <p>\r\n                - How do you know this? Charles asked, astonished. Only God and I knew that secret.\r\n            <\/p>\r\n\r\n            <p>\r\n                Joan was given armor, a horse, and a white banner.\r\n            <\/p>\r\n\r\n            <p>\r\n                She did not fight like other soldiers. She carried a sword, but it was through her presence that she led men - riding at the front, calling for courage and confidence.\r\n            <\/p>\r\n\r\n            <p>\r\n                - Forward, my friends! For France! For God! Joan shouted, her voice echoing across the battlefield.\r\n            <\/p>\r\n\r\n            <p>\r\n                At Orl\u00e9ans, a city besieged for months, Joan arrived like a flame. Where fear and waiting had ruled, she brought action.\r\n            <\/p>\r\n\r\n            <p>\r\n                - Do not be afraid! God is with us! she cried to the people of Orl\u00e9ans.\r\n            <\/p>\r\n\r\n            <p>\r\n                Wounded by an arrow, she rose again. The soldiers, astonished, followed her.\r\n            <\/p>\r\n\r\n            <p>\r\n                And Orl\u00e9ans was liberated.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n            Joan then led the Dauphin to Reims. In July 1429, Charles was crowned King of France. Joan stood beside him silently, holding her banner.\r\n        <\/p>\r\n\r\n        <p>\r\n            - I have accomplished what God asked of me, she thought.\r\n        <\/p>\r\n\r\n        <p>\r\n            But the war continued.\r\n        <\/p>\r\n\r\n        <p>\r\n            Little by little, Joan lost the support of the court. Captured by the Burgundians, she was sold to the English.\r\n        <\/p>\r\n\r\n        <p>\r\n            Then began the dark days.\r\n        <\/p>\r\n\r\n        <p>\r\n            Imprisoned, chained, constantly watched, Joan was put on trial. She was accused of heresy, lying, and witchcraft. The judges were learned men, and the questions were cruel.\r\n        <\/p>\r\n\r\n        <p>\r\n            - Your voices lie, they told her. You are a witch!\r\n        <\/p>\r\n\r\n        <p>\r\n            Alone, Joan answered with simplicity and courage.\r\n        <\/p>\r\n\r\n        <p>\r\n            - If I am not in God\u2019s grace, may God place me there. And if I am, may God keep me there. I have only followed the voices God sent me.\r\n        <\/p>\r\n\r\n        <p>\r\n            At nineteen years old, she was condemned.\r\n        <\/p>\r\n\r\n        <p>\r\n            On May 30, 1431, in Rouen, Joan climbed the stake. The crowd watched. Some wept. Others remained silent.\r\n        <\/p>\r\n\r\n        <p>\r\n            As the fire was lit, Joan cried out the name of Jesus.\r\n        <\/p>\r\n\r\n        <p>\r\n            - Jesus! Jesus! Jesus!\r\n        <\/p>\r\n\r\n        <p>\r\n            The flames rose.\r\n        <\/p>\r\n\r\n        <p>\r\n            Her body disappeared.\r\n        <\/p>\r\n\r\n        <p>\r\n            But not her story.\r\n        <\/p>\r\n\r\n        <p>\r\n            Years later, a new trial declared Joan innocent. She became a symbol - of courage, faith, and freedom.\r\n        <\/p>\r\n\r\n        <p class=\"legend-conclusion\">\r\n            Joan of Arc was neither a queen nor a scholar. She was a child of the people who dared to believe in a mission greater than herself.\r\n            Her story reminds us that even a fragile voice can change the course of history.\r\n            And somewhere, even today, whenever injustice seems too powerful, Joan\u2019s name continues to burn like a flame that never goes out.\r\n        <\/p>\r\n\r\n    <\/section>\r\n<\/article>\r\n\r\n<style>\r\n\/* Import greut\u0103\u021bi variate pentru a evita \"all-bold\" *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&family=Playfair+Display:wght@900&display=swap');\r\n\r\n.tepes-full-story {\r\n    max-width: 800px;\r\n    margin: 0 auto 100px;\r\n    padding: 0 20px;\r\n    font-family: 'Playfair Display', sans-serif;\r\n    line-height: 1.8;\r\n    color: #003049;\r\n}\r\n\r\n\/* Text de baz\u0103 - Greutate NORMAL\u0102 *\/\r\n.story-content-area p { \r\n    margin-bottom: 25px; \r\n    font-size: 1.15rem; \r\n    text-align: justify;\r\n    font-weight: 400 !important; \r\n}\r\n\r\n.drop-cap::first-letter {\r\n    float: left;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 5rem;\r\n    line-height: 0.85;\r\n    padding-right: 15px;\r\n    padding-top: 5px;\r\n    color: #D62828;\r\n    font-weight: 900;\r\n}\r\n\r\n\/* Caseta central\u0103 *\/\r\n.night-attack-box {\r\n    margin: 50px 0;\r\n    padding: 40px;\r\n    background: #003049;\r\n    color: #F5E0B7;\r\n    border-radius: 20px;\r\n    box-shadow: 15px 15px 0 #F9C80E;\r\n}\r\n\r\n.night-attack-box p { \r\n    color: #F5E0B7 !important; \r\n    text-align: left;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n\/* Concluzie *\/\r\n.legend-conclusion {\r\n    margin-top: 60px;\r\n    padding: 40px;\r\n    background: #D62828;\r\n    color: #ffffff !important;\r\n    text-align: center !important;\r\n    font-weight: 700 !important;\r\n    border-radius: 10px;\r\n    font-size: 1.3rem !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce02a29 activitati e-flex e-con-boxed e-con e-parent\" data-id=\"ce02a29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e687bc elementor-widget elementor-widget-html\" data-id=\"2e687bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\n\n<div class=\"activity-hub-premium\" id=\"IconsHub\">\n    <div id=\"hub-menu\" class=\"hub-screen active-screen\">\n        <div class=\"hub-header\">\n            <h2 class=\"playfair-main-title\">Activities<\/h2>\n        <\/div>\n        <div class=\"elegant-grid-5\">\n            <div class=\"elegant-card featured-quiz\" onclick=\"launchActivity('quiz')\">\n                <div class=\"card-icon-wrapper\">\ud83c\udfaf<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Quiz<\/h3>\n                    <span class=\"elegant-btn\">Start<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('x')\">\n                <div class=\"card-icon-wrapper\">\ud83e\udde9<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Mistery<\/h3>\n                    <span class=\"elegant-btn\">View<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('y')\">\n                <div class=\"card-icon-wrapper\">\ud83d\udcda<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Reading Comprehension<\/h3>\n                    <span class=\"elegant-btn\">View<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('z')\">\n                <div class=\"card-icon-wrapper\">\ud83d\udd52\ufe0f<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Timeline<\/h3>\n                    <span class=\"elegant-btn\">View<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('w')\">\n                <div class=\"card-icon-wrapper\">\ud83c\udfae<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Game<\/h3>\n                    <span class=\"elegant-btn\">View<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div id=\"activity-stage\" class=\"hub-screen\" style=\"display:none;\">\n        <button onclick=\"backToMenu()\" class=\"btn-back-elegant\">\u2190 Back to menu<\/button>\n        <div id=\"activity-content-loader\" class=\"content-stage-box\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap');\n*, *::before, *::after { box-sizing: border-box; }\n.activity-hub-premium { max-width: 1200px; margin: 60px auto; padding: 0 16px; font-family: 'Montserrat', sans-serif; color: #003049; scroll-margin-top: 120px; }\n.playfair-main-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 4vw, 3.2rem); font-weight: 700; text-align: center; margin-bottom: 60px; line-height: 1.2; text-transform: none; }\n.hub-screen { opacity: 0; transition: all 0.5s ease; display: none; }\n.active-screen { display: block !important; opacity: 1 !important; }\n.elegant-grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }\n.elegant-card { background: #ffffff; border-radius: 25px; padding: 50px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; cursor: pointer; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); box-shadow: 0 5px 25px rgba(0, 48, 73, 0.05); border: 1px solid rgba(0, 48, 73, 0.08); -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.elegant-card:hover { transform: translateY(-12px); box-shadow: 0 25px 50px rgba(0, 48, 73, 0.15); border-color: #FB6C13; }\n.playfair-card-title { font-family: 'Playfair Display', serif; font-size: clamp(1rem, 2vw, 1.5rem); font-weight: 700; margin: 20px 0; text-transform: none; }\n.card-icon-wrapper { font-size: 4rem; margin-bottom: 10px; }\n.elegant-btn { font-size: 0.9rem; font-weight: 600; color: #FB6C13; padding: 10px 35px; border: 1.5px solid #FB6C13; border-radius: 50px; transition: 0.3s; display: inline-block; text-transform: none; }\n.elegant-card:hover .elegant-btn { background: #FB6C13; color: #fff; }\n.featured-quiz { background: #003049; color: #fff; border: none; }\n.featured-quiz .playfair-card-title { color: #fff; }\n.featured-quiz .elegant-btn { color: #F9C80E; border-color: #F9C80E; }\n.featured-quiz:hover .elegant-btn { background: #F9C80E; color: #003049; }\n.content-stage-box { background: #fff; border-radius: 35px; padding: 60px 50px; box-shadow: 0 40px 100px rgba(0,0,0,0.08); min-height: 500px; overflow: hidden; }\n.btn-back-elegant { background: transparent; color: #003049; border: 1.5px solid #003049; padding: 12px 35px; border-radius: 50px; font-weight: 600; cursor: pointer; margin-bottom: 30px; transition: 0.3s; font-family: 'Montserrat', sans-serif; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.btn-back-elegant:hover { background: #003049; color: #fff; }\n.quiz-splash-elegant { text-align: center; padding: 20px 0; display: flex; flex-direction: column; align-items: center; gap: 10px; }\n.quiz-splash-elegant .splash-emoji { font-size: clamp(4rem, 10vw, 7rem); }\n.quiz-splash-elegant h2 { font-family: 'Playfair Display', serif; font-size: clamp(2rem, 6vw, 4rem); margin: 10px 0 30px; text-transform: none; }\n.btn-start-hero { background: #003049; color: #fff; border: none; padding: 20px 60px; border-radius: 60px; font-family: 'Playfair Display', serif; font-size: clamp(1.3rem, 3vw, 2.2rem); cursor: pointer; transition: 0.4s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; max-width: 100%; }\n.btn-start-hero:hover, .btn-start-hero:active { background: #FB6C13; transform: scale(1.05); }\n.quiz-progress-wrap { margin-bottom: 28px; }\n.quiz-progress-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }\n.quiz-progress-label span { font-weight: 600; font-size: 0.85rem; color: #FB6C13; letter-spacing: 0.05em; text-transform: uppercase; }\n.progress-track { width: 100%; height: 8px; background: #f0f0f0; border-radius: 99px; overflow: hidden; }\n.progress-fill { height: 100%; background: linear-gradient(90deg, #FB6C13, #F9C80E); border-radius: 99px; transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1); }\n.quiz-q-box { width: 100%; }\n.quiz-question-text { font-family: 'Playfair Display', serif; font-size: clamp(1.2rem, 3vw, 2rem); font-weight: 700; color: #003049; margin-bottom: 30px; line-height: 1.35; word-break: break-word; hyphens: auto; }\n#opts-wrap { display: flex; flex-direction: column; gap: 12px; }\n.opt-btn-elegant { width: 100%; padding: 18px 24px; border: 1.5px solid #e8e8e8; border-radius: 18px; font-family: 'Montserrat', sans-serif; font-weight: 500; cursor: pointer; text-align: left; font-size: clamp(0.9rem, 2vw, 1.1rem); transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s; background: #fff; color: #003049; line-height: 1.4; word-break: break-word; -webkit-tap-highlight-color: transparent; touch-action: manipulation; -webkit-text-size-adjust: 100%; }\n.opt-btn-elegant:hover:not(:disabled) { background: #003049 !important; color: #fff !important; border-color: #003049 !important; transform: translateX(4px); }\n.opt-btn-elegant:active:not(:disabled) { transform: scale(0.98); }\n.correct-style { background: #004F2D !important; color: #fff !important; border-color: #004F2D !important; }\n.wrong-style { background: #D62828 !important; color: #fff !important; border-color: #D62828 !important; }\n.quiz-result-box { text-align: center; padding: 10px 0 20px; display: flex; flex-direction: column; align-items: center; gap: 16px; }\n.quiz-result-emoji { font-size: clamp(3.5rem, 10vw, 6rem); }\n.quiz-result-score { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 5vw, 3.2rem); font-weight: 900; color: #003049; margin: 0; }\n.quiz-result-msg { font-size: clamp(0.95rem, 2.5vw, 1.4rem); color: #555; margin: 0 0 10px; max-width: 500px; line-height: 1.5; }\n.btn-retry { background: #003049; color: #fff; border: none; padding: 16px 50px; border-radius: 60px; font-family: 'Playfair Display', serif; font-size: clamp(1.1rem, 2.5vw, 1.6rem); cursor: pointer; transition: 0.4s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; max-width: 100%; display: inline-block; }\n.btn-retry:hover, .btn-retry:active { background: #FB6C13; transform: scale(1.05); }\n\n\/* \u2500\u2500\u2500 ENIGMA \u2500\u2500\u2500 *\/\n.enigma-stage { width: 100%; text-align: center; }\n.enigma-quote { font-family: 'Playfair Display', serif; font-size: clamp(1.3rem, 3.5vw, 2.3rem); font-weight: 700; color: #003049; line-height: 1.4; max-width: 720px; margin: 0 auto 12px; text-align: center !important; }\n.enigma-question { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 700; color: #004F2D; font-size: clamp(1.05rem, 2.8vw, 1.6rem); margin: 0 auto 35px; max-width: 720px; text-align: center !important; }\n.enigma-choices { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 620px; margin: 0 auto; }\n.enigma-choice { border: 4px solid transparent; border-radius: 20px; overflow: hidden; cursor: pointer; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s, opacity 0.3s; background: #fff; padding: 0; line-height: 0; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.enigma-choice img { width: 100%; height: auto; display: block; aspect-ratio: 1 \/ 1; object-fit: cover; }\n.enigma-choice:hover:not(.locked) { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 48, 73, 0.2); border-color: #FB6C13; }\n.enigma-choice.locked { pointer-events: none; }\n.enigma-choice.correct-pick { border-color: #004F2D; box-shadow: 0 0 0 4px rgba(0,79,45,0.25); }\n.enigma-choice.wrong-pick { border-color: #D62828; box-shadow: 0 0 0 4px rgba(214,40,40,0.25); }\n.enigma-choice.dim { opacity: 0.4; }\n.enigma-feedback { margin-top: 30px; }\n.enigma-wrong-msg { color: #D62828; font-family: 'Playfair Display', serif; font-weight: 700; font-size: clamp(1.2rem, 3vw, 1.8rem); margin: 0 0 18px; }\n.enigma-result { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 10px 0; }\n.enigma-result-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 5vw, 3.2rem); font-weight: 900; color: #003049; margin: 0; }\n.enigma-result img { width: min(320px, 80%); border-radius: 20px; box-shadow: 0 15px 40px rgba(0,48,73,0.2); }\n.enigma-playlist-label { font-weight: 600; letter-spacing: 0.1em; color: #FB6C13; text-transform: uppercase; font-size: 1rem; font-family: 'Playfair Display', serif; font-style: italic; }\n.enigma-result p { color: #333; font-size: clamp(0.95rem, 2.5vw, 1.2rem); line-height: 1.6; max-width: 620px; margin: 0; }\n.enigma-result ol { text-align: left; max-width: 600px; margin: 0 auto; color: #333; line-height: 1.7; font-size: clamp(0.95rem, 2.5vw, 1.12rem); }\n\n\/* \u2500\u2500\u2500 READING COMPREHENSION \u2500\u2500\u2500 *\/\n.itext-wrap { width: 100%; max-width: 800px; margin: 0 auto; }\n.itext-main-title { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 4vw, 2.6rem); font-weight: 900; color: #003049; text-align: center; margin: 0 0 6px; }\n.itext-subtitle { text-align: center; color: #FB6C13; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; font-size: 0.9rem; margin: 0 0 40px; }\n.itext-section { margin-bottom: 48px; }\n.itext-section-head { color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: clamp(1rem, 2.5vw, 1.25rem); padding: 14px 22px; border-radius: 12px; margin-bottom: 22px; }\n.itext-head-green { background: #2E6B4F; }\n.itext-head-red { background: #D62828; }\n.itext-head-orange { background: #FB6C13; }\n.itext-head-navy { background: #003049; }\n.itext-instruction { color: #333; font-size: clamp(0.95rem, 2.2vw, 1.15rem); margin: 0 0 20px; line-height: 1.5; }\n.itext-fisa { display: flex; gap: 24px; align-items: flex-start; flex-wrap: wrap; }\n.itext-fisa img { width: 160px; border-radius: 14px; flex-shrink: 0; box-shadow: 0 10px 25px rgba(0,48,73,0.15); }\n.itext-fisa-fields { flex: 1; min-width: 240px; display: flex; flex-direction: column; gap: 14px; }\n.itext-field-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }\n.itext-field-row label { font-weight: 600; color: #003049; min-width: 130px; }\n.itext-input { flex: 1; min-width: 140px; padding: 12px 16px; border: 1.5px solid #ddd; border-radius: 12px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #003049; transition: border-color 0.2s, background 0.2s; -webkit-text-size-adjust: 100%; }\n.itext-input:focus { outline: none; border-color: #FB6C13; }\n.itext-input.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-input.no { border-color: #D62828; background: #fbeaea; }\n.itext-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n.itext-col-title { text-align: center; color: #fff; font-weight: 600; padding: 10px; border-radius: 12px 12px 0 0; }\n.itext-col-title.pasiuni { background: #FB6C13; }\n.itext-col-title.trasaturi { background: #F9C80E; color: #003049; }\n.itext-textarea { width: 100%; min-height: 130px; padding: 14px; border: 1.5px solid #ddd; border-top: none; border-radius: 0 0 12px 12px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #003049; resize: vertical; line-height: 1.6; }\n.itext-textarea:focus { outline: none; border-color: #FB6C13; }\n.itext-af-row { display: flex; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid #eee; flex-wrap: wrap; }\n.itext-af-text { flex: 1; min-width: 200px; color: #003049; line-height: 1.5; }\n.itext-af-btns { display: flex; gap: 10px; }\n.itext-af-btn { width: 52px; height: 52px; border-radius: 50%; border: 2px solid #003049; background: #fff; color: #003049; font-weight: 700; font-size: 1.2rem; cursor: pointer; transition: 0.2s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.itext-af-btn:hover:not(:disabled) { background: #003049; color: #fff; }\n.itext-af-btn.af-correct { background: #004F2D !important; color: #fff !important; border-color: #004F2D !important; }\n.itext-af-btn.af-wrong { background: #D62828 !important; color: #fff !important; border-color: #D62828 !important; }\n.itext-order-row { display: flex; align-items: center; gap: 14px; border: 1.5px solid #eee; border-radius: 12px; padding: 12px 16px; margin-bottom: 10px; transition: border-color 0.2s, background 0.2s; }\n.itext-order-text { flex: 1; color: #003049; line-height: 1.5; }\n.itext-order-sel { width: 72px; padding: 10px; border: 1.5px solid #ddd; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size: 1rem; text-align: center; color: #003049; background: #fff; cursor: pointer; flex-shrink: 0; }\n.itext-order-sel:focus { outline: none; border-color: #FB6C13; }\n.itext-order-row.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-order-row.no { border-color: #D62828; background: #fbeaea; }\n.itext-btn { background: #003049; color: #fff; border: none; padding: 12px 32px; border-radius: 50px; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 1rem; cursor: pointer; transition: 0.3s; margin-top: 18px; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.itext-btn:hover { background: #FB6C13; }\n.itext-btn.secondary { background: transparent; color: #003049; border: 1.5px solid #003049; margin-left: 10px; }\n.itext-btn.secondary:hover { background: #003049; color: #fff; }\n.itext-examples { margin-top: 16px; background: #f6f8fa; border-left: 4px solid #FB6C13; border-radius: 0 12px 12px 0; padding: 16px 20px; color: #333; line-height: 1.7; display: none; }\n.itext-examples.show { display: block; }\n.itext-examples strong { color: #003049; }\n.itext-feedback-msg { margin-top: 14px; font-weight: 600; font-size: 1.05rem; line-height: 1.5; }\n.itext-download { text-align: center; margin-top: 10px; padding-top: 32px; border-top: 1px solid #eee; }\n.itext-download-text { color: #555; margin: 0 0 16px; font-size: 1.05rem; }\n.itext-btn-download { display: inline-block; text-decoration: none; margin-top: 10px; }\n\n\/* \u2500\u2500\u2500 INTERACTIVE LABYRINTH \u2500\u2500\u2500 *\/\n.labirint-wrap { margin: 0 0 40px; text-align: center; }\n.labirint-title { font-family: 'Playfair Display', serif; font-weight: 700; font-style: italic; color: #D62828; font-size: clamp(1.05rem, 2.6vw, 1.4rem); margin: 0 0 14px; line-height: 1.4; }\n.labirint-tools { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center; margin-bottom: 14px; }\n.lab-color { width: 32px; height: 32px; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 2px #ddd; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s; -webkit-tap-highlight-color: transparent; padding: 0; }\n.lab-color.active { transform: scale(1.18); box-shadow: 0 0 0 3px #003049; }\n.lab-btn { background: #003049; color: #fff; border: none; padding: 9px 20px; border-radius: 50px; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: 0.3s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.lab-btn:hover { background: #FB6C13; }\n.lab-btn.lab-done { background: #2E6B4F; }\n.labirint-stage { position: relative; display: inline-block; width: 100%; border-radius: 14px; overflow: hidden; box-shadow: 0 15px 40px rgba(0,48,73,0.12); line-height: 0; }\n.labirint-stage img { width: 100%; height: auto; display: block; user-select: none; -webkit-user-drag: none; }\n.labirint-stage canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; touch-action: none; cursor: crosshair; }\n\n\/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\n@media (max-width: 1024px) { .elegant-grid-5 { grid-template-columns: repeat(3, 1fr); } }\n@media (max-width: 768px) { .elegant-grid-5 { grid-template-columns: repeat(2, 1fr); } .content-stage-box { padding: 30px 20px; border-radius: 20px; } .btn-back-elegant { padding: 10px 24px; font-size: 0.9rem; } }\n@media (max-width: 560px) { .itext-cols { grid-template-columns: 1fr; } .itext-fisa img { width: 130px; margin: 0 auto; } .itext-btn.secondary { margin-left: 0; margin-top: 12px; } }\n@media (max-width: 480px) { .elegant-grid-5 { grid-template-columns: 1fr; } .activity-hub-premium { margin: 30px auto; } .content-stage-box { padding: 24px 16px; border-radius: 16px; min-height: auto; } .opt-btn-elegant { padding: 15px 18px; border-radius: 14px; } .enigma-choices { gap: 14px; } }\n<\/style>\n\n<script>\n(function() {\nconst QUIZ_DATA = [\n    {\n        q: \"In which country was Joan of Arc born?\",\n        a: [\"Austria\", \"Italy\", \"France\", \"Spain\"],\n        c: 2\n    },\n    {\n        q: \"What did Joan hear when she was a teenager?\",\n        a: [\"A faint song\", \"A mysterious voice\", \"The sound of a trumpet\", \"The shouts of soldiers\"],\n        c: 1\n    },\n    {\n        q: \"What did the voices ask her to do?\",\n        a: [\"Go on a journey into the mountains\", \"Build a castle\", \"Save France\", \"Become queen\"],\n        c: 2\n    },\n    {\n        q: \"What was the name of the prince Joan was supposed to help?\",\n        a: [\"Louis\", \"Charles\", \"Henri\", \"Philippe\"],\n        c: 1\n    },\n    {\n        q: \"Why did Joan cut her hair and dress like a boy?\",\n        a: [\n            \"To take part in a competition\",\n            \"To trick people\",\n            \"To travel safely with the soldiers\",\n            \"Because she liked it that way\"\n        ],\n        c: 2\n    },\n    {\n        q: \"Which city was liberated with Joan\u2019s help?\",\n        a: [\"Paris\", \"Chinon\", \"Rouen\", \"Orl\u00e9ans\"],\n        c: 3\n    },\n    {\n        q: \"Where was Charles crowned king?\",\n        a: [\"Reims\", \"Domr\u00e9my\", \"Vaucouleurs\", \"Rouen\"],\n        c: 0\n    },\n    {\n        q: \"How old was Joan when she was sentenced?\",\n        a: [\"36 years old\", \"11 years old\", \"19 years old\", \"45 years old\"],\n        c: 2\n    },\n    {\n        q: \"Which qualities of Joan of Arc are highlighted in the story?\",\n        a: [\"Courage and faith\", \"Wealth and power\", \"Cunning and pride\", \"Fame and beauty\"],\n        c: 0\n    },\n    {\n        q: \"What did Joan of Arc become after her death?\",\n        a: [\n            \"A famous queen\",\n            \"A symbol of courage, faith, and freedom\",\n            \"A great scholar\",\n            \"A ruler of England\"\n        ],\n        c: 1\n    }\n];\n\n    const LABELS = [\"A\", \"B\", \"C\", \"D\"];\n    const TOTAL = QUIZ_DATA.length;\n    const QUIZ_TITLE = \"Quiz\";\n    const QUIZ_LABEL = \"Question\";\n    const ACTIVITY_LABEL = \"Activity\";\n    const SOON_LABEL = \"Coming soon...\";\n    const BACK_LABEL = \"\u2190 Back to menu\";\n    const START_LABEL = \"Start\";\n    const RETRY_LABEL = \"Retake test\";\n    function msgFinal(s) { return s === TOTAL ? \"Perfect 10!\" : s >= 7 ? \"Excellent!\" : \"Well done! You finished the challenge. Try again!\"; }\n    function emoji(s) { return s === TOTAL ? \"\ud83c\udfc6\" : s >= 7 ? \"\ud83e\udd47\" : s >= 5 ? \"\ud83c\udfaf\" : \"\ud83d\udcaa\"; }\n\n    let score = 0, currentIdx = 0;\n\n    \/\/ \u2500\u2500 Enigma images \u2500\u2500\n    const ENIGMA_CORRECT = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18.jpg\";\n    const ENIGMA_WRONG   = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/9.jpg\";\n\n    \/\/ \u2500\u2500 Labyrinth images (kept as-is) \u2500\u2500\n    const LABIRINT1_URL = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Jeanne_dArc_labyrinthes_romana-1.jpg\"; \/\/ Charles's crown\n    const LABIRINT2_URL = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Jeanne_dArc_labyrinthes_romana-2.jpg\"; \/\/ Orl\u00e9ans\n\n    \/\/ \u2500\u2500 Reading Comprehension data \u2014 Joan of Arc \u2500\u2500\n    const IT_IMG = ENIGMA_CORRECT;\n    const IT_PDF  = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Darc-IT-Engl.pdf\";\n    const IT_PDF2 = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Jeanne_dArc_labyrinthes_romana.pdf\";\n    const IT_FISA = { nume: [\"darc\", \"arc\"], prenume: [\"joan\", \"jeanne\"], an: [\"1412\"], loc: [\"domremy\"] };\n    const IT_FISA_LABELS = { nume: \"Last name:\", prenume: \"First name:\", an: \"Year of birth:\", loc: \"Place of birth:\" };\n    const IT_AF = [\n        { t: \"Although she could not read or write, Joan knew the song of the bells and the value of work.\", correct: true },\n        { t: \"The voice Joan heard asked her to save Italy and France.\", correct: false },\n        { t: \"Joan accompanied Charles to Reims where he was crowned King of France.\", correct: true }\n    ];\n    const IT_KW_ACTIVITATI = [\n        [\"flock\", \"sheep\", \"tend\", \"animals\"], [\"sew\"], [\"pray\"],\n        [\"work the land\", \"worked the land\", \"fields\", \"peasant\", \"hard work\"]\n    ];\n    const IT_KW_TRASATURI = [\n        [\"courage\", \"brave\"], [\"faith\", \"devout\", \"belie\", \"religious\"], [\"determin\", \"persever\", \"persist\"],\n        [\"serious\"], [\"firm\"], [\"simplicity\", \"honest\", \"humble\"]\n    ];\n    const ORDER_EVENTS = [\n        { t: \"Joan hears divine voices.\", pos: 1 },\n        { t: \"Joan disguises herself as a boy to travel.\", pos: 3 },\n        { t: \"Joan is tried and sentenced to death.\", pos: 5 },\n        { t: \"Joan fights to liberate the city of Orl\u00e9ans.\", pos: 4 },\n        { t: \"Joan leaves her home village.\", pos: 2 }\n    ];\n\n    function itextNorm(s) { return (s || \"\").normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '').toLowerCase(); }\n    function itextStrip(s) { return itextNorm(s).replace(\/[\u2019'\\s.\\-]\/g, '').trim(); }\n    function itextCountGroups(text, groups) {\n        const t = itextNorm(text);\n        let n = 0;\n        groups.forEach(variants => { if (variants.some(v => t.includes(itextNorm(v)))) n++; });\n        return n;\n    }\n\n    window.launchActivity = function(type) {\n        document.getElementById('IconsHub').scrollIntoView({ behavior: 'smooth', block: 'start' });\n        document.getElementById('hub-menu').classList.remove('active-screen');\n        setTimeout(() => {\n            document.getElementById('hub-menu').style.display = 'none';\n            const stage = document.getElementById('activity-stage');\n            stage.style.display = 'block';\n            setTimeout(() => stage.classList.add('active-screen'), 50);\n            if(type === 'quiz') { score = 0; currentIdx = 0; window.showQuizIntro(); }\n            else if(type === 'x') { window.showEnigma(); }\n            else if(type === 'y') { window.showTextComprehension(); }\n            else if(type === 'w') { document.getElementById('activity-content-loader').innerHTML = '<style>@media (max-width:768px){#activity-content-loader .ei-game{margin:-30px -20px;}#activity-content-loader .ei-game iframe{height:calc(100svh - 110px);min-height:560px;border-radius:0 !important;}}@media (max-width:480px){#activity-content-loader .ei-game{margin:-24px -16px;}}<\/style><div class=\"ei-game\"><iframe src=\"https:\/\/match-mind-quests.lovable.app\" width=\"100%\" height=\"800\" style=\"border:0;display:block;border-radius:16px;\" allowfullscreen loading=\"lazy\" title=\"Matching game \u2013 Jeanne d\u2019Arc\"><\/iframe><\/div>'; }\n            else { document.getElementById('activity-content-loader').innerHTML = `<h2 class=\"playfair-main-title\">${ACTIVITY_LABEL} ${type.toUpperCase()}<\/h2><p style=\"text-align:center;\">${SOON_LABEL}<\/p>`; }\n        }, 500);\n    };\n\n    window.backToMenu = function() {\n        document.getElementById('IconsHub').scrollIntoView({ behavior: 'smooth', block: 'start' });\n        document.getElementById('activity-stage').classList.remove('active-screen');\n        setTimeout(() => {\n            document.getElementById('activity-stage').style.display = 'none';\n            const menu = document.getElementById('hub-menu');\n            menu.style.display = 'block';\n            setTimeout(() => menu.classList.add('active-screen'), 50);\n        }, 500);\n    };\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 ENIGMA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    window.showEnigma = function() {\n        const loader = document.getElementById('activity-content-loader');\n        const options = [\n            { img: ENIGMA_CORRECT, correct: true },\n            { img: ENIGMA_WRONG,   correct: false }\n        ];\n        if (Math.random() < 0.5) options.reverse();\n\n        loader.innerHTML = `\n            <div class=\"enigma-stage\">\n                <p class=\"enigma-quote\">\u201cAll battles are won or lost first in the mind.\u201d<\/p>\n                <p class=\"enigma-question\">Who do you think could have said it?<\/p>\n                <div class=\"enigma-choices\">\n                    ${options.map((o, i) => `\n                        <div class=\"enigma-choice\" data-correct=\"${o.correct}\" onclick=\"window.enigmaChoose(this)\">\n                            <img decoding=\"async\" src=\"${o.img}\" alt=\"Personality ${i + 1}\" loading=\"lazy\">\n                        <\/div>`).join('')}\n                <\/div>\n                <div class=\"enigma-feedback\" id=\"enigma-feedback\"><\/div>\n            <\/div>`;\n    };\n\n    window.enigmaChoose = function(el) {\n        const choices = document.querySelectorAll('.enigma-choice');\n        const isCorrect = el.dataset.correct === 'true';\n        choices.forEach(c => c.classList.add('locked'));\n\n        if (isCorrect) {\n            el.classList.add('correct-pick');\n            choices.forEach(c => { if (c !== el) c.classList.add('dim'); });\n            setTimeout(() => window.showEnigmaResult(), 800);\n        } else {\n            el.classList.add('wrong-pick');\n            choices.forEach(c => { if (c !== el) c.classList.add('dim'); });\n            document.getElementById('enigma-feedback').innerHTML = `\n                <p class=\"enigma-wrong-msg\">\u274c Wrong! Try again.<\/p>\n                <button class=\"btn-retry\" onclick=\"window.showEnigma()\">Try again<\/button>`;\n        }\n    };\n\n    window.showEnigmaResult = function() {\n        document.getElementById('activity-content-loader').innerHTML = `\n            <div class=\"enigma-result\">\n                <h2 class=\"enigma-result-title\">It's Joan of Arc<\/h2>\n                <img decoding=\"async\" src=\"${ENIGMA_CORRECT}\" alt=\"Joan of Arc\">\n                <span class=\"enigma-playlist-label\">The mountain challenge<\/span>\n                <p>Draw a mountain with three sections:<\/p>\n                <ol>\n                    <li><strong>At the base:<\/strong> a challenge you are facing now (for example, a difficult subject, public speaking, learning a new skill);<\/li>\n                    <li><strong>Halfway up the mountain:<\/strong> negative thoughts that might stop you;<\/li>\n                    <li><strong>At the top of the mountain:<\/strong> positive and empowering thoughts.<\/li>\n                <\/ol>\n                <p>Then write three concrete actions that will help you reach the summit.<\/p>\n                <button class=\"btn-retry\" onclick=\"window.showEnigma()\">Play again<\/button>\n            <\/div>`;\n\n        if (typeof confetti === 'function') {\n            confetti({ particleCount: 90, spread: 75, origin: { y: 0.6 }, colors: ['#FB6C13', '#F9C80E', '#003049'] });\n        }\n    };\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 READING COMPREHENSION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    function mazeWidget(id, title, url) {\n        return `\n            <div class=\"labirint-wrap\" id=\"${id}-wrap\">\n                <p class=\"labirint-title\">${title}<\/p>\n                <div class=\"labirint-tools\">\n                    <button class=\"lab-color active\" data-color=\"#D62828\" style=\"background:#D62828\" aria-label=\"Red\"><\/button>\n                    <button class=\"lab-color\" data-color=\"#003049\" style=\"background:#003049\" aria-label=\"Blue\"><\/button>\n                    <button class=\"lab-color\" data-color=\"#2E6B4F\" style=\"background:#2E6B4F\" aria-label=\"Green\"><\/button>\n                    <button class=\"lab-btn\" data-act=\"clear\">\ud83e\uddfd Clear<\/button>\n                    <button class=\"lab-btn lab-done\" data-act=\"done\">I did it! \ud83c\udf89<\/button>\n                <\/div>\n                <div class=\"labirint-stage\" id=\"${id}-stage\">\n                    <img decoding=\"async\" id=\"${id}-img\" src=\"${url}\" alt=\"${title}\">\n                    <canvas id=\"${id}-canvas\"><\/canvas>\n                <\/div>\n            <\/div>`;\n    }\n\n    window.initMaze = function(id) {\n        const wrap = document.getElementById(id + '-wrap');\n        const stage = document.getElementById(id + '-stage');\n        const img = document.getElementById(id + '-img');\n        const canvas = document.getElementById(id + '-canvas');\n        if (!wrap || !canvas) return;\n        const ctx = canvas.getContext('2d');\n        let drawing = false, color = '#D62828', last = null;\n\n        function sizeCanvas() {\n            let saved = null;\n            if (canvas.width && canvas.height) { try { saved = ctx.getImageData(0, 0, canvas.width, canvas.height); } catch (e) {} }\n            canvas.width = stage.clientWidth;\n            canvas.height = stage.clientHeight;\n            if (saved) { try { ctx.putImageData(saved, 0, 0); } catch (e) {} }\n        }\n        if (img.complete && img.naturalWidth) sizeCanvas(); else img.addEventListener('load', sizeCanvas);\n        window.addEventListener('resize', sizeCanvas);\n\n        function pos(e) {\n            const r = canvas.getBoundingClientRect();\n            const t = e.touches ? e.touches[0] : e;\n            return { x: (t.clientX - r.left) * (canvas.width \/ r.width), y: (t.clientY - r.top) * (canvas.height \/ r.height) };\n        }\n        function start(e) { drawing = true; last = pos(e); e.preventDefault(); }\n        function move(e) {\n            if (!drawing) return;\n            const p = pos(e);\n            ctx.strokeStyle = color;\n            ctx.lineWidth = Math.max(2, canvas.width * 0.004);\n            ctx.lineCap = 'round'; ctx.lineJoin = 'round';\n            ctx.beginPath(); ctx.moveTo(last.x, last.y); ctx.lineTo(p.x, p.y); ctx.stroke();\n            last = p; e.preventDefault();\n        }\n        function end() { drawing = false; }\n\n        canvas.addEventListener('mousedown', start);\n        canvas.addEventListener('mousemove', move);\n        window.addEventListener('mouseup', end);\n        canvas.addEventListener('touchstart', start, { passive: false });\n        canvas.addEventListener('touchmove', move, { passive: false });\n        canvas.addEventListener('touchend', end);\n\n        wrap.querySelectorAll('.lab-color').forEach(b => {\n            b.addEventListener('click', () => {\n                wrap.querySelectorAll('.lab-color').forEach(x => x.classList.remove('active'));\n                b.classList.add('active');\n                color = b.dataset.color;\n            });\n        });\n        wrap.querySelector('[data-act=\"clear\"]').addEventListener('click', () => ctx.clearRect(0, 0, canvas.width, canvas.height));\n        wrap.querySelector('[data-act=\"done\"]').addEventListener('click', () => {\n            if (typeof confetti === 'function') confetti({ particleCount: 120, spread: 80, origin: { y: 0.6 }, colors: ['#FB6C13', '#F9C80E', '#003049', '#2E6B4F'] });\n        });\n    };\n\n    window.showTextComprehension = function() {\n        const loader = document.getElementById('activity-content-loader');\n        const fisaRows = Object.keys(IT_FISA).map(k =>\n            `<div class=\"itext-field-row\"><label>${IT_FISA_LABELS[k]}<\/label><input class=\"itext-input\" id=\"fisa-${k}\" type=\"text\" autocomplete=\"off\"><\/div>`\n        ).join('');\n        const orderOpts = '<option value=\"\">\u2013<\/option>' + [1,2,3,4,5].map(n => `<option value=\"${n}\">${n}<\/option>`).join('');\n\n        loader.innerHTML = `\n            <div class=\"itext-wrap\">\n                <h2 class=\"itext-main-title\">The voice, the victory and the fire<\/h2>\n                <p class=\"itext-subtitle\">Text comprehension \u00b7 Joan of Arc<\/p>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-green\">1. Character profile<\/div>\n                    <p class=\"itext-instruction\">Complete the following profile, based on the story.<\/p>\n                    <div class=\"itext-fisa\">\n                        <img decoding=\"async\" src=\"${IT_IMG}\" alt=\"Joan of Arc\">\n                        <div class=\"itext-fisa-fields\">${fisaRows}<\/div>\n                    <\/div>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckFisa()\">Check the profile<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"fisa-msg\"><\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-red\">2. Discover in the text!<\/div>\n                    <p class=\"itext-instruction\">Extract from the text the activities Joan was involved in as a child and her character traits.<\/p>\n                    <div class=\"itext-cols\">\n                        <div>\n                            <div class=\"itext-col-title pasiuni\">Activities<\/div>\n                            <textarea class=\"itext-textarea\" id=\"it-activitati\" placeholder=\"Write here...\"><\/textarea>\n                        <\/div>\n                        <div>\n                            <div class=\"itext-col-title trasaturi\">Character traits<\/div>\n                            <textarea class=\"itext-textarea\" id=\"it-trasaturi\" placeholder=\"Write here...\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckDescopera()\">Check the answer<\/button>\n                    <button class=\"itext-btn secondary\" data-label=\"See sample answers\" onclick=\"window.itextToggleExamples('ex-descopera', this)\">See sample answers<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"descopera-msg\"><\/div>\n                    <div class=\"itext-examples\" id=\"ex-descopera\">\n                        <strong>Childhood activities:<\/strong> she tended the flocks (looked after the animals); she sewed; she prayed; she valued hard work and the work of the land.<br>\n                        <strong>Character traits:<\/strong> courageous, devout (faithful), determined\/persevering, serious, firm.\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-red\">3. True or false?<\/div>\n                    <div id=\"itext-af-list\">\n                        ${IT_AF.map((item, i) => `\n                            <div class=\"itext-af-row\">\n                                <div class=\"itext-af-text\">${item.t}<\/div>\n                                <div class=\"itext-af-btns\">\n                                    <button class=\"itext-af-btn\" onclick=\"window.itextAF(this, ${i}, true)\">T<\/button>\n                                    <button class=\"itext-af-btn\" onclick=\"window.itextAF(this, ${i}, false)\">F<\/button>\n                                <\/div>\n                            <\/div>`).join('')}\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-orange\">4. Put the events in chronological order!<\/div>\n                    <p class=\"itext-instruction\">Write the correct order number (from 1 to 5) next to each event.<\/p>\n                    ${ORDER_EVENTS.map((e) => `\n                        <div class=\"itext-order-row\">\n                            <div class=\"itext-order-text\">${e.t}<\/div>\n                            <select class=\"itext-order-sel\" data-pos=\"${e.pos}\">${orderOpts}<\/select>\n                        <\/div>`).join('')}\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckOrder()\">Check the order<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"order-msg\"><\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-navy\">5. Interactive game \u2014 The Labyrinth<\/div>\n                    <p class=\"itext-instruction\">Drag with your finger or mouse to draw the correct path through the labyrinth. Choose a colour, then press \u201cI did it!\u201d at the end.<\/p>\n                    ${mazeWidget('lab1', \"Help Joan of Arc recover the crown for Charles's coronation!\", LABIRINT1_URL)}\n                    ${mazeWidget('lab2', \"Help Joan of Arc liberate the city of Orl\u00e9ans!\", LABIRINT2_URL)}\n                <\/div>\n\n                <div class=\"itext-download\">\n                    <p class=\"itext-download-text\">The activity worksheets in PDF format:<\/p>\n                    <a href=\"${IT_PDF}\" target=\"_blank\" rel=\"noopener noreferrer\" download class=\"itext-btn itext-btn-download\">\ud83d\udcc4 Worksheet 1 \u2014 Text comprehension<\/a>\n                    <a href=\"${IT_PDF2}\" target=\"_blank\" rel=\"noopener noreferrer\" download class=\"itext-btn itext-btn-download secondary\">\ud83d\udcc4 Worksheet 2 \u2014 Labyrinths<\/a>\n                <\/div>\n            <\/div>`;\n\n        window.initMaze('lab1');\n        window.initMaze('lab2');\n    };\n\n    window.itextCheckFisa = function() {\n        let allOk = true, filled = 0;\n        Object.keys(IT_FISA).forEach(k => {\n            const inp = document.getElementById('fisa-' + k);\n            const val = itextStrip(inp.value);\n            if (val) filled++;\n            const ok = IT_FISA[k].some(a => val === itextStrip(a));\n            inp.classList.remove('ok', 'no');\n            inp.classList.add(ok ? 'ok' : 'no');\n            if (!ok) allOk = false;\n        });\n        const msg = document.getElementById('fisa-msg');\n        if (filled === 0) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Complete the fields first.';\n            document.querySelectorAll('.itext-input').forEach(i => i.classList.remove('no'));\n            return;\n        }\n        msg.style.color = allOk ? '#004F2D' : '#D62828';\n        msg.innerText = allOk ? '\u2705 Perfect! You filled in the profile correctly.' : '\u274c Check the fields in red and try again.';\n    };\n\n    window.itextCheckDescopera = function() {\n        const aTxt = document.getElementById('it-activitati').value;\n        const tTxt = document.getElementById('it-trasaturi').value;\n        const msg = document.getElementById('descopera-msg');\n        if (!aTxt.trim() && !tTxt.trim()) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'First write your answers in the boxes.';\n            return;\n        }\n        const a = itextCountGroups(aTxt, IT_KW_ACTIVITATI);\n        const t = itextCountGroups(tTxt, IT_KW_TRASATURI);\n        const ok = a >= 1 && t >= 2;\n        msg.style.color = ok ? '#004F2D' : '#B26A00';\n        msg.innerHTML = ok\n            ? `\u2705 Well done! You identified ${a} activity\/activities and ${t} traits from the text.`\n            : `\ud83d\udd0e You found ${a} activity\/activities and ${t} traits. Look again in the text and try again (click \u201cSee sample answers\u201d if you need help).`;\n    };\n\n    window.itextCheckOrder = function() {\n        const rows = document.querySelectorAll('.itext-order-row');\n        let ok = 0, answered = 0;\n        rows.forEach(row => {\n            const sel = row.querySelector('.itext-order-sel');\n            row.classList.remove('ok', 'no');\n            if (!sel.value) return;\n            answered++;\n            if (parseInt(sel.value, 10) === parseInt(sel.dataset.pos, 10)) { ok++; row.classList.add('ok'); }\n            else row.classList.add('no');\n        });\n        const msg = document.getElementById('order-msg');\n        if (answered < rows.length) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Complete all ' + rows.length + ' numbers.';\n            return;\n        }\n        const allOk = ok === rows.length;\n        msg.style.color = allOk ? '#004F2D' : '#B26A00';\n        msg.innerText = allOk\n            ? '\u2705 Perfect! You put all the events in the correct order.'\n            : `\ud83d\udd0e You have ${ok}\/${rows.length} correct. Fix the ones in red and try again.`;\n    };\n\n    window.itextAF = function(btn, idx, chosen) {\n        const row = btn.closest('.itext-af-row');\n        const btns = row.querySelectorAll('.itext-af-btn');\n        btns.forEach(b => b.disabled = true);\n        const correct = IT_AF[idx].correct;\n        if (chosen === correct) {\n            btn.classList.add('af-correct');\n        } else {\n            btn.classList.add('af-wrong');\n            btns.forEach(b => { if (b.innerText === (correct ? 'T' : 'F')) b.classList.add('af-correct'); });\n        }\n    };\n\n    window.itextToggleExamples = function(id, btn) {\n        const box = document.getElementById(id);\n        box.classList.toggle('show');\n        btn.innerText = box.classList.contains('show') ? 'Hide the examples' : btn.dataset.label;\n    };\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 QUIZ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    window.showQuizIntro = function() {\n        score = 0; currentIdx = 0;\n        document.getElementById('activity-content-loader').innerHTML = `\n            <div class=\"quiz-splash-elegant\">\n                <div class=\"splash-emoji\">\ud83c\udfaf<\/div>\n                <h2>${QUIZ_TITLE}<\/h2>\n                <button onclick=\"window.startQuizNow()\" class=\"btn-start-hero\">${START_LABEL}<\/button>\n            <\/div>`;\n    };\n\n    window.startQuizNow = function() { renderNextQ(); };\n\n    function renderProgressBar(current, total) {\n        const pct = Math.round((current \/ total) * 100);\n        return `<div class=\"quiz-progress-wrap\">\n            <div class=\"quiz-progress-label\"><span>${QUIZ_LABEL} ${current + 1} \/ ${total}<\/span><span>${pct}%<\/span><\/div>\n            <div class=\"progress-track\"><div class=\"progress-fill\" style=\"width:${pct}%\"><\/div><\/div>\n        <\/div>`;\n    }\n\n    function renderNextQ() {\n        const data = QUIZ_DATA[currentIdx];\n        const loader = document.getElementById('activity-content-loader');\n        loader.innerHTML = `<div class=\"quiz-q-box\">${renderProgressBar(currentIdx, TOTAL)}<p class=\"quiz-question-text\">${data.q}<\/p><div id=\"opts-wrap\"><\/div><\/div>`;\n        requestAnimationFrame(() => {\n            const fill = loader.querySelector('.progress-fill');\n            if (fill) { const t = fill.style.width; fill.style.width = '0%'; requestAnimationFrame(() => { fill.style.width = t; }); }\n        });\n        data.a.forEach((opt, i) => {\n            const b = document.createElement('button');\n            b.className = 'opt-btn-elegant';\n            b.innerText = `${LABELS[i]}. ${opt}`;\n            b.onclick = () => validateAns(i, b);\n            document.getElementById('opts-wrap').appendChild(b);\n        });\n    }\n\n    function validateAns(idx, btn) {\n        const correct = QUIZ_DATA[currentIdx].c;\n        document.querySelectorAll('.opt-btn-elegant').forEach(b => { b.disabled = true; });\n        if(idx === correct) { score++; btn.classList.add('correct-style'); }\n        else { btn.classList.add('wrong-style'); document.querySelectorAll('.opt-btn-elegant')[correct].classList.add('correct-style'); }\n        setTimeout(() => { currentIdx++; if(currentIdx < TOTAL) renderNextQ(); else showFinalResult(); }, 1300);\n    }\n\n    function showFinalResult() {\n        const loader = document.getElementById('activity-content-loader');\n        loader.innerHTML = `<div class=\"quiz-result-box\">\n            <div class=\"quiz-result-emoji\">${emoji(score)}<\/div>\n            <p class=\"quiz-result-score\">Score: ${score} \/ ${TOTAL}<\/p>\n            <p class=\"quiz-result-msg\">${msgFinal(score)}<\/p>\n            <button onclick=\"window.showQuizIntro()\" class=\"btn-retry\">${RETRY_LABEL}<\/button>\n        <\/div>`;\n        if(score === TOTAL) {\n            const end = Date.now() + 4000;\n            (function frame() {\n                confetti({ particleCount: 3, angle: 60, spread: 55, origin: { x: 0 }, colors: ['#FB6C13', '#F9C80E', '#003049'] });\n                confetti({ particleCount: 3, angle: 120, spread: 55, origin: { x: 1 }, colors: ['#FB6C13', '#F9C80E', '#003049'] });\n                if (Date.now() < end) requestAnimationFrame(frame);\n            }());\n        }\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26ee433 e-flex e-con-boxed e-con e-parent\" data-id=\"26ee433\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45a5748 elementor-widget elementor-widget-afd_audio_player\" data-id=\"45a5748\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"afd_audio_player.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div\n        class=\"afd-ap\"\n        id=\"afd-ap-1\"\n        style=\"--afd-ap-color: #bc1823\"\n        data-tracks='[{&quot;src&quot;:&quot;https:\\\/\\\/afostodata.ro\\\/europeanicons\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/JEANNE-D-ARC-v1.mp3&quot;,&quot;title&quot;:&quot;Joan of Arc&quot;,&quot;subtitle&quot;:&quot;&quot;}]'\n        data-autoplay=\"0\"\n    >\n        <div class=\"afd-ap__bar\">\n            \n            <button class=\"afd-ap__btn afd-ap__btn--play\" type=\"button\" aria-label=\"Play\">\n                <svg class=\"afd-ap__icon-play\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7L8 5z\" fill=\"currentColor\"\/><\/svg>\n                <svg class=\"afd-ap__icon-pause\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" hidden><path d=\"M6 5h4v14H6zM14 5h4v14h-4z\" fill=\"currentColor\"\/><\/svg>\n            <\/button>\n\n            \n            <div class=\"afd-ap__meta\">\n                                    <span class=\"afd-ap__sub\"><\/span>\n                                <span class=\"afd-ap__title\">\n                    Joan of Arc                <\/span>\n            <\/div>\n\n            <div class=\"afd-ap__progress\">\n                <span class=\"afd-ap__time afd-ap__time--now\">0:00<\/span>\n                <div class=\"afd-ap__scrub\" role=\"slider\" aria-label=\"Pozi\u021bie\" tabindex=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                    <div class=\"afd-ap__scrub-fill\"><\/div>\n                    <div class=\"afd-ap__scrub-thumb\"><\/div>\n                <\/div>\n                <span class=\"afd-ap__time afd-ap__time--total\">0:00<\/span>\n            <\/div>\n\n                            <div class=\"afd-ap__speed\">\n                    <button class=\"afd-ap__btn afd-ap__btn--speed\" type=\"button\" aria-haspopup=\"menu\" aria-expanded=\"false\" aria-label=\"Vitez\u0103\">\n                        <span class=\"afd-ap__speed-label\">1\u00d7<\/span>\n                    <\/button>\n                    <div class=\"afd-ap__speed-menu\" role=\"menu\" hidden>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"0.5\">0.5\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"0.75\">0.75\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"1\" class=\"is-active\">1\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"1.25\">1.25\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"1.5\">1.5\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"2\">2\u00d7<\/button>\n                    <\/div>\n                <\/div>\n            \n            \n            <audio class=\"afd-ap__audio\" preload=\"metadata\"><\/audio>\n        <\/div>\n\n            <\/div>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Courage \u2022 Faith \u2022 Legend Joan of Arc Home &gt; Joan of Arc The Voice, the Victory, the Fire Did you know that some heroines are not born in palaces, but in the quiet countryside, where no one is really looking? LISTEN READ Activities Watch Did you know that some heroines are not born in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13463","page","type-page","status-publish","hentry"],"acf":[],"lang":"en","translations":{"en":13463,"ro":12674,"el":13649,"it":13841,"fr":14104},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/13463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/comments?post=13463"}],"version-history":[{"count":34,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/13463\/revisions"}],"predecessor-version":[{"id":17967,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/13463\/revisions\/17967"}],"wp:attachment":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/media?parent=13463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}