{"id":1699,"date":"2026-08-19T03:06:47","date_gmt":"2026-08-19T03:06:47","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?page_id=1699"},"modified":"2026-08-19T04:21:46","modified_gmt":"2026-08-19T04:21:46","slug":"my-english-key-1","status":"publish","type":"page","link":"https:\/\/cuentoskecuentan.com\/?page_id=1699","title":{"rendered":"My English Key 1"},"content":{"rendered":"\n<!--\nMY ENGLISH KEY \u00b7 STARTER 1\nLESSON 1 \u00b7 ME AND MY ENGLISH \u00b7 SPEAKING ADVENTURE\nIdentidad: Cuentos ke Cuentan + KEY by Mara Nieto\nPegar completo en un bloque \u201cHTML personalizado\u201d de WordPress.\nSin librer\u00edas externas.\n-->\n\n<div id=\"mek-l1-final\">\n<style>\n#mek-l1-final{\n  --purple:#793D7A;\n  --purple-dark:#572A59;\n  --purple-mid:#A77AAA;\n  --lilac:#F7F0F8;\n  --lilac-2:#EEE2F1;\n  --yellow:#F6C744;\n  --yellow-soft:#FFF8DA;\n  --ink:#352D36;\n  --gray:#6E6670;\n  --green:#4B936C;\n  --green-soft:#E9F6EF;\n  --red:#B75968;\n  --red-soft:#FFF0F2;\n  --blue:#4D78A5;\n  --blue-soft:#EDF4FA;\n  --white:#FFFFFF;\n  max-width:1040px;\n  margin:24px auto;\n  font-family:Lato,Arial,sans-serif;\n  color:var(--ink);\n  line-height:1.45;\n}\n#mek-l1-final *{box-sizing:border-box}\n#mek-l1-final button,#mek-l1-final input,#mek-l1-final select{font:inherit}\n#mek-l1-final button{touch-action:manipulation}\n\n#mek-l1-final .book{\n  background:#fff;\n  border:3px solid var(--purple);\n  border-radius:32px;\n  overflow:hidden;\n  box-shadow:0 16px 38px rgba(84,43,87,.16);\n}\n#mek-l1-final .top{\n  position:relative;\n  padding:27px 29px 23px;\n  background:\n    radial-gradient(circle at 92% 18%,rgba(246,199,68,.24) 0 55px,transparent 56px),\n    radial-gradient(circle at 82% 88%,rgba(121,61,122,.08) 0 80px,transparent 81px),\n    linear-gradient(135deg,#fff 0%,#fff 67%,#fbf6fc 100%);\n  border-bottom:5px solid var(--yellow);\n  overflow:hidden;\n}\n#mek-l1-final .top:after{\n  content:\"\u2661  \u2726  &#x1f511;\";\n  position:absolute;\n  right:25px;\n  bottom:12px;\n  color:var(--purple);\n  font-size:20px;\n  letter-spacing:8px;\n  opacity:.72;\n}\n#mek-l1-final .brandrow{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}\n#mek-l1-final .ckc{font-weight:900;color:var(--purple);font-size:20px}\n#mek-l1-final .ckc .ke{\n  display:inline-block;background:var(--yellow);color:var(--purple-dark);\n  padding:1px 6px;border-radius:8px;transform:rotate(-3deg)\n}\n#mek-l1-final .keybrand{font-weight:900;color:var(--purple);font-size:18px}\n#mek-l1-final .keybrand b{color:var(--yellow)}\n#mek-l1-final h2{\n  margin:14px 0 4px;color:var(--purple);\n  font-size:clamp(32px,5vw,50px);line-height:1.04\n}\n#mek-l1-final .subtitle{margin:0;color:var(--gray);font-size:18px;max-width:820px}\n#mek-l1-final .identity-note{\n  margin-top:15px;display:inline-flex;gap:8px;align-items:center;\n  background:var(--yellow-soft);border:1.5px solid #efd46f;border-radius:999px;\n  padding:8px 14px;color:var(--purple-dark);font-weight:900\n}\n\n\/* PATH *\/\n#mek-l1-final .pathwrap{\n  padding:18px 20px;background:var(--lilac);\n  border-bottom:1px solid #e7dbe9;overflow-x:auto\n}\n#mek-l1-final .path{\n  display:grid;grid-template-columns:repeat(7,minmax(96px,1fr));\n  gap:6px;position:relative;min-width:720px\n}\n#mek-l1-final .path:before{\n  content:\"\";position:absolute;left:6%;right:6%;top:21px;\n  border-top:3px dashed var(--purple-mid);z-index:0\n}\n#mek-l1-final .step{position:relative;z-index:1;text-align:center}\n#mek-l1-final .dot{\n  width:45px;height:45px;border-radius:50%;display:grid;place-items:center;\n  margin:0 auto 6px;background:#fff;border:3px solid var(--purple-mid);\n  color:var(--purple);font-weight:900\n}\n#mek-l1-final .step.active .dot,#mek-l1-final .step.done .dot{\n  background:var(--purple);color:#fff;border-color:var(--purple)\n}\n#mek-l1-final .step.done .dot{font-size:0}\n#mek-l1-final .step.done .dot:after{content:\"\u2713\";font-size:20px}\n#mek-l1-final .step.locked{opacity:.42}\n#mek-l1-final .step small{\n  font-weight:900;color:var(--purple-dark);font-size:12px\n}\n\n#mek-l1-final .status{\n  display:flex;gap:10px;justify-content:flex-end;align-items:center;\n  padding:12px 22px;background:#fff;border-bottom:1px solid #eee4ef;flex-wrap:wrap\n}\n#mek-l1-final .pill{\n  padding:7px 12px;border-radius:999px;background:var(--purple);\n  color:#fff;font-weight:900\n}\n#mek-l1-final .pill.yellow{background:var(--yellow);color:var(--purple-dark)}\n#mek-l1-final .content{padding:25px}\n#mek-l1-final .screen{display:none}\n#mek-l1-final .screen.active{display:block}\n\n\/* CHARACTER IDENTITY *\/\n#mek-l1-final .guide{\n  display:grid;grid-template-columns:92px 1fr;gap:16px;\n  align-items:center;margin-bottom:18px\n}\n#mek-l1-final .avatar{\n  width:84px;height:84px;border-radius:50%;display:grid;place-items:center;\n  font-size:45px;background:var(--yellow-soft);border:4px solid var(--yellow);\n  box-shadow:0 6px 14px rgba(90,44,92,.10)\n}\n#mek-l1-final .avatar.purple{background:var(--lilac-2);border-color:var(--purple)}\n#mek-l1-final .avatar.gray{background:#F0EFF1;border-color:#9B929D}\n#mek-l1-final .speech{\n  position:relative;background:#fff;border:2px solid var(--purple);\n  border-radius:20px;padding:14px 16px;color:var(--purple-dark);font-weight:800\n}\n#mek-l1-final .speech:before{\n  content:\"\";position:absolute;left:-13px;top:30px;width:22px;height:22px;\n  background:#fff;border-left:2px solid var(--purple);\n  border-bottom:2px solid var(--purple);transform:rotate(45deg)\n}\n\n\/* GENERAL CARDS *\/\n#mek-l1-final .card{\n  border:2px solid #E7DBE9;border-radius:23px;padding:20px;margin:14px 0;background:#fff\n}\n#mek-l1-final .card.yellow{background:var(--yellow-soft);border-color:#EFD873}\n#mek-l1-final .card.lilac{background:var(--lilac);border-color:#DCC9DF}\n#mek-l1-final .card.blue{background:var(--blue-soft);border-color:#cadbe9}\n#mek-l1-final .card h3{margin:0 0 9px;color:var(--purple);font-size:26px}\n#mek-l1-final .muted{color:var(--gray);margin-top:0}\n\n#mek-l1-final .storypaper{\n  background:#fff;border:2px dashed var(--purple-mid);\n  border-radius:20px;padding:19px;font-size:18px;position:relative\n}\n#mek-l1-final .storypaper:after{\n  content:\"\u2661\";position:absolute;right:16px;bottom:8px;\n  color:var(--yellow);font-size:30px\n}\n#mek-l1-final .storypaper strong{color:var(--purple)}\n#mek-l1-final .valuecorner{\n  margin-top:14px;display:grid;grid-template-columns:55px 1fr;gap:12px;\n  align-items:center;background:var(--yellow-soft);border-left:6px solid var(--yellow);\n  border-radius:16px;padding:13px 15px\n}\n#mek-l1-final .valueicon{font-size:35px;text-align:center}\n#mek-l1-final .valuecorner b{color:var(--purple-dark)}\n\n#mek-l1-final .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}\n#mek-l1-final .btn{\n  border:0;border-radius:14px;padding:10px 14px;font-weight:900;cursor:pointer;\n  transition:transform .16s ease,opacity .16s ease\n}\n#mek-l1-final .btn:hover{transform:translateY(-1px)}\n#mek-l1-final .btn:disabled{opacity:.43;cursor:not-allowed;transform:none}\n#mek-l1-final .primary{background:var(--purple);color:#fff}\n#mek-l1-final .yellowbtn{background:var(--yellow);color:var(--purple-dark)}\n#mek-l1-final .soft{background:var(--lilac-2);color:var(--purple-dark)}\n#mek-l1-final .green{background:var(--green);color:#fff}\n#mek-l1-final .red{background:var(--red);color:#fff}\n#mek-l1-final .bluebtn{background:var(--blue);color:#fff}\n\n#mek-l1-final .questiongrid{\n  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px\n}\n#mek-l1-final .question{\n  border:2px solid #E7DBE9;border-radius:18px;padding:15px;background:#fff\n}\n#mek-l1-final .question b{\n  display:block;color:var(--purple-dark);font-size:18px;margin-bottom:9px\n}\n#mek-l1-final .choices{display:flex;gap:8px;flex-wrap:wrap}\n#mek-l1-final .choice{\n  border:2px solid var(--purple-mid);background:#fff;color:var(--purple-dark);\n  border-radius:13px;padding:9px 12px;font-weight:900;cursor:pointer\n}\n#mek-l1-final .choice.correct{\n  background:var(--green-soft);border-color:var(--green);color:#2E6C4E\n}\n#mek-l1-final .choice.wrong{\n  background:var(--red-soft);border-color:var(--red);color:#8B3E49\n}\n#mek-l1-final .feedback{\n  margin-top:12px;padding:12px 14px;border-radius:14px;font-weight:800;display:none\n}\n#mek-l1-final .feedback.show{display:block}\n#mek-l1-final .feedback.ok{background:var(--green-soft);color:#2E6C4F}\n#mek-l1-final .feedback.try{background:var(--yellow-soft);color:#74590E}\n#mek-l1-final .unlock{\n  margin-top:14px;padding:12px 14px;border-radius:14px;\n  background:var(--lilac);color:var(--purple-dark);font-weight:800\n}\n\n\/* GREETINGS *\/\n#mek-l1-final .phrasegrid{\n  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px\n}\n#mek-l1-final .phrase{\n  border:2px solid #E6D9E8;border-radius:19px;padding:16px;background:#fff\n}\n#mek-l1-final .phrase strong{\n  display:block;font-size:22px;color:var(--purple-dark);margin-bottom:7px\n}\n#mek-l1-final .phrase.done{border-color:var(--green);background:var(--green-soft)}\n\n\/* PRONOUNS *\/\n#mek-l1-final .pronoungrid{\n  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px\n}\n#mek-l1-final .pronouncard{\n  border:2px solid #E5D8E7;border-radius:18px;padding:15px;background:#fff\n}\n#mek-l1-final .pronouncard .picon{font-size:38px;margin-bottom:3px}\n#mek-l1-final .pronouncard strong{\n  display:block;color:var(--purple);font-size:22px\n}\n#mek-l1-final .pronouncard .example{color:var(--gray);margin-top:3px}\n#mek-l1-final .pronouncard.done{\n  background:var(--green-soft);border-color:var(--green)\n}\n\n\/* TO BE *\/\n#mek-l1-final .tobegrid{\n  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px\n}\n#mek-l1-final .tobecard{\n  border:2px solid #E5D8E7;border-radius:18px;padding:15px;background:#fff\n}\n#mek-l1-final .tobecard strong{\n  display:block;color:var(--purple);font-size:21px\n}\n#mek-l1-final .tobecard span{color:var(--gray)}\n#mek-l1-final .tobecard.done{\n  background:var(--green-soft);border-color:var(--green)\n}\n\n\/* QUESTIONS + A\/AN *\/\n#mek-l1-final .languagegrid{\n  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px\n}\n#mek-l1-final .languagecard{\n  border:2px solid #E5D8E7;border-radius:19px;padding:16px;background:#fff\n}\n#mek-l1-final .languagecard .bigicon{\n  text-align:center;font-size:44px;min-height:52px\n}\n#mek-l1-final .model{\n  margin-top:11px;border-left:6px solid var(--yellow);background:var(--lilac);\n  border-radius:12px;padding:12px 14px;color:var(--purple-dark);\n  font-weight:900;font-size:19px\n}\n\n\/* PROFILE MISSIONS *\/\n#mek-l1-final .profilemissions{display:grid;gap:14px;margin-top:14px}\n#mek-l1-final .profilemission{\n  border:2px solid #E5D8E7;border-radius:20px;padding:16px;background:#fff\n}\n#mek-l1-final .profilemission.done{\n  border-color:var(--green);background:var(--green-soft)\n}\n#mek-l1-final .profilemission h4{\n  margin:0 0 8px;color:var(--purple);font-size:20px\n}\n#mek-l1-final .minirow{\n  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px\n}\n#mek-l1-final label{font-weight:900;color:var(--purple-dark)}\n#mek-l1-final input,#mek-l1-final select{\n  width:100%;margin-top:6px;border:2px solid #D9C7DC;\n  border-radius:12px;padding:11px 12px;background:#fff\n}\n#mek-l1-final input:focus,#mek-l1-final select:focus{\n  outline:3px solid rgba(246,199,68,.34);border-color:var(--purple)\n}\n#mek-l1-final .progressbig{\n  margin-top:14px;padding:13px 15px;border-radius:16px;background:var(--yellow-soft);\n  border:2px solid #EFD873;color:var(--purple-dark);font-weight:900;text-align:center\n}\n\n\/* DIALOGUE *\/\n#mek-l1-final .dialogue{\n  border:2px solid #E5D8E7;border-radius:20px;background:#fff;padding:16px\n}\n#mek-l1-final .line{\n  display:grid;grid-template-columns:78px 1fr;gap:8px;\n  padding:8px 0;border-bottom:1px dashed #E1D3E3\n}\n#mek-l1-final .line:last-child{border-bottom:0}\n#mek-l1-final .who{font-weight:900;color:var(--purple)}\n#mek-l1-final .line.leo .who{color:var(--blue)}\n\n\/* FINAL *\/\n#mek-l1-final .missiongrid{\n  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px\n}\n#mek-l1-final .mission{\n  border:2px solid #E5D8E7;border-radius:18px;padding:15px;background:#fff\n}\n#mek-l1-final .mission .mnum{\n  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;\n  background:var(--yellow);color:var(--purple-dark);font-weight:900;margin-bottom:8px\n}\n#mek-l1-final .mission strong{color:var(--purple-dark);font-size:18px}\n#mek-l1-final .checkrow{display:grid;gap:9px;margin-top:13px}\n#mek-l1-final .selfcheck{\n  display:flex;gap:10px;align-items:center;border:2px solid #E5D8E7;\n  border-radius:14px;padding:10px 12px;background:#fff;cursor:pointer;font-weight:800\n}\n#mek-l1-final .selfcheck input{width:auto;margin:0;transform:scale(1.25)}\n\n#mek-l1-final .rec{\n  margin-top:14px;padding:15px;border:2px dashed var(--purple);\n  border-radius:18px;background:#fff\n}\n#mek-l1-final .recstatus{\n  min-height:24px;margin-top:8px;font-weight:900;color:var(--purple-dark)\n}\n#mek-l1-final audio{width:100%;margin-top:10px}\n\n#mek-l1-final .finish{\n  display:none;text-align:center;margin-top:18px;padding:24px;\n  background:linear-gradient(180deg,#FFF9DE,#fff);\n  border:2px solid var(--yellow);border-radius:23px\n}\n#mek-l1-final .finish.show{display:block}\n#mek-l1-final .finish .big{font-size:52px;line-height:1}\n#mek-l1-final .badge{\n  display:inline-block;margin-top:8px;padding:8px 15px;border-radius:999px;\n  background:var(--purple);color:#fff;font-weight:900\n}\n#mek-l1-final .footerbrand{\n  text-align:center;padding:16px;background:var(--purple);color:#fff;font-weight:900\n}\n#mek-l1-final .footerbrand span{color:var(--yellow)}\n\n@media(max-width:820px){\n  #mek-l1-final .questiongrid,#mek-l1-final .phrasegrid,#mek-l1-final .pronoungrid,\n  #mek-l1-final .tobegrid,#mek-l1-final .languagegrid,#mek-l1-final .missiongrid,\n  #mek-l1-final .minirow{grid-template-columns:1fr}\n  #mek-l1-final .guide{grid-template-columns:70px 1fr}\n  #mek-l1-final .avatar{width:66px;height:66px;font-size:35px}\n  #mek-l1-final .content{padding:16px}\n  #mek-l1-final .top{padding:22px 18px}\n}\n<\/style>\n\n<div class=\"book\">\n\n  <header class=\"top\">\n    <div class=\"brandrow\">\n      <div class=\"ckc\">Cuentos <span class=\"ke\">ke<\/span> Cuentan \u2661<\/div>\n      <div class=\"keybrand\">My English <b>Key<\/b> \u00b7 Starter 1<\/div>\n    <\/div>\n    <h2>Lesson 1 \u00b7 Me and My English<\/h2>\n    <p class=\"subtitle\">\n      A first speaking adventure with greetings, personal pronouns,\n      the verb <b>to be<\/b>, simple questions and <b>a \/ an<\/b>.\n    <\/p>\n    <div class=\"identity-note\">&#x1f511; Small steps \u00b7 first words \u00b7 real speaking \u00b7 growing confidence<\/div>\n  <\/header>\n\n  <div class=\"pathwrap\">\n    <div class=\"path\">\n      <div class=\"step active\" data-step=\"1\"><div class=\"dot\">1<\/div><small>Story<\/small><\/div>\n      <div class=\"step locked\" data-step=\"2\"><div class=\"dot\">2<\/div><small>Greetings<\/small><\/div>\n      <div class=\"step locked\" data-step=\"3\"><div class=\"dot\">3<\/div><small>Pronouns<\/small><\/div>\n      <div class=\"step locked\" data-step=\"4\"><div class=\"dot\">4<\/div><small>To Be<\/small><\/div>\n      <div class=\"step locked\" data-step=\"5\"><div class=\"dot\">5<\/div><small>Questions<\/small><\/div>\n      <div class=\"step locked\" data-step=\"6\"><div class=\"dot\">6<\/div><small>My Profile<\/small><\/div>\n      <div class=\"step locked\" data-step=\"7\"><div class=\"dot\">7<\/div><small>Speak!<\/small><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"status\">\n    <div class=\"pill yellow\">&#x2b50; <span id=\"l1pts\">0<\/span> points<\/div>\n    <div class=\"pill\">&#x1f511; Step <span id=\"l1level\">1<\/span>\/7<\/div>\n  <\/div>\n\n  <main class=\"content\">\n\n    <!-- STEP 1 -->\n    <section class=\"screen active\" data-screen=\"1\">\n      <div class=\"guide\">\n        <div class=\"avatar purple\">&#x1f467;&#x1f3fb;<\/div>\n        <div class=\"speech\">\n          <strong>Keyla says:<\/strong> \u201cWelcome! Today we open our first English Key. Listen to how Leo and I meet.\u201d\n        <\/div>\n      <\/div>\n\n      <div class=\"card lilac\">\n        <h3>1. A new friend<\/h3>\n        <div class=\"storypaper\">\n          Keyla sees Leo at school.\n          \u201c<strong>Hello!<\/strong>\u201d says Keyla.\n          Leo smiles. \u201c<strong>Hi! I am Leo.<\/strong>\u201d\n          Keyla says, \u201c<strong>I am Keyla. Nice to meet you!<\/strong>\u201d\n          Leo asks, \u201c<strong>How are you?<\/strong>\u201d\n          Keyla answers, \u201c<strong>I am fine, thank you!<\/strong>\u201d\n          Misu walks between them and says, \u201cMeow!\u201d\n          Keyla and Leo laugh. A new friendship begins.\n        <\/div>\n\n        <div class=\"actions\">\n          <button class=\"btn yellowbtn listen\"\n            data-text=\"Keyla sees Leo at school. Hello, says Keyla. Leo smiles. Hi! I am Leo. Keyla says, I am Keyla. Nice to meet you! Leo asks, How are you? Keyla answers, I am fine, thank you! Misu walks between them and says, Meow! Keyla and Leo laugh. A new friendship begins.\">\n            &#x1f50a; Listen to the story\n          <\/button>\n          <button class=\"btn primary\" id=\"storyHeard1\">&#x1f442; I listened<\/button>\n        <\/div>\n\n        <div class=\"valuecorner\">\n          <div class=\"valueicon\">&#x1f49c;<\/div>\n          <div>\n            <b>Value corner \u00b7 Kindness<\/b><br>\n            God created every person with value. We can make others feel welcome by greeting them with kindness and respect.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"card\">\n        <h3>Story check<\/h3>\n        <p class=\"muted\">Choose the correct answer.<\/p>\n\n        <div class=\"questiongrid\">\n          <div class=\"question story-q1\" data-ok=\"0\">\n            <b>1. What does Keyla say first?<\/b>\n            <div class=\"choices\">\n              <button class=\"choice\" data-correct=\"1\">Hello!<\/button>\n              <button class=\"choice\">Goodbye!<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"question story-q1\" data-ok=\"0\">\n            <b>2. Who says \u201cI am Leo\u201d?<\/b>\n            <div class=\"choices\">\n              <button class=\"choice\" data-correct=\"1\">Leo<\/button>\n              <button class=\"choice\">Misu<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"question story-q1\" data-ok=\"0\">\n            <b>3. Keyla says\u2026<\/b>\n            <div class=\"choices\">\n              <button class=\"choice\" data-correct=\"1\">I am Keyla.<\/button>\n              <button class=\"choice\">I is Keyla.<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"question story-q1\" data-ok=\"0\">\n            <b>4. How is Keyla?<\/b>\n            <div class=\"choices\">\n              <button class=\"choice\" data-correct=\"1\">She is fine.<\/button>\n              <button class=\"choice\">She is a book.<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"unlock\" id=\"unlockStory1\">&#x1f512; Listen and answer all 4 questions.<\/div>\n        <div class=\"actions\">\n          <button class=\"btn primary next\" data-next=\"2\" id=\"nextStory1\" disabled>Greetings \u2192<\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- STEP 2 -->\n    <section class=\"screen\" data-screen=\"2\">\n      <div class=\"guide\">\n        <div class=\"avatar gray\">&#x1f431;<\/div>\n        <div class=\"speech\">\n          <strong>Misu says:<\/strong> \u201cFirst words are important! Listen and repeat every greeting.\u201d\n        <\/div>\n      <\/div>\n\n      <div class=\"card yellow\">\n        <h3>2. Greetings and farewells<\/h3>\n        <p class=\"muted\">Listen and repeat all six expressions.<\/p>\n\n        <div class=\"phrasegrid\">\n          <div class=\"phrase\" data-done=\"0\">\n            <strong>&#x1f44b; Hello!<\/strong>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"Hello!\">&#x1f50a; Listen<\/button>\n              <button class=\"btn primary greeting-said\">&#x1f3a4; I said it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"phrase\" data-done=\"0\">\n            <strong>&#x1f44b; Hi!<\/strong>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"Hi!\">&#x1f50a; Listen<\/button>\n              <button class=\"btn primary greeting-said\">&#x1f3a4; I said it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"phrase\" data-done=\"0\">\n            <strong>&#x1f49c; Nice to meet you!<\/strong>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"Nice to meet you!\">&#x1f50a; Listen<\/button>\n              <button class=\"btn primary greeting-said\">&#x1f3a4; I said it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"phrase\" data-done=\"0\">\n            <strong>&#x1f642; How are you?<\/strong>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"How are you?\">&#x1f50a; Listen<\/button>\n              <button class=\"btn primary greeting-said\">&#x1f3a4; I said it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"phrase\" data-done=\"0\">\n            <strong>&#x2b50; I am fine, thank you.<\/strong>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"I am fine, thank you.\">&#x1f50a; Listen<\/button>\n              <button class=\"btn primary greeting-said\">&#x1f3a4; I said it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"phrase\" data-done=\"0\">\n            <strong>&#x1f44b; Goodbye!<\/strong>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"Goodbye!\">&#x1f50a; Listen<\/button>\n              <button class=\"btn primary greeting-said\">&#x1f3a4; I said it<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"unlock\" id=\"unlockGreetings1\">&#x1f512; Say all 6 expressions.<\/div>\n\n        <div class=\"actions\">\n          <button class=\"btn soft next\" data-next=\"1\">\u2190 Story<\/button>\n          <button class=\"btn primary next\" data-next=\"3\" id=\"nextGreetings1\" disabled>Pronouns \u2192<\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- STEP 3 -->\n    <section class=\"screen\" data-screen=\"3\">\n      <div class=\"guide\">\n        <div class=\"avatar purple\">&#x1f467;&#x1f3fb;<\/div>\n        <div class=\"speech\">\n          <strong>Keyla says:<\/strong> \u201cPronouns help us talk about people and things without repeating their names.\u201d\n        <\/div>\n      <\/div>\n\n      <div class=\"card lilac\">\n        <h3>3. Meet the pronouns<\/h3>\n        <p class=\"muted\">Listen to each example and repeat the whole sentence.<\/p>\n\n        <div class=\"pronoungrid\">\n          <div class=\"pronouncard\" data-pdone=\"0\">\n            <div class=\"picon\">&#x1f64b;<\/div>\n            <strong>I<\/strong>\n            <div class=\"example\">I am Keyla.<\/div>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"I. I am Keyla.\">&#x1f50a;<\/button>\n              <button class=\"btn primary pronoun-said\">&#x1f3a4; Say it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"pronouncard\" data-pdone=\"0\">\n            <div class=\"picon\">&#x1f449;<\/div>\n            <strong>you<\/strong>\n            <div class=\"example\">You are my friend.<\/div>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"You. You are my friend.\">&#x1f50a;<\/button>\n              <button class=\"btn primary pronoun-said\">&#x1f3a4; Say it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"pronouncard\" data-pdone=\"0\">\n            <div class=\"picon\">&#x1f466;<\/div>\n            <strong>he<\/strong>\n            <div class=\"example\">He is Leo.<\/div>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"He. He is Leo.\">&#x1f50a;<\/button>\n              <button class=\"btn primary pronoun-said\">&#x1f3a4; Say it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"pronouncard\" data-pdone=\"0\">\n            <div class=\"picon\">&#x1f467;<\/div>\n            <strong>she<\/strong>\n            <div class=\"example\">She is Keyla.<\/div>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"She. She is Keyla.\">&#x1f50a;<\/button>\n              <button class=\"btn primary pronoun-said\">&#x1f3a4; Say it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"pronouncard\" data-pdone=\"0\">\n            <div class=\"picon\">&#x1f431;<\/div>\n            <strong>it<\/strong>\n            <div class=\"example\">It is Misu.<\/div>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"It. It is Misu.\">&#x1f50a;<\/button>\n              <button class=\"btn primary pronoun-said\">&#x1f3a4; Say it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"pronouncard\" data-pdone=\"0\">\n            <div class=\"picon\">&#x1f467;&#x1f466;<\/div>\n            <strong>we<\/strong>\n            <div class=\"example\">We are friends.<\/div>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"We. We are friends.\">&#x1f50a;<\/button>\n              <button class=\"btn primary pronoun-said\">&#x1f3a4; Say it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"pronouncard\" data-pdone=\"0\">\n            <div class=\"picon\">&#x1f467;&#x1f466;&#x1f467;<\/div>\n            <strong>they<\/strong>\n            <div class=\"example\">They are students.<\/div>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"They. They are students.\">&#x1f50a;<\/button>\n              <button class=\"btn primary pronoun-said\">&#x1f3a4; Say it<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"unlock\" id=\"unlockPronouns1\">&#x1f512; Repeat all 7 pronoun examples.<\/div>\n\n        <div class=\"actions\">\n          <button class=\"btn soft next\" data-next=\"2\">\u2190 Greetings<\/button>\n          <button class=\"btn primary next\" data-next=\"4\" id=\"nextPronouns1\" disabled>Verb to be \u2192<\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- STEP 4 -->\n    <section class=\"screen\" data-screen=\"4\">\n      <div class=\"guide\">\n        <div class=\"avatar\">&#x1f466;&#x1f3fb;<\/div>\n        <div class=\"speech\">\n          <strong>Leo says:<\/strong> \u201cLet\u2019s make this simple. Complete THREE missions with <em>am, is, are<\/em>. When you reach 3\/3, Step 5 opens automatically.\u201d\n        <\/div>\n      <\/div>\n\n      <div class=\"card lilac\">\n        <h3>4. The verb TO BE<\/h3>\n        <p class=\"muted\">\n          First, listen to the complete family. This part is practice only and does <b>not<\/b> block your progress.\n        <\/p>\n\n        <div class=\"tobegrid\">\n          <div class=\"tobecard\">\n            <strong>I am<\/strong><span>I am a student.<\/span>\n            <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"I am. I am a student.\">&#x1f50a; Listen<\/button><\/div>\n          <\/div>\n          <div class=\"tobecard\">\n            <strong>You are<\/strong><span>You are my friend.<\/span>\n            <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"You are. You are my friend.\">&#x1f50a; Listen<\/button><\/div>\n          <\/div>\n          <div class=\"tobecard\">\n            <strong>He is<\/strong><span>He is Leo.<\/span>\n            <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"He is. He is Leo.\">&#x1f50a; Listen<\/button><\/div>\n          <\/div>\n          <div class=\"tobecard\">\n            <strong>She is<\/strong><span>She is Keyla.<\/span>\n            <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"She is. She is Keyla.\">&#x1f50a; Listen<\/button><\/div>\n          <\/div>\n          <div class=\"tobecard\">\n            <strong>It is<\/strong><span>It is a cat.<\/span>\n            <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"It is. It is a cat.\">&#x1f50a; Listen<\/button><\/div>\n          <\/div>\n          <div class=\"tobecard\">\n            <strong>We are<\/strong><span>We are friends.<\/span>\n            <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"We are. We are friends.\">&#x1f50a; Listen<\/button><\/div>\n          <\/div>\n          <div class=\"tobecard\">\n            <strong>They are<\/strong><span>They are students.<\/span>\n            <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"They are. They are students.\">&#x1f50a; Listen<\/button><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"card yellow\">\n        <h3>3 TO BE Missions<\/h3>\n        <p class=\"muted\">Choose the correct form and then say the complete sentence aloud.<\/p>\n\n        <div class=\"profilemissions\">\n\n          <div class=\"profilemission\" id=\"toBeMission1\">\n            <h4>Mission 1 \u00b7 I \u2192 am<\/h4>\n            <b>I ___ a student.<\/b>\n            <div class=\"choices\" style=\"margin-top:10px\">\n              <button class=\"choice tobe-mission-choice\" data-mission=\"1\" data-val=\"am\">am<\/button>\n              <button class=\"choice tobe-mission-choice\" data-mission=\"1\" data-val=\"is\">is<\/button>\n              <button class=\"choice tobe-mission-choice\" data-mission=\"1\" data-val=\"are\">are<\/button>\n            <\/div>\n            <div class=\"model\" id=\"toBeModel1\">Choose am, is or are.<\/div>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn\" id=\"toBeListen1\" disabled>&#x1f50a; Listen<\/button>\n              <button class=\"btn primary\" id=\"toBeDone1\" disabled>&#x1f3a4; I said it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"profilemission\" id=\"toBeMission2\">\n            <h4>Mission 2 \u00b7 He \/ She \/ It \u2192 is<\/h4>\n            <b>She ___ Keyla.<\/b>\n            <div class=\"choices\" style=\"margin-top:10px\">\n              <button class=\"choice tobe-mission-choice\" data-mission=\"2\" data-val=\"am\">am<\/button>\n              <button class=\"choice tobe-mission-choice\" data-mission=\"2\" data-val=\"is\">is<\/button>\n              <button class=\"choice tobe-mission-choice\" data-mission=\"2\" data-val=\"are\">are<\/button>\n            <\/div>\n            <div class=\"model\" id=\"toBeModel2\">Choose am, is or are.<\/div>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn\" id=\"toBeListen2\" disabled>&#x1f50a; Listen<\/button>\n              <button class=\"btn primary\" id=\"toBeDone2\" disabled>&#x1f3a4; I said it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"profilemission\" id=\"toBeMission3\">\n            <h4>Mission 3 \u00b7 You \/ We \/ They \u2192 are<\/h4>\n            <b>We ___ friends.<\/b>\n            <div class=\"choices\" style=\"margin-top:10px\">\n              <button class=\"choice tobe-mission-choice\" data-mission=\"3\" data-val=\"am\">am<\/button>\n              <button class=\"choice tobe-mission-choice\" data-mission=\"3\" data-val=\"is\">is<\/button>\n              <button class=\"choice tobe-mission-choice\" data-mission=\"3\" data-val=\"are\">are<\/button>\n            <\/div>\n            <div class=\"model\" id=\"toBeModel3\">Choose am, is or are.<\/div>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn\" id=\"toBeListen3\" disabled>&#x1f50a; Listen<\/button>\n              <button class=\"btn primary\" id=\"toBeDone3\" disabled>&#x1f3a4; I said it<\/button>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"progressbig\">\n          &#x2b50; TO BE missions completed: <span id=\"toBeProgress1\">0<\/span>\/3\n        <\/div>\n\n        <div class=\"unlock\" id=\"unlockToBe1\">&#x1f512; Complete Mission 1, Mission 2 and Mission 3.<\/div>\n\n        <div class=\"actions\">\n          <button class=\"btn soft next\" data-next=\"3\">\u2190 Pronouns<\/button>\n          <button class=\"btn primary next\" data-next=\"5\" id=\"nextToBe1\" disabled>Questions \u2192<\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n    <!-- STEP 5 -->\n    <section class=\"screen\" data-screen=\"5\">\n      <div class=\"guide\">\n        <div class=\"avatar gray\">&#x1f431;<\/div>\n        <div class=\"speech\">\n          <strong>Misu says:<\/strong> \u201cListen for the question word. Then choose the answer. We will also practice <em>a<\/em> and <em>an<\/em>.\u201d\n        <\/div>\n      <\/div>\n\n      <div class=\"card lilac\">\n        <h3>5. Questions and answers<\/h3>\n\n        <div class=\"languagegrid\">\n          <div class=\"languagecard language-q1\" data-done=\"0\" data-answer=\"My name is Ben.\" data-audio=\"What is your name? My name is Ben.\">\n            <div class=\"bigicon\">&#x1f64b;<\/div>\n            <b>What is your name?<\/b>\n            <div class=\"choices\">\n              <button class=\"choice\" data-val=\"My name is Ben.\">My name is Ben.<\/button>\n              <button class=\"choice\" data-val=\"I am eight.\">I am eight.<\/button>\n            <\/div>\n            <div class=\"model\">Choose the best answer.<\/div>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn lang-listen1\" disabled>&#x1f50a; Listen<\/button>\n              <button class=\"btn primary lang-said1\" disabled>&#x1f3a4; Say it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"languagecard language-q1\" data-done=\"0\" data-answer=\"I am eight years old.\" data-audio=\"How old are you? I am eight years old.\">\n            <div class=\"bigicon\">8&#xfe0f;&#x20e3;<\/div>\n            <b>How old are you?<\/b>\n            <div class=\"choices\">\n              <button class=\"choice\" data-val=\"I am eight years old.\">I am eight years old.<\/button>\n              <button class=\"choice\" data-val=\"My name is Leo.\">My name is Leo.<\/button>\n            <\/div>\n            <div class=\"model\">Choose the best answer.<\/div>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn lang-listen1\" disabled>&#x1f50a; Listen<\/button>\n              <button class=\"btn primary lang-said1\" disabled>&#x1f3a4; Say it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"languagecard language-q1\" data-done=\"0\" data-answer=\"I am fine, thank you.\" data-audio=\"How are you? I am fine, thank you.\">\n            <div class=\"bigicon\">&#x1f642;<\/div>\n            <b>How are you?<\/b>\n            <div class=\"choices\">\n              <button class=\"choice\" data-val=\"I am fine, thank you.\">I am fine, thank you.<\/button>\n              <button class=\"choice\" data-val=\"It is a book.\">It is a book.<\/button>\n            <\/div>\n            <div class=\"model\">Choose the best answer.<\/div>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn lang-listen1\" disabled>&#x1f50a; Listen<\/button>\n              <button class=\"btn primary lang-said1\" disabled>&#x1f3a4; Say it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"languagecard language-q1\" data-done=\"0\" data-answer=\"It is a book.\" data-audio=\"What is this? It is a book.\">\n            <div class=\"bigicon\">&#x1f4d8;<\/div>\n            <b>What is this?<\/b>\n            <div class=\"choices\">\n              <button class=\"choice\" data-val=\"It is a book.\">It is a book.<\/button>\n              <button class=\"choice\" data-val=\"I am a book.\">I am a book.<\/button>\n            <\/div>\n            <div class=\"model\">Choose the best answer.<\/div>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn lang-listen1\" disabled>&#x1f50a; Listen<\/button>\n              <button class=\"btn primary lang-said1\" disabled>&#x1f3a4; Say it<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"card yellow\">\n        <h3>A or An?<\/h3>\n        <p class=\"muted\">Choose the correct article.<\/p>\n\n        <div class=\"questiongrid\">\n          <div class=\"question article-q1\" data-ok=\"0\">\n            <b>&#x1f34e; This is ___ apple.<\/b>\n            <div class=\"choices\">\n              <button class=\"choice\">a<\/button>\n              <button class=\"choice\" data-correct=\"1\">an<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"question article-q1\" data-ok=\"0\">\n            <b>&#x1f4d8; This is ___ book.<\/b>\n            <div class=\"choices\">\n              <button class=\"choice\" data-correct=\"1\">a<\/button>\n              <button class=\"choice\">an<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"question article-q1\" data-ok=\"0\">\n            <b>&#x1f7e0; This is ___ orange.<\/b>\n            <div class=\"choices\">\n              <button class=\"choice\">a<\/button>\n              <button class=\"choice\" data-correct=\"1\">an<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"question article-q1\" data-ok=\"0\">\n            <b>&#x270f;&#xfe0f; This is ___ pencil.<\/b>\n            <div class=\"choices\">\n              <button class=\"choice\" data-correct=\"1\">a<\/button>\n              <button class=\"choice\">an<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"unlock\" id=\"unlockQuestions1\">&#x1f512; Complete the 4 speaking answers and the 4 a\/an questions.<\/div>\n\n        <div class=\"actions\">\n          <button class=\"btn soft next\" data-next=\"4\">\u2190 To Be<\/button>\n          <button class=\"btn primary next\" data-next=\"6\" id=\"nextQuestions1\" disabled>My Profile \u2192<\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- STEP 6 -->\n    <section class=\"screen\" data-screen=\"6\">\n      <div class=\"guide\">\n        <div class=\"avatar purple\">&#x1f467;&#x1f3fb;<\/div>\n        <div class=\"speech\">\n          <strong>Keyla says:<\/strong> \u201cNow it is your turn! Complete THREE simple speaking missions. When you finish 3\/3, Step 7 opens automatically.\u201d\n        <\/div>\n      <\/div>\n\n      <div class=\"card\">\n        <h3>6. My Personal Profile \u00b7 3 Speaking Missions<\/h3>\n        <p class=\"muted\">\n          Complete the three cards. Each card counts only once.\n          <b>The bonus dialogue does not block Step 7.<\/b>\n        <\/p>\n\n        <div class=\"profilemissions\">\n\n          <div class=\"profilemission\" id=\"profileMission1\">\n            <h4>Mission 1 \u00b7 Greeting + name<\/h4>\n            <label>Your name\n              <input id=\"profileName1\" maxlength=\"28\" placeholder=\"e.g. Ana\">\n            <\/label>\n\n            <div class=\"model\" id=\"profileModel1\">Example: Hello! My name is Ana.<\/div>\n\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn\" id=\"profileBuild1\">&#x2728; Build<\/button>\n              <button class=\"btn soft\" id=\"profileListen1\" disabled>&#x1f50a; Listen<\/button>\n              <button class=\"btn primary\" id=\"profileDone1\" disabled>&#x1f3a4; I said it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"profilemission\" id=\"profileMission2\">\n            <h4>Mission 2 \u00b7 My age<\/h4>\n            <label>Your age\n              <select id=\"profileAge1\">\n                <option value=\"\">Choose<\/option>\n                <option>6<\/option><option>7<\/option><option>8<\/option>\n                <option>9<\/option><option>10<\/option><option>11<\/option>\n                <option>12<\/option><option>13<\/option>\n              <\/select>\n            <\/label>\n\n            <div class=\"model\" id=\"profileModel2\">Example: I am eight years old.<\/div>\n\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn\" id=\"profileBuild2\">&#x2728; Build<\/button>\n              <button class=\"btn soft\" id=\"profileListen2\" disabled>&#x1f50a; Listen<\/button>\n              <button class=\"btn primary\" id=\"profileDone2\" disabled>&#x1f3a4; I said it<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"profilemission\" id=\"profileMission3\">\n            <h4>Mission 3 \u00b7 My country<\/h4>\n            <label>Your country\n              <input id=\"profileCountry1\" maxlength=\"30\" placeholder=\"e.g. Mexico\">\n            <\/label>\n\n            <div class=\"model\" id=\"profileModel3\">Example: I am from Mexico.<\/div>\n\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn\" id=\"profileBuild3\">&#x2728; Build<\/button>\n              <button class=\"btn soft\" id=\"profileListen3\" disabled>&#x1f50a; Listen<\/button>\n              <button class=\"btn primary\" id=\"profileDone3\" disabled>&#x1f3a4; I said it<\/button>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"progressbig\">\n          &#x1f64b; Speaking missions completed: <span id=\"profileProgress1\">0<\/span>\/3\n        <\/div>\n\n        <div class=\"card blue\" style=\"margin-top:16px\">\n          <h3 style=\"font-size:22px\">&#x1f3ad; Bonus mini dialogue<\/h3>\n          <p class=\"muted\">Extra practice only. It does not block Step 7.<\/p>\n\n          <div class=\"dialogue\" id=\"profileDialogue1\">\n            <div class=\"line\"><div class=\"who\">Keyla<\/div><div>Hello! What is your name?<\/div><\/div>\n            <div class=\"line leo\"><div class=\"who\">You<\/div><div>My name is ________.<\/div><\/div>\n            <div class=\"line\"><div class=\"who\">Keyla<\/div><div>How old are you?<\/div><\/div>\n            <div class=\"line leo\"><div class=\"who\">You<\/div><div>I am ________ years old.<\/div><\/div>\n          <\/div>\n\n          <div class=\"actions\">\n            <button class=\"btn bluebtn\" id=\"listenProfileDialogue1\">&#x1f50a; Listen to dialogue<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"unlock\" id=\"unlockProfile1\">&#x1f512; Complete Mission 1, Mission 2 and Mission 3.<\/div>\n\n        <div class=\"actions\">\n          <button class=\"btn soft next\" data-next=\"5\">\u2190 Questions<\/button>\n          <button class=\"btn primary next\" data-next=\"7\" id=\"nextProfile1\" disabled>Final speaking \u2192<\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- STEP 7 -->\n    <section class=\"screen\" data-screen=\"7\">\n      <div class=\"guide\">\n        <div class=\"avatar gray\">&#x1f431;<\/div>\n        <div class=\"speech\">\n          <strong>Misu says:<\/strong> \u201cFinal mission! Use the English you already practiced. Your voice is your first English Key.\u201d\n        <\/div>\n      <\/div>\n\n      <div class=\"card lilac\">\n        <h3>7. My First English Key \u00b7 Final Speaking Mission<\/h3>\n        <p class=\"muted\">Complete all five speaking missions.<\/p>\n\n        <div class=\"missiongrid\">\n\n          <div class=\"mission final-mission1\" data-done=\"0\">\n            <div class=\"mnum\">1<\/div>\n            <strong>Say hello and tell your name.<\/strong>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"Say hello and tell your name.\">&#x1f50a; Prompt<\/button>\n              <button class=\"btn primary final-done1\">&#x1f3a4; Done<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"mission final-mission1\" data-done=\"0\">\n            <div class=\"mnum\">2<\/div>\n            <strong>Say your age.<\/strong>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"Say your age.\">&#x1f50a; Prompt<\/button>\n              <button class=\"btn primary final-done1\">&#x1f3a4; Done<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"mission final-mission1\" data-done=\"0\">\n            <div class=\"mnum\">3<\/div>\n            <strong>Ask: \u201cWhat is your name?\u201d<\/strong>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"Ask: What is your name?\">&#x1f50a; Prompt<\/button>\n              <button class=\"btn primary final-done1\">&#x1f3a4; Done<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"mission final-mission1\" data-done=\"0\">\n            <div class=\"mnum\">4<\/div>\n            <strong>Say one sentence with he, she, it, we or they.<\/strong>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"Say one sentence with he, she, it, we, or they.\">&#x1f50a; Prompt<\/button>\n              <button class=\"btn primary final-done1\">&#x1f3a4; Done<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"mission final-mission1\" data-done=\"0\">\n            <div class=\"mnum\">5<\/div>\n            <strong>Say one sentence with a or an.<\/strong>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"Say one sentence with a or an.\">&#x1f50a; Prompt<\/button>\n              <button class=\"btn primary final-done1\">&#x1f3a4; Done<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"mission\">\n            <div class=\"mnum\">\u2605<\/div>\n            <strong>Bonus: say your complete introduction without reading.<\/strong>\n            <div class=\"actions\">\n              <button class=\"btn yellowbtn listen\" data-text=\"Bonus. Say your complete introduction without reading.\">&#x1f50a; Prompt<\/button>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"card yellow\">\n        <h3>&#x1f399;&#xfe0f; Record your introduction<\/h3>\n        <p class=\"muted\">\n          Try to say: greeting + name + age + country. Then listen to yourself.\n        <\/p>\n\n        <div class=\"rec\">\n          <div class=\"actions\">\n            <button class=\"btn red startRec1\">\u25cf Start recording<\/button>\n            <button class=\"btn soft stopRec1\" disabled>\u25a0 Stop<\/button>\n          <\/div>\n          <div class=\"recstatus\" aria-live=\"polite\"><\/div>\n          <audio class=\"playback\" controls hidden><\/audio>\n        <\/div>\n\n        <p style=\"font-size:13px;color:var(--gray)\">\n          The recording stays in this browser; this activity does not upload it.\n        <\/p>\n      <\/div>\n\n      <div class=\"card\">\n        <h3>&#x1f49c; I check my speaking<\/h3>\n\n        <div class=\"checkrow\">\n          <label class=\"selfcheck\"><input type=\"checkbox\" class=\"final-check1\"> I can greet someone.<\/label>\n          <label class=\"selfcheck\"><input type=\"checkbox\" class=\"final-check1\"> I can say my name and age.<\/label>\n          <label class=\"selfcheck\"><input type=\"checkbox\" class=\"final-check1\"> I can use <b>am \/ is \/ are<\/b>.<\/label>\n          <label class=\"selfcheck\"><input type=\"checkbox\" class=\"final-check1\"> I can recognize personal pronouns.<\/label>\n          <label class=\"selfcheck\"><input type=\"checkbox\" class=\"final-check1\"> I can use <b>a \/ an<\/b> in a simple sentence.<\/label>\n        <\/div>\n\n        <div class=\"unlock\" id=\"unlockFinal1\">&#x1f512; Complete the 5 missions and all 5 self-checks.<\/div>\n\n        <div class=\"actions\">\n          <button class=\"btn soft next\" data-next=\"6\">\u2190 My Profile<\/button>\n          <button class=\"btn green\" id=\"finishL1\" disabled>\u2605 Finish my adventure<\/button>\n        <\/div>\n\n        <div class=\"finish\" id=\"finishBoxL1\">\n          <div class=\"big\">&#x1f511;&#x1f49c;&#x1f31f;<\/div>\n          <h3>You found your first English Key!<\/h3>\n          <p>\n            You greeted someone, used pronouns and the verb <b>to be<\/b>,\n            answered simple questions and introduced yourself in English.\n          <\/p>\n          <div class=\"badge\">Cuentos ke Cuentan \u00b7 First English Key<\/div>\n          <p><strong>Total: <span id=\"finalPtsL1\">0<\/span> points<\/strong><\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n  <div class=\"footerbrand\">\n    Cuentos <span>ke<\/span> Cuentan \u2661 \u00b7 My English KEY by Mara Nieto\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  const root=document.getElementById('mek-l1-final');\n  if(!root)return;\n\n  let pts=0;\n  let unlocked=1;\n\n  const ptsEl=root.querySelector('#l1pts');\n  const levelEl=root.querySelector('#l1level');\n\n  function addPts(n){\n    pts+=n;\n    ptsEl.textContent=pts;\n  }\n\n  function speak(text){\n    if(!('speechSynthesis' in window)){\n      alert('Audio pronunciation is not available in this browser.');\n      return;\n    }\n    window.speechSynthesis.cancel();\n    const u=new SpeechSynthesisUtterance(text);\n    u.lang='en-US';\n    u.rate=.80;\n    u.pitch=1.04;\n    window.speechSynthesis.speak(u);\n  }\n\n  root.querySelectorAll('.listen').forEach(btn=>{\n    btn.addEventListener('click',()=>speak(btn.dataset.text));\n  });\n\n  function unlockStep(n){\n    if(n>unlocked)unlocked=n;\n\n    root.querySelectorAll('.step').forEach(step=>{\n      const k=Number(step.dataset.step);\n      step.classList.toggle('locked',k>unlocked);\n      if(k<unlocked)step.classList.add('done');\n    });\n  }\n\n  function show(n){\n    if(n>unlocked)return;\n\n    root.querySelectorAll('.screen').forEach(s=>s.classList.remove('active'));\n    root.querySelector('[data-screen=\"'+n+'\"]').classList.add('active');\n\n    root.querySelectorAll('.step').forEach(s=>s.classList.remove('active'));\n    root.querySelector('.step[data-step=\"'+n+'\"]').classList.add('active');\n\n    levelEl.textContent=n;\n    root.scrollIntoView({behavior:'smooth',block:'start'});\n  }\n\n  root.querySelectorAll('.next').forEach(btn=>{\n    btn.addEventListener('click',()=>show(Number(btn.dataset.next)));\n  });\n\n  \/\/ STEP 1\n  let storyHeard=false;\n\n  root.querySelector('#storyHeard1').addEventListener('click',function(){\n    if(storyHeard)return;\n\n    storyHeard=true;\n    addPts(2);\n    this.textContent='\u2605 Story heard';\n    this.className='btn green';\n    checkStory1();\n  });\n\n  root.querySelectorAll('.story-q1 .choice').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      const q=btn.closest('.story-q1');\n      if(q.dataset.ok==='1')return;\n\n      if(btn.dataset.correct==='1'){\n        q.dataset.ok='1';\n        btn.classList.add('correct');\n        q.querySelectorAll('.choice').forEach(x=>x.disabled=true);\n        addPts(2);\n        checkStory1();\n      }else{\n        btn.classList.add('wrong');\n        setTimeout(()=>btn.classList.remove('wrong'),700);\n      }\n    });\n  });\n\n  function checkStory1(){\n    const all=[...root.querySelectorAll('.story-q1')].every(q=>q.dataset.ok==='1');\n\n    if(storyHeard&&all){\n      unlockStep(2);\n      root.querySelector('#nextStory1').disabled=false;\n      root.querySelector('#unlockStory1').textContent='&#x1f511; Greetings unlocked!';\n    }\n  }\n\n  \/\/ STEP 2\n  let greetingsDone=0;\n\n  root.querySelectorAll('.greeting-said').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      const card=btn.closest('.phrase');\n      if(card.dataset.done==='1')return;\n\n      card.dataset.done='1';\n      card.classList.add('done');\n      greetingsDone++;\n      addPts(1);\n\n      btn.textContent='\u2605 Said';\n      btn.className='btn green greeting-said';\n\n      if(greetingsDone===6){\n        unlockStep(3);\n        root.querySelector('#nextGreetings1').disabled=false;\n        root.querySelector('#unlockGreetings1').textContent='&#x1f511; Pronouns unlocked!';\n      }\n    });\n  });\n\n  \/\/ STEP 3\n  let pronounsDone=0;\n\n  root.querySelectorAll('.pronoun-said').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      const card=btn.closest('.pronouncard');\n      if(card.dataset.pdone==='1')return;\n\n      card.dataset.pdone='1';\n      card.classList.add('done');\n      pronounsDone++;\n      addPts(1);\n\n      btn.textContent='\u2605 Said';\n      btn.className='btn green pronoun-said';\n\n      if(pronounsDone===7){\n        unlockStep(4);\n        root.querySelector('#nextPronouns1').disabled=false;\n        root.querySelector('#unlockPronouns1').textContent='&#x1f511; Verb TO BE unlocked!';\n      }\n    });\n  });\n\n  \/\/ STEP 4 - THREE CLEAR TO BE MISSIONS\n  const completedToBeMissions=new Set();\n  const toBeProgress=root.querySelector('#toBeProgress1');\n\n  const toBeMissionData={\n    1:{answer:'am',sentence:'I am a student.'},\n    2:{answer:'is',sentence:'She is Keyla.'},\n    3:{answer:'are',sentence:'We are friends.'}\n  };\n\n  root.querySelectorAll('.tobe-mission-choice').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      const mission=Number(btn.dataset.mission);\n      const data=toBeMissionData[mission];\n      const card=root.querySelector('#toBeMission'+mission);\n\n      if(completedToBeMissions.has(mission))return;\n      if(card.dataset.answered==='1')return;\n\n      if(btn.dataset.val===data.answer){\n        card.dataset.answered='1';\n        btn.classList.add('correct');\n        card.querySelectorAll('.tobe-mission-choice').forEach(x=>x.disabled=true);\n\n        root.querySelector('#toBeModel'+mission).textContent=data.sentence;\n        root.querySelector('#toBeListen'+mission).disabled=false;\n        root.querySelector('#toBeDone'+mission).disabled=false;\n        addPts(2);\n      }else{\n        btn.classList.add('wrong');\n        setTimeout(()=>btn.classList.remove('wrong'),700);\n      }\n    });\n  });\n\n  [1,2,3].forEach(mission=>{\n    const data=toBeMissionData[mission];\n    const listenBtn=root.querySelector('#toBeListen'+mission);\n    const doneBtn=root.querySelector('#toBeDone'+mission);\n    const card=root.querySelector('#toBeMission'+mission);\n\n    listenBtn.addEventListener('click',()=>{\n      speak(data.sentence);\n    });\n\n    doneBtn.addEventListener('click',()=>{\n      if(card.dataset.answered!=='1')return;\n      if(completedToBeMissions.has(mission))return;\n\n      completedToBeMissions.add(mission);\n      card.classList.add('done');\n      doneBtn.textContent='\u2605 Mission complete';\n      doneBtn.disabled=true;\n      addPts(2);\n\n      toBeProgress.textContent=completedToBeMissions.size;\n\n      if(completedToBeMissions.size===3){\n        unlockStep(5);\n        root.querySelector('#nextToBe1').disabled=false;\n        root.querySelector('#unlockToBe1').textContent='&#x1f511; 3\/3 complete. Questions unlocked!';\n      }else{\n        const left=3-completedToBeMissions.size;\n        root.querySelector('#unlockToBe1').textContent=\n          '\u2713 Great! Complete '+left+' more mission'+(left===1?'':'s')+' to unlock Step 5.';\n      }\n    });\n  });\n\n\n  \/\/ STEP 5 - LANGUAGE ANSWERS\n  let languageSaid=0;\n  let articleDone=0;\n\n  root.querySelectorAll('.language-q1').forEach(card=>{\n    const answer=card.dataset.answer;\n    const audio=card.dataset.audio;\n    const listenBtn=card.querySelector('.lang-listen1');\n    const saidBtn=card.querySelector('.lang-said1');\n    const model=card.querySelector('.model');\n\n    card.querySelectorAll('.choice').forEach(btn=>{\n      btn.addEventListener('click',()=>{\n        if(card.dataset.chosen==='1')return;\n\n        if(btn.dataset.val===answer){\n          card.dataset.chosen='1';\n          btn.classList.add('correct');\n          card.querySelectorAll('.choice').forEach(x=>x.disabled=true);\n\n          model.textContent=answer;\n          listenBtn.disabled=false;\n          saidBtn.disabled=false;\n\n          listenBtn.addEventListener('click',()=>speak(audio),{once:false});\n          addPts(2);\n        }else{\n          btn.classList.add('wrong');\n          setTimeout(()=>btn.classList.remove('wrong'),700);\n        }\n      });\n    });\n\n    saidBtn.addEventListener('click',()=>{\n      if(card.dataset.chosen!=='1'||card.dataset.done==='1')return;\n\n      card.dataset.done='1';\n      languageSaid++;\n      addPts(1);\n\n      saidBtn.textContent='\u2605 Said';\n      saidBtn.className='btn green lang-said1';\n      checkQuestions1();\n    });\n  });\n\n  root.querySelectorAll('.article-q1 .choice').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      const q=btn.closest('.article-q1');\n      if(q.dataset.ok==='1')return;\n\n      if(btn.dataset.correct==='1'){\n        q.dataset.ok='1';\n        btn.classList.add('correct');\n        q.querySelectorAll('.choice').forEach(x=>x.disabled=true);\n        articleDone++;\n        addPts(2);\n        checkQuestions1();\n      }else{\n        btn.classList.add('wrong');\n        setTimeout(()=>btn.classList.remove('wrong'),700);\n      }\n    });\n  });\n\n  function checkQuestions1(){\n    if(languageSaid===4&&articleDone===4){\n      unlockStep(6);\n      root.querySelector('#nextQuestions1').disabled=false;\n      root.querySelector('#unlockQuestions1').textContent='&#x1f511; My Personal Profile unlocked!';\n    }\n  }\n\n  \/\/ STEP 6 - THREE CLEAR PROFILE MISSIONS\n  const completedProfiles=new Set();\n  const progressProfile=root.querySelector('#profileProgress1');\n\n  function completeProfileMission(id,card,button){\n    if(completedProfiles.has(id))return;\n\n    completedProfiles.add(id);\n    card.classList.add('done');\n    button.textContent='\u2605 Mission complete';\n    button.disabled=true;\n    addPts(3);\n\n    progressProfile.textContent=completedProfiles.size;\n    updateProfileDialogue();\n\n    if(completedProfiles.size===3){\n      unlockStep(7);\n      root.querySelector('#nextProfile1').disabled=false;\n      root.querySelector('#unlockProfile1').textContent='&#x1f511; 3\/3 complete. Final speaking unlocked!';\n    }else{\n      const left=3-completedProfiles.size;\n      root.querySelector('#unlockProfile1').textContent=\n        '\u2713 Great! Complete '+left+' more mission'+(left===1?'':'s')+' to unlock Step 7.';\n    }\n  }\n\n  \/\/ PROFILE 1\n  const nameInput=root.querySelector('#profileName1');\n  const model1=root.querySelector('#profileModel1');\n  const listen1=root.querySelector('#profileListen1');\n  const done1=root.querySelector('#profileDone1');\n  let sentence1='';\n\n  root.querySelector('#profileBuild1').addEventListener('click',()=>{\n    const name=nameInput.value.trim();\n\n    if(!name){\n      model1.textContent='Type your name first.';\n      listen1.disabled=true;\n      done1.disabled=true;\n      return;\n    }\n\n    sentence1='Hello! My name is '+name+'.';\n    model1.textContent=sentence1;\n    listen1.disabled=false;\n    done1.disabled=completedProfiles.has(1);\n    updateProfileDialogue();\n  });\n\n  listen1.addEventListener('click',()=>{\n    if(sentence1)speak(sentence1);\n  });\n\n  done1.addEventListener('click',()=>{\n    if(!sentence1){\n      model1.textContent='Build your sentence first.';\n      return;\n    }\n    completeProfileMission(1,root.querySelector('#profileMission1'),done1);\n  });\n\n  \/\/ PROFILE 2\n  const ageInput=root.querySelector('#profileAge1');\n  const model2=root.querySelector('#profileModel2');\n  const listen2=root.querySelector('#profileListen2');\n  const done2=root.querySelector('#profileDone2');\n  let sentence2='';\n\n  root.querySelector('#profileBuild2').addEventListener('click',()=>{\n    const age=ageInput.value;\n\n    if(!age){\n      model2.textContent='Choose your age first.';\n      listen2.disabled=true;\n      done2.disabled=true;\n      return;\n    }\n\n    sentence2='I am '+age+' years old.';\n    model2.textContent=sentence2;\n    listen2.disabled=false;\n    done2.disabled=completedProfiles.has(2);\n    updateProfileDialogue();\n  });\n\n  listen2.addEventListener('click',()=>{\n    if(sentence2)speak(sentence2);\n  });\n\n  done2.addEventListener('click',()=>{\n    if(!sentence2){\n      model2.textContent='Build your sentence first.';\n      return;\n    }\n    completeProfileMission(2,root.querySelector('#profileMission2'),done2);\n  });\n\n  \/\/ PROFILE 3\n  const countryInput=root.querySelector('#profileCountry1');\n  const model3=root.querySelector('#profileModel3');\n  const listen3=root.querySelector('#profileListen3');\n  const done3=root.querySelector('#profileDone3');\n  let sentence3='';\n\n  root.querySelector('#profileBuild3').addEventListener('click',()=>{\n    const country=countryInput.value.trim();\n\n    if(!country){\n      model3.textContent='Type your country first.';\n      listen3.disabled=true;\n      done3.disabled=true;\n      return;\n    }\n\n    sentence3='I am from '+country+'.';\n    model3.textContent=sentence3;\n    listen3.disabled=false;\n    done3.disabled=completedProfiles.has(3);\n    updateProfileDialogue();\n  });\n\n  listen3.addEventListener('click',()=>{\n    if(sentence3)speak(sentence3);\n  });\n\n  done3.addEventListener('click',()=>{\n    if(!sentence3){\n      model3.textContent='Build your sentence first.';\n      return;\n    }\n    completeProfileMission(3,root.querySelector('#profileMission3'),done3);\n  });\n\n  function updateProfileDialogue(){\n    const n=nameInput.value.trim()||'________';\n    const a=ageInput.value||'________';\n\n    root.querySelector('#profileDialogue1').innerHTML=\n      '<div class=\"line\"><div class=\"who\">Keyla<\/div><div>Hello! What is your name?<\/div><\/div>'+\n      '<div class=\"line leo\"><div class=\"who\">You<\/div><div>My name is '+n+'.<\/div><\/div>'+\n      '<div class=\"line\"><div class=\"who\">Keyla<\/div><div>How old are you?<\/div><\/div>'+\n      '<div class=\"line leo\"><div class=\"who\">You<\/div><div>I am '+a+' years old.<\/div><\/div>';\n\n    root.querySelector('#listenProfileDialogue1').dataset.dialogue=\n      'Keyla: Hello! What is your name? You: My name is '+n+\n      '. Keyla: How old are you? You: I am '+a+' years old.';\n  }\n\n  updateProfileDialogue();\n\n  root.querySelector('#listenProfileDialogue1').addEventListener('click',function(){\n    speak(this.dataset.dialogue);\n  });\n\n  \/\/ STEP 7\n  let finalMissions=0;\n\n  root.querySelectorAll('.final-done1').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      const mission=btn.closest('.final-mission1');\n      if(mission.dataset.done==='1')return;\n\n      mission.dataset.done='1';\n      finalMissions++;\n      addPts(2);\n\n      btn.textContent='\u2605 Done';\n      btn.className='btn green final-done1';\n\n      checkFinal1();\n    });\n  });\n\n  root.querySelectorAll('.final-check1').forEach(check=>{\n    check.addEventListener('change',checkFinal1);\n  });\n\n  function checkFinal1(){\n    const checks=[...root.querySelectorAll('.final-check1')].filter(c=>c.checked).length;\n\n    if(finalMissions===5&&checks===5){\n      root.querySelector('#finishL1').disabled=false;\n      root.querySelector('#unlockFinal1').textContent='&#x1f511; Your First English Key badge is ready!';\n    }else{\n      root.querySelector('#finishL1').disabled=true;\n      root.querySelector('#unlockFinal1').textContent='Complete the 5 missions and all 5 self-checks.';\n    }\n  }\n\n  \/\/ RECORDING\n  let recorder=null;\n  let stream=null;\n  let chunks=[];\n\n  root.querySelector('.startRec1').addEventListener('click',async function(){\n    const status=root.querySelector('.recstatus');\n\n    if(!navigator.mediaDevices||!navigator.mediaDevices.getUserMedia||!window.MediaRecorder){\n      status.textContent='Microphone recording is not available in this browser.';\n      return;\n    }\n\n    try{\n      stream=await navigator.mediaDevices.getUserMedia({audio:true});\n      chunks=[];\n      recorder=new MediaRecorder(stream);\n\n      recorder.ondataavailable=e=>{\n        if(e.data.size)chunks.push(e.data);\n      };\n\n      recorder.onstop=()=>{\n        const blob=new Blob(chunks,{type:recorder.mimeType||'audio\/webm'});\n        const audio=root.querySelector('.playback');\n        audio.src=URL.createObjectURL(blob);\n        audio.hidden=false;\n        status.textContent='\u2713 Recording ready. Listen to your introduction!';\n\n        if(stream){\n          stream.getTracks().forEach(track=>track.stop());\n        }\n      };\n\n      recorder.start();\n      status.textContent='\u25cf Recording\u2026 Speak slowly and clearly.';\n      this.disabled=true;\n      root.querySelector('.stopRec1').disabled=false;\n\n    }catch(error){\n      status.textContent='Please allow microphone access to record your voice.';\n    }\n  });\n\n  root.querySelector('.stopRec1').addEventListener('click',function(){\n    if(recorder&&recorder.state==='recording'){\n      recorder.stop();\n    }\n\n    this.disabled=true;\n    root.querySelector('.startRec1').disabled=false;\n  });\n\n  root.querySelector('#finishL1').addEventListener('click',function(){\n    addPts(5);\n    root.querySelector('#finalPtsL1').textContent=pts;\n    root.querySelector('#finishBoxL1').classList.add('show');\n    root.querySelector('.step[data-step=\"7\"]').classList.add('done');\n    root.querySelector('#unlockFinal1').textContent='&#x1f49c; Adventure complete!';\n    this.disabled=true;\n  });\n\n})();\n<\/script>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuentos ke Cuentan \u2661 My English Key \u00b7 Starter 1 Lesson 1 \u00b7 Me and My English A first speaking adventure with greetings, personal pronouns, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1699","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1699"}],"version-history":[{"count":5,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1699\/revisions"}],"predecessor-version":[{"id":1734,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1699\/revisions\/1734"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}