{"id":13362,"date":"2026-02-17T18:37:13","date_gmt":"2026-02-17T16:37:13","guid":{"rendered":"https:\/\/afostodata.ro\/europeanicons\/?page_id=13362"},"modified":"2026-10-09T15:31:15","modified_gmt":"2026-10-09T13:31:15","slug":"vlad-tepes","status":"publish","type":"page","link":"https:\/\/afostodata.ro\/europeanicons\/fr\/vlad-tepes\/","title":{"rendered":"VLAD \u021aEPE\u0218"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13362\" class=\"elementor elementor-13362\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-dce-background-overlay-color=\"#004F2D\" data-dce-background-image-url=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/tepes-1.jpg\" class=\"elementor-element elementor-element-11bdf97 e-flex e-con-boxed e-con e-parent\" data-id=\"11bdf97\" 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-ea81fbf elementor-widget elementor-widget-html\" data-id=\"ea81fbf\" 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=\"tepes-header-light\">\n    <span class=\"reveal-tag\">Justice \u2022 Mythe \u2022 Sacrifice<\/span>\n    <div class=\"title-container\">\n        <h1 class=\"main-name-solid\">VLAD<\/h1>\n        <h1 class=\"main-name-stroke\">\u021aEPE\u0218<\/h1>\n    <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&family=Playfair+Display:wght@900&display=swap');\n\n.tepes-header-light {\n    text-align: center;\n    padding: 60px 20px;\n    font-family: 'Montserrat', sans-serif;\n    background: transparent; \n}\n\n.reveal-tag {\n    display: block;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 10px;\n    color: #F9C70C; \/* Galbenul European Icons *\/\n    font-size: 0.85rem;\n    margin-bottom: 15px;\n    opacity: 0;\n    animation: dropFade 0.8s ease forwards;\n}\n\n.title-container { display: block; line-height: 0.8; }\n\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: slideUp 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.4s;\n}\n\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: slideUp 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.6s,\n               subtleFloat 5s ease-in-out infinite 1.6s;\n}\n\n.header-red-line {\n    width: 0;\n    height: 6px;\n    background: #D62828;\n    margin: 30px auto 0;\n    animation: expandLine 1.2s ease-out forwards 1.4s;\n}\n\n@keyframes dropFade { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes slideUp { from { opacity: 0; transform: translateY(80px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes expandLine { from { width: 0; } to { width: 200px; } }\n@keyframes subtleFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n\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-fcf2133 e-flex e-con-boxed e-con e-parent\" data-id=\"fcf2133\" 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-9b15d7b e-con-full e-flex e-con e-child\" data-id=\"9b15d7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b507e3c e-con-full e-flex e-con e-child\" data-id=\"b507e3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8990f2d elementor-widget elementor-widget-dce-breadcrumbs\" data-id=\"8990f2d\" 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=\"Maison\">Maison<\/a><\/li><li class=\"separator separator-home\"> <span class=\"dce-separator\"> &gt; <\/span> <\/li><li class=\"item-current item-13362\"><span class=\"bread-current bread-13362\"> VLAD \u021aEPE\u0218<\/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-9942ee8 elementor-widget elementor-widget-heading\" data-id=\"9942ee8\" 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\">Le souverain qui a inspir\u00e9 la l\u00e9gende de Dracula<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15d0200 elementor-widget elementor-widget-text-editor\" data-id=\"15d0200\" 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\t<div class=\"bio-info\"><p><span style=\"font-weight: 400;\">Savais-tu que m\u00eame les histoires vraies commencent par\u2026 il \u00e9tait une fois ? Il existe un souverain dont on a tant parl\u00e9 que plus personne ne sait vraiment o\u00f9 s\u2019arr\u00eate la v\u00e9rit\u00e9 et o\u00f9 commence la l\u00e9gende. Son nom est Vlad \u021aepe\u0219. L\u2019\u00e9crivain Bram Stoker l\u2019a transform\u00e9 en un personnage mythique. Mais qui \u00e9tait r\u00e9ellement Vlad \u021aepe\u0219 : un h\u00e9ros ou une l\u00e9gende ?<\/span><\/p><\/div>\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-77c8ede e-con-full e-flex e-con e-child\" data-id=\"77c8ede\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4da97c4 elementor-widget elementor-widget-image\" data-id=\"4da97c4\" 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\/1-1024x1024.jpg\" class=\"attachment-large size-large wp-image-12484\" alt=\"\" srcset=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/1-1024x1024.jpg 1024w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/1-300x300.jpg 300w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/1-150x150.jpg 150w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/1-768x768.jpg 768w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/1.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-c43fa6c e-flex e-con-boxed e-con e-parent\" data-id=\"c43fa6c\" 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-0fddb8b e-con-full e-flex e-con e-child\" data-id=\"0fddb8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#D62729\" class=\"elementor-element elementor-element-94f3f36 elementor-align-justify buton-audio elementor-widget elementor-widget-button\" data-id=\"94f3f36\" 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\">\u00c9COUTER<\/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-23be4f3 e-con-full e-flex e-con e-child\" data-id=\"23be4f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#FA6D12\" class=\"elementor-element elementor-element-e3dea5e elementor-align-justify buton-citeste elementor-widget elementor-widget-button\" data-id=\"e3dea5e\" 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\">LIRE<\/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-debad64 e-con-full e-flex e-con e-child\" data-id=\"debad64\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#F9C70C\" class=\"elementor-element elementor-element-99bc974 elementor-align-justify buton-activitati elementor-widget elementor-widget-button\" data-id=\"99bc974\" 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\">ACTIVIT\u00c9<\/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-441c7e7 e-con-full e-flex e-con e-child\" data-id=\"441c7e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#01502B\" class=\"elementor-element elementor-element-58c6527 elementor-align-justify buton-vizioneaza elementor-widget elementor-widget-button\" data-id=\"58c6527\" 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\">Regardez<\/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-e924769 citeste e-flex e-con-boxed e-con e-parent\" data-id=\"e924769\" 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-4fc513d elementor-widget elementor-widget-html\" data-id=\"4fc513d\" 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\">\n    <section class=\"story-content-area\">\n        <p class=\"drop-cap\">\n            Savais-tu que m\u00eame les histoires vraies commencent par\u2026 il \u00e9tait une fois ? Il existe un souverain dont on a tant parl\u00e9 que plus personne ne sait vraiment o\u00f9 s\u2019arr\u00eate la v\u00e9rit\u00e9 et o\u00f9 commence la l\u00e9gende. Son nom est Vlad \u021aepe\u0219. L\u2019\u00e9crivain Bram Stoker l\u2019a transform\u00e9 en un personnage mythique. Mais qui \u00e9tait r\u00e9ellement Vlad \u021aepe\u0219 : un h\u00e9ros ou une l\u00e9gende ?\n        <\/p>\n\n        <p>Son histoire commence en 1431, dans la citadelle de Sighi\u0219oara, en Transylvanie. Son p\u00e8re, Vlad Dracul, \u00e9tait vo\u00efvode de Valachie. Il faisait partie de l\u2019Ordre du Dragon, un ordre de chevaliers qui luttait pour la d\u00e9fense de la chr\u00e9tient\u00e9 face \u00e0 l\u2019Empire ottoman. Le symbole de l\u2019ordre \u00e9tait un dragon, que Vlad Dracul utilisait sur ses drapeaux, ses monnaies et ses sceaux. Comme en latin le dragon se disait draco, les gens commenc\u00e8rent \u00e0 l\u2019appeler \u00ab Dracul \u00bb. Ainsi, Vlad \u021aepe\u0219 devint Dracula Vo\u00efvode, c\u2019est-\u00e0-dire \u00ab le fils du dragon \u00bb.<\/p>\n\n        <p>\u00c0 une \u00e9poque troubl\u00e9e, marqu\u00e9e par des combats et des alliances fragiles, la vie de l\u2019enfant changea brusquement. Pour conserver son tr\u00f4ne, son p\u00e8re fut contraint de faire un sacrifice douloureux. Ainsi, \u00e0 seulement 11 ans, Vlad et son jeune fr\u00e8re, Radu le Beau, furent envoy\u00e9s comme otages \u00e0 la cour du sultan Murad II. Loin de chez eux, \u00e0 Constantinople, les deux gar\u00e7ons grandirent dans un monde \u00e9tranger, comme c\u2019\u00e9tait l\u2019usage \u00e0 l\u2019\u00e9poque : le sultan prenait les enfants des souverains afin de s\u2019assurer de la fid\u00e9lit\u00e9 de leurs parents. Vlad re\u00e7ut une \u00e9ducation choisie. Il apprit l\u2019art de la guerre, la g\u00e9ographie, les math\u00e9matiques, les sciences et les langues \u00e9trang\u00e8res. Malgr\u00e9 cela, il r\u00eavait du jour o\u00f9 il retournerait chez lui.<\/p>\n\n        <p>Les ann\u00e9es pass\u00e8rent, et son p\u00e8re fut trahi et tu\u00e9 par les boyards. Avec le soutien des Ottomans, le jeune Vlad, alors \u00e2g\u00e9 de 17 ans, fut renvoy\u00e9 dans son pays pour monter sur le tr\u00f4ne. Son premier r\u00e8gne ne dura qu\u2019un mois. Vlad partit ensuite en exil en Moldavie, \u00e0 la cour de ses parents. Huit ans plus tard, en 1456, il reconquit le tr\u00f4ne. Ce fut son deuxi\u00e8me r\u00e8gne, le plus important.<\/p>\n\n        <p>Vlad \u00e9tait d\u00e9termin\u00e9 \u00e0 \u00eatre un souverain puissant et \u00e0 r\u00e9tablir l\u2019ordre dans le pays. Il commen\u00e7a \u00e0 \u00e9liminer les boyards qui lui \u00e9taient hostiles ou qui ne respectaient pas ses ordres. Beaucoup le consid\u00e9raient comme cruel, mais il \u00e9tait convaincu que seule la discipline pouvait faire prosp\u00e9rer le pays. Il imposa des ch\u00e2timents tr\u00e8s s\u00e9v\u00e8res, le plus connu \u00e9tant l\u2019empalement, qui lui valut le surnom de Vlad l\u2019Empaleur.<\/p>\n\n        <p>Bien que s\u00e9v\u00e8re, il \u00e9tait respect\u00e9 et aim\u00e9 du peuple. Il soutint le commerce, encouragea la construction de routes et de villages, renfor\u00e7a les forteresses et les monast\u00e8res, et prot\u00e9gea les marchands et les paysans, qui formaient l\u2019arm\u00e9e du pays. Sous son r\u00e8gne, la Valachie devint plus s\u00fbre et plus prosp\u00e8re. On raconte qu\u2019il parvint \u00e0 chasser les malfaiteurs et que les gens pouvaient voyager de jour comme de nuit sans crainte.<\/p>\n\n        <p>Au d\u00e9but, pour gagner du temps, il accepta de se soumettre aux Turcs, mais un jour il prit une d\u00e9cision courageuse : cesser de payer le tribut annuel de 10 000 pi\u00e8ces d\u2019or au sultan.<\/p>\n\n        <div class=\"night-attack-box\">\n            <p>Le sultan Mehmet II marcha contre Vlad avec une arm\u00e9e immense de plus de 120 000 hommes. Disposant de beaucoup moins de soldats, Vlad utilisa des strat\u00e9gies impitoyables : il br\u00fbla les champs, ravagea les terres et empoisonna les puits. Affam\u00e9s et assoiff\u00e9s, les Turcs avan\u00e7aient de plus en plus difficilement.<\/p>\n            <p>Dans la nuit du 16 au 17 juin 1462, Vlad porta le coup d\u00e9cisif : l\u2019Attaque nocturne. Le visage couvert et sans faire de bruit, les soldats s\u2019approch\u00e8rent des tentes ennemies. Les \u00e9p\u00e9es brill\u00e8rent dans l\u2019obscurit\u00e9 et les Turcs, pris par surprise, furent massacr\u00e9s. Le sultan \u00e9chappa de justesse \u00e0 la mort, sauv\u00e9 seulement parce que sa tente fut confondue avec une autre. Apr\u00e8s cette attaque inattendue, l\u2019arm\u00e9e ottomane fut contrainte de se retirer.<\/p>\n        <\/div>\n\n        <p>Apr\u00e8s la grande bataille contre les Turcs, la situation commen\u00e7a \u00e0 tourner en d\u00e9faveur de Vlad. Le sultan mit alors en place un plan perfide : il soutint Radu le Beau pour qu\u2019il devienne souverain et promit aux boyards la paix et une vie sans soucis. Priv\u00e9 de soutien, Vlad compta sur l\u2019aide de son alli\u00e9, Matthias Corvin, roi de Hongrie. Mais au lieu de l\u2019aider, celui-ci le fit arr\u00eater, l\u2019accusant de trahison. Vlad \u021aepe\u0219 fut emprisonn\u00e9 pendant 12 ans. On conna\u00eet peu de choses sur les ann\u00e9es pass\u00e9es en captivit\u00e9, mais il semble que sa vie n\u2019y fut pas particuli\u00e8rement dure. Il participa \u00e0 des chasses royales et \u00e0 des banquets officiels, se convertit au catholicisme et \u00e9pousa une dame de la haute noblesse hongroise.<\/p>\n\n        <p>En 1475, Vlad \u021aepe\u0219 revint pour la troisi\u00e8me fois sur le tr\u00f4ne de Valachie. Malheureusement, son r\u00e8gne fut de courte dur\u00e9e. \u00c0 la fin de l\u2019ann\u00e9e suivante, il dut de nouveau affronter les Turcs. Pendant la bataille, il monta sur une colline pour mieux observer ce qui se passait. Comme il portait des v\u00eatements semblables \u00e0 ceux des ennemis, il ne fut pas reconnu et fut attaqu\u00e9. Certains disent qu\u2019il fut m\u00eame tu\u00e9 par ses propres soldats, sur ordre des boyards tra\u00eetres. Pour prouver la mort de Vlad \u021aepe\u0219, sa t\u00eate fut envoy\u00e9e au sultan \u00e0 Constantinople. Ainsi s\u2019acheva l\u2019histoire de l\u2019un des souverains les plus redout\u00e9s des Roumains.<\/p>\n\n        <p class=\"legend-conclusion\">\n            Dracula est un personnage de fiction, un comte vampire vivant dans un ch\u00e2teau perch\u00e9 sur un rocher, tandis que Vlad \u021aepe\u0219 fut un souverain bien r\u00e9el. Au fil du temps, l\u2019histoire s\u2019est m\u00eal\u00e9e \u00e0 la l\u00e9gende et chaque conteur y a ajout\u00e9 sa part. Ainsi, Vlad \u021aepe\u0219 est rest\u00e9 une figure puissante et myst\u00e9rieuse, \u00e0 la fronti\u00e8re entre la v\u00e9rit\u00e9 et le conte, un souverain qui continue de nous fasciner encore aujourd\u2019hui.\n        <\/p>\n    <\/section>\n<\/article>\n\n<style>\n\/* Import greut\u0103\u021bi variate pentru a evita \"all-bold\" *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&family=Playfair+Display:wght@900&display=swap');\n\n.tepes-full-story {\n    max-width: 800px;\n    margin: 0 auto 100px;\n    padding: 0 20px;\n    font-family: 'Playfair Display', sans-serif;\n    line-height: 1.8;\n    color: #003049;\n}\n\n\/* Text de baz\u0103 - Greutate NORMAL\u0102 *\/\n.story-content-area p { \n    margin-bottom: 25px; \n    font-size: 1.15rem; \n    text-align: justify;\n    font-weight: 400 !important; \n}\n\n.drop-cap::first-letter {\n    float: left;\n    font-family: 'Playfair Display', serif;\n    font-size: 5rem;\n    line-height: 0.85;\n    padding-right: 15px;\n    padding-top: 5px;\n    color: #D62828;\n    font-weight: 900;\n}\n\n\/* Caseta Atacul de Noapte (Dark Blue + Yellow) *\/\n.night-attack-box {\n    margin: 50px 0;\n    padding: 40px;\n    background: #003049;\n    color: #F5E0B7;\n    border-radius: 20px;\n    box-shadow: 15px 15px 0 #F9C80E; \/* Yellow accent *\/\n}\n\n.night-attack-box p { \n    color: #F5E0B7 !important; \n    text-align: left;\n    font-weight: 400 !important;\n}\n\n\/* Concluzie Legend\u0103 *\/\n.legend-conclusion {\n    margin-top: 60px;\n    padding: 40px;\n    background: #D62828; \/* Red pentru impact *\/\n    color: #ffffff !important;\n    text-align: center !important;\n    font-weight: 700 !important;\n    border-radius: 10px;\n    font-size: 1.3rem !important;\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 class=\"elementor-element elementor-element-680ae0b activitati e-flex e-con-boxed e-con e-parent\" data-id=\"680ae0b\" 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-020fc16 elementor-widget elementor-widget-html\" data-id=\"020fc16\" 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\">Activit\u00e9s<\/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\">Commencer<\/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\">\u00c9nigme<\/h3>\n                    <span class=\"elegant-btn\">Voir<\/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\">Compr\u00e9hension du texte<\/h3>\n                    <span class=\"elegant-btn\">Voir<\/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\">Chronologie<\/h3>\n                    <span class=\"elegant-btn\">Voir<\/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\">Voir<\/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 Retour au 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 ul { text-align: left; color: #333; font-size: clamp(0.95rem, 2.3vw, 1.15rem); line-height: 1.6; max-width: 620px; margin: 0 auto; padding-left: 22px; }\n.enigma-result ul li { margin-bottom: 8px; }\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.5rem, 4vw, 2.4rem); font-weight: 900; color: #003049; text-align: center; margin: 0 0 6px; line-height: 1.25; }\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: 180px; }\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-list-row { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }\n.itext-list-num { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; background: #003049; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }\n.itext-list-input { flex: 1; padding: 12px 16px; border: 1.5px solid #ddd; border-radius: 12px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #003049; }\n.itext-list-input:focus { outline: none; border-color: #FB6C13; }\n.itext-list-input.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-list-input.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 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() {\n    const QUIZ_DATA = [\n        { q: \"1. Qui \u00e9tait Vlad l'Empaleur ?\", a: [\"Un po\u00e8te\", \"Un peintre\", \"Un prince de Valachie\", \"Un explorateur\"], c: 2 },\n        { q: \"2. O\u00f9 est-il n\u00e9 ?\", a: [\"Bucarest\", \"Ia\u0219i\", \"Sighi\u0219oara\", \"Cluj\"], c: 2 },\n        { q: \"3. De quel ordre son p\u00e8re, Vlad Dracul, faisait-il partie ?\", a: [\"Ordre du Lion\", \"Ordre de la Couronne\", \"Ordre du Dragon\", \"Ordre des Templiers\"], c: 2 },\n        { q: \"4. Comment a-t-il re\u00e7u le nom \u00ab Dracula \u00bb ?\", a: [\"Parce qu'il vivait dans un ch\u00e2teau\", \"Parce qu'il \u00e9tait un personnage de conte\", \"Parce qu'il \u00e9tait le \u00ab fils du dragon \u00bb\", \"Parce qu'il \u00e9tait tr\u00e8s fort\"], c: 2 },\n        { q: \"5. \u00c0 quel \u00e2ge a-t-il \u00e9t\u00e9 envoy\u00e9 comme otage \u00e0 la cour du Sultan ?\", a: [\"5 ans\", \"8 ans\", \"11 ans\", \"15 ans\"], c: 2 },\n        { q: \"6. Quel \u00e9tait son ch\u00e2timent le plus c\u00e9l\u00e8bre ?\", a: [\"L'exil\", \"La prison\", \"L'empalement\", \"L'amende\"], c: 2 },\n        { q: \"7. Comment s'appelle sa c\u00e9l\u00e8bre action de juin 1462 ?\", a: [\"Bataille de C\u0103lug\u0103reni\", \"La Grande Guerre\", \"L'Attaque de Nuit\", \"Le Si\u00e8ge\"], c: 2 },\n        { q: \"8. Qui l'a transform\u00e9 en personnage l\u00e9gendaire, Dracula ?\", a: [\"William Shakespeare\", \"Victor Hugo\", \"Bram Stoker\", \"Jules Verne\"], c: 2 },\n        { q: \"9. Combien de temps a-t-il \u00e9t\u00e9 retenu prisonnier par Mathias Corvin ?\", a: [\"5 ans\", \"8 ans\", \"12 ans\", \"20 ans\"], c: 2 },\n        { q: \"10. Que nous enseigne l'histoire de Vlad l'Empaleur ?\", a: [\"L'histoire est simple\", \"Les l\u00e9gendes n'ont aucun lien avec la r\u00e9alit\u00e9\", \"Parfois l'histoire et la l\u00e9gende s'entrem\u00ealent\", \"Les princes n'ont pas d'ennemis\"], c: 2 }\n    ];\n    const LABELS = [\"A\", \"B\", \"C\", \"D\"];\n    const TOTAL = QUIZ_DATA.length;\n    const QUIZ_TITLE = \"Quiz Vlad l'Empaleur\";\n    const QUIZ_SPLASH_EMOJI = \"\ud83d\udc09\";\n    const QUIZ_LABEL = \"Question\";\n    const ACTIVITY_LABEL = \"Activit\u00e9\";\n    const SOON_LABEL = \"Bient\u00f4t disponible...\";\n    const START_LABEL = \"Commencer\";\n    const RETRY_LABEL = \"Refaire le test\";\n    function msgFinal(s) { return s === TOTAL ? \"Score parfait ! Tu es un v\u00e9ritable expert de l'histoire de Vlad l'Empaleur.\" : s >= 7 ? \"Excellent ! Tu as une solide culture sur ce souverain l\u00e9gendaire.\" : \"D\u00e9fi termin\u00e9 ! Lis encore un peu et r\u00e9essaie.\"; }\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\/1.jpg\";\n    const ENIGMA_WRONG   = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/16.jpg\";\n\n    \/\/ \u2500\u2500 Reading Comprehension data \u2014 Vlad \u021aepe\u0219 \u2500\u2500\n    const IT_IMG = ENIGMA_CORRECT;\n    const IT_PDF = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Intelegerea-textului-in-FR-6.pdf\";\n    const IT_FISA = {\n        nom:    [\"tepes\", \"dracula\", \"draculea\"],\n        prenom: [\"vlad\"],\n        annee:  [\"1431\"],\n        pere:   [\"vlad dracul\", \"dracul\"]\n    };\n    const IT_FISA_LABELS = { nom: \"Nom :\", prenom: \"Pr\u00e9nom :\", annee: \"Ann\u00e9e de naissance :\", pere: \"Nom du p\u00e8re :\" };\n    const IT_AF = [\n        { t: \"Enfant, Vlad \u021aepe\u0219 a grandi \u00e0 la cour princi\u00e8re de T\u00e2rgovi\u0219te.\", correct: false },\n        { t: \"Il a \u00e9t\u00e9 prince de Valachie et est connu pour sa lutte contre l'Empire ottoman.\", correct: true },\n        { t: \"La l\u00e9gende de Dracula a \u00e9t\u00e9 inspir\u00e9e par la personnalit\u00e9 et le nom de Vlad \u021aepe\u0219.\", correct: true }\n    ];\n    \/\/ Section 2, column 1 \u2014 LES ANN\u00c9ES (years present in the text)\n    const IT_KW_REASONS = [\n        [\"1431\"], [\"1456\"], [\"1462\"], [\"1475\"]\n    ];\n    \/\/ Section 2, column 2 \u2014 TRAITS DE CARACT\u00c8RE\n    const IT_KW_TRASATURI = [\n        [\"determin\"], [\"courage\", \"courageu\"], [\"severe\", \"cruel\", \"impitoyab\"], [\"respecte\", \"aime\"],\n        [\"juste\", \"ordre\", \"discipl\"], [\"stratege\", \"ruse\", \"intelligent\", \"malin\"], [\"patriot\", \"defense\", \"protege\"], [\"cultive\", \"instruit\", \"eduqu\", \"erudit\"]\n    ];\n    \/\/ Section 4 \u2014 three reasons why \u021aepe\u0219 was loved by the people (accept ANY named in the text)\n    const IT_ITEMS = [\n        [\"commerce\", \"marchands\"],\n        [\"routes\", \"villages\"],\n        [\"forteresses\", \"monasteres\"],\n        [\"paysans\", \"protege\"],\n        [\"prospere\", \"prosperite\", \"prospera\"],\n        [\"malfaiteurs\", \"sans crainte\", \"voyager\", \"securite\", \"plus sur\"]\n    ];\n    const IT_ITEM_ROWS = 3;\n    const IT_ITEM_MIN = 3;\n\n    function itextNorm(s) { return (s || \"\").normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '').toLowerCase(); }\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:\/\/clever-match-game.lovable.app\" width=\"100%\" height=\"800\" style=\"border:0;display:block;border-radius:16px;\" allowfullscreen loading=\"lazy\" title=\"Jeu d\u2019association \u2013 Vlad \u021aepe\u0219\"><\/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\">\u00abJe pr\u00e9f\u00e9rerais mourir plut\u00f4t que d'abandonner mon pays et mon peuple.\u00bb<\/p>\n                <p class=\"enigma-question\">Qui penses-tu aurait pu le dire ?<\/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=\"Personnalit\u00e9 ${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 Faux ! R\u00e9essaie.<\/p>\n                <button class=\"btn-retry\" onclick=\"window.showEnigma()\">R\u00e9essaie<\/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\">C'est Vlad \u021aepe\u0219 l'Empaleur<\/h2>\n                <img decoding=\"async\" src=\"${ENIGMA_CORRECT}\" alt=\"Vlad \u021aepe\u0219\">\n                <span class=\"enigma-playlist-label\">Laisse l'art te guider<\/span>\n                <p>Demande aux \u00e9l\u00e8ves de choisir secr\u00e8tement une personnalit\u00e9 et de la d\u00e9crire aux autres \u00e0 travers une chanson, un po\u00e8me ou une peinture.<\/p>\n                <button class=\"btn-retry\" onclick=\"window.showEnigma()\">Rejouer<\/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    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\n        loader.innerHTML = `\n            <div class=\"itext-wrap\">\n                <h2 class=\"itext-main-title\">Le prince qui a inspir\u00e9 la l\u00e9gende de Dracula<\/h2>\n                <p class=\"itext-subtitle\">Compr\u00e9hension du texte \u00b7 Vlad \u021aepe\u0219<\/p>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-green\">1. Fiche du personnage<\/div>\n                    <p class=\"itext-instruction\">Compl\u00e8te la fiche suivante, \u00e0 partir de l'histoire.<\/p>\n                    <div class=\"itext-fisa\">\n                        <img decoding=\"async\" src=\"${IT_IMG}\" alt=\"Vlad \u021aepe\u0219\">\n                        <div class=\"itext-fisa-fields\">${fisaRows}<\/div>\n                    <\/div>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckFisa()\">V\u00e9rifier la fiche<\/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. Rel\u00e8ve dans le texte<\/div>\n                    <p class=\"itext-instruction\">Rel\u00e8ve dans le texte les ann\u00e9es de son r\u00e8gne et les traits de caract\u00e8re du prince.<\/p>\n                    <div class=\"itext-cols\">\n                        <div>\n                            <div class=\"itext-col-title pasiuni\">Les ann\u00e9es<\/div>\n                            <textarea class=\"itext-textarea\" id=\"it-pasiuni\" placeholder=\"\u00c9cris ici...\"><\/textarea>\n                        <\/div>\n                        <div>\n                            <div class=\"itext-col-title trasaturi\">Traits de caract\u00e8re<\/div>\n                            <textarea class=\"itext-textarea\" id=\"it-trasaturi\" placeholder=\"\u00c9cris ici...\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckDescopera()\">V\u00e9rifier la r\u00e9ponse<\/button>\n                    <button class=\"itext-btn secondary\" data-label=\"Voir des r\u00e9ponses possibles\" onclick=\"window.itextToggleExamples('ex-descopera', this)\">Voir des r\u00e9ponses possibles<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"descopera-msg\"><\/div>\n                    <div class=\"itext-examples\" id=\"ex-descopera\">\n                        <strong>Les ann\u00e9es :<\/strong> 1431 (naissance), 1456 (deuxi\u00e8me r\u00e8gne, le plus important), 1462 (l'Attaque nocturne), 1475 (troisi\u00e8me r\u00e8gne).<br>\n                        <strong>Traits de caract\u00e8re :<\/strong> d\u00e9termin\u00e9, courageux, s\u00e9v\u00e8re, respect\u00e9 et aim\u00e9 du peuple, juste (il r\u00e9tablit l'ordre), strat\u00e8ge \/ rus\u00e9, patriote, cultiv\u00e9 \/ instruit.\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-red\">3. Vrai ou faux ?<\/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)\">V<\/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. Compl\u00e8te avec des informations du texte !<\/div>\n                    <p class=\"itext-instruction\">Rel\u00e8ve dans le texte trois raisons pour lesquelles \u021aepe\u0219 \u00e9tait aim\u00e9 du peuple.<\/p>\n                    ${Array.from({length: IT_ITEM_ROWS}).map((_, i) => `\n                        <div class=\"itext-list-row\">\n                            <div class=\"itext-list-num\">${i + 1}<\/div>\n                            <input class=\"itext-list-input\" id=\"item-${i}\" type=\"text\" autocomplete=\"off\" placeholder=\"Ta r\u00e9ponse...\">\n                        <\/div>`).join('')}\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckItems()\">V\u00e9rifier les r\u00e9ponses<\/button>\n                    <button class=\"itext-btn secondary\" data-label=\"Voir des exemples\" onclick=\"window.itextToggleExamples('ex-items', this)\">Voir des exemples<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"items-msg\"><\/div>\n                    <div class=\"itext-examples\" id=\"ex-items\">\n                        <strong>Raisons cit\u00e9es dans le texte (trois quelconques sont correctes) :<\/strong> il soutint le commerce ; il encouragea la construction de routes et de villages ; il renfor\u00e7a les forteresses et les monast\u00e8res ; il prot\u00e9gea les marchands et les paysans ; il rendit la Valachie plus s\u00fbre et plus prosp\u00e8re ; il chassa les malfaiteurs (on pouvait voyager sans crainte).\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-download\">\n                    <p class=\"itext-download-text\">Tu veux travailler la fiche aussi sur papier ?<\/p>\n                    <a href=\"${IT_PDF}\" target=\"_blank\" rel=\"noopener noreferrer\" download class=\"itext-btn itext-btn-download\">\ud83d\udcc4 T\u00e9l\u00e9charger la fiche PDF<\/a>\n                <\/div>\n            <\/div>`;\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 = itextNorm(inp.value).trim();\n            if (val) filled++;\n            const ok = val && IT_FISA[k].some(a => val.includes(itextNorm(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 = 'Compl\u00e8te d\\'abord les champs.';\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 Parfait ! Tu as bien compl\u00e9t\u00e9 la fiche.' : '\u274c V\u00e9rifie les champs en rouge et r\u00e9essaie.';\n    };\n\n    window.itextCheckDescopera = function() {\n        const rTxt = document.getElementById('it-pasiuni').value;\n        const tTxt = document.getElementById('it-trasaturi').value;\n        const msg = document.getElementById('descopera-msg');\n        if (!rTxt.trim() && !tTxt.trim()) {\n            msg.style.color = '#D62828';\n            msg.innerText = '\u00c9cris d\\'abord tes r\u00e9ponses dans les cases.';\n            return;\n        }\n        const r = itextCountGroups(rTxt, IT_KW_REASONS);\n        const t = itextCountGroups(tTxt, IT_KW_TRASATURI);\n        const ok = r >= 1 && t >= 2;\n        msg.style.color = ok ? '#004F2D' : '#B26A00';\n        msg.innerHTML = ok\n            ? `\u2705 Bravo ! Tu as relev\u00e9 ${r} ann\u00e9e(s) et ${t} traits de caract\u00e8re dans le texte.`\n            : `\ud83d\udd0e Tu as trouv\u00e9 ${r} ann\u00e9e(s) et ${t} traits. Relis le texte et r\u00e9essaie (clique sur \u00abVoir des r\u00e9ponses possibles\u00bb si tu as besoin d'aide).`;\n    };\n\n    window.itextCheckItems = function() {\n        const used = [];\n        let ok = 0, filled = 0;\n        for (let i = 0; i < IT_ITEM_ROWS; i++) {\n            const inp = document.getElementById('item-' + i);\n            inp.classList.remove('ok', 'no');\n            if (!inp.value.trim()) continue;\n            filled++;\n            const val = itextNorm(inp.value);\n            let matched = -1;\n            IT_ITEMS.forEach((g, gi) => { if (matched === -1 && used.indexOf(gi) === -1 && g.some(f => val.includes(itextNorm(f)))) matched = gi; });\n            if (matched >= 0) { used.push(matched); ok++; inp.classList.add('ok'); }\n            else inp.classList.add('no');\n        }\n        const msg = document.getElementById('items-msg');\n        if (filled === 0) {\n            msg.style.color = '#D62828';\n            msg.innerText = '\u00c9cris d\\'abord tes r\u00e9ponses.';\n            return;\n        }\n        const allOk = ok >= IT_ITEM_MIN;\n        msg.style.color = allOk ? '#004F2D' : '#B26A00';\n        msg.innerText = allOk\n            ? '\u2705 Bravo ! Tu as trouv\u00e9 trois raisons cit\u00e9es dans le texte.'\n            : `\ud83d\udd0e Tu en as reconnu ${ok}\/${IT_ITEM_MIN}. V\u00e9rifie ceux en rouge (clique sur \u00abVoir des exemples\u00bb si tu as besoin d'aide).`;\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 ? 'V' : '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') ? 'Masquer' : 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\">${QUIZ_SPLASH_EMOJI}<\/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-9eb4961 audio e-flex e-con-boxed e-con e-parent\" data-id=\"9eb4961\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f7a5d0c e-flex e-con-boxed e-con e-parent\" data-id=\"f7a5d0c\" 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-263ab97 elementor-widget elementor-widget-afd_audio_player\" data-id=\"263ab97\" 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\\\/Vlad-Tepes-3-v1.mp3&quot;,&quot;title&quot;:&quot;Vlad \\u021aepe\\u0219&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                    Vlad \u021aepe\u0219                <\/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>Justice \u2022 Mythe \u2022 Sacrifice VLAD \u021aEPE\u0218 Maison &gt; VLAD \u021aEPE\u0218 Le souverain qui a inspir\u00e9 la l\u00e9gende de Dracula Savais-tu que m\u00eame les histoires vraies commencent par\u2026 il \u00e9tait une fois ? Il existe un souverain dont on a tant parl\u00e9 que plus personne ne sait vraiment o\u00f9 s\u2019arr\u00eate la v\u00e9rit\u00e9 et o\u00f9 commence [&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-13362","page","type-page","status-publish","hentry"],"acf":[],"lang":"fr","translations":{"fr":13362,"en":13346,"ro":12654,"el":13352,"it":13357},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/13362","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=13362"}],"version-history":[{"count":43,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/13362\/revisions"}],"predecessor-version":[{"id":17907,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/13362\/revisions\/17907"}],"wp:attachment":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/media?parent=13362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}