{"id":1742,"date":"2026-08-19T04:35:48","date_gmt":"2026-08-19T04:35:48","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?page_id=1742"},"modified":"2026-08-19T04:46:06","modified_gmt":"2026-08-19T04:46:06","slug":"my-english-key-6-1a1","status":"publish","type":"page","link":"https:\/\/cuentoskecuentan.com\/?page_id=1742","title":{"rendered":"My English Key 6 1A1"},"content":{"rendered":"\n<!--\nMY ENGLISH KEY \u00b7 STARTER 1\nLESSON 6 \u00b7 WHERE IS IT? \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-l6-final\">\n<style>\n#mek-l6-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  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-l6-final *{box-sizing:border-box}\n#mek-l6-final button,#mek-l6-final input,#mek-l6-final select{font:inherit}\n#mek-l6-final button{touch-action:manipulation}\n\n#mek-l6-final .book{\n  background:#fff;border:3px solid var(--purple);border-radius:32px;overflow:hidden;\n  box-shadow:0 16px 38px rgba(84,43,87,.16)\n}\n#mek-l6-final .top{\n  position:relative;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);overflow:hidden\n}\n#mek-l6-final .top:after{\n  content:\"\u2316  \u2661  &#x1f511;\";position:absolute;right:25px;bottom:12px;color:var(--purple);\n  font-size:20px;letter-spacing:8px;opacity:.72\n}\n#mek-l6-final .brandrow{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}\n#mek-l6-final .ckc{font-weight:900;color:var(--purple);font-size:20px}\n#mek-l6-final .ckc .ke{display:inline-block;background:var(--yellow);color:var(--purple-dark);padding:1px 6px;border-radius:8px;transform:rotate(-3deg)}\n#mek-l6-final .keybrand{font-weight:900;color:var(--purple);font-size:18px}\n#mek-l6-final .keybrand b{color:var(--yellow)}\n#mek-l6-final h2{margin:14px 0 4px;color:var(--purple);font-size:clamp(32px,5vw,50px);line-height:1.04}\n#mek-l6-final .subtitle{margin:0;color:var(--gray);font-size:18px;max-width:850px}\n#mek-l6-final .identity-note{\n  margin-top:15px;display:inline-flex;gap:8px;align-items:center;background:var(--yellow-soft);\n  border:1.5px solid #efd46f;border-radius:999px;padding:8px 14px;color:var(--purple-dark);font-weight:900\n}\n\n\/* PATH *\/\n#mek-l6-final .pathwrap{padding:18px 20px;background:var(--lilac);border-bottom:1px solid #e7dbe9;overflow-x:auto}\n#mek-l6-final .path{display:grid;grid-template-columns:repeat(7,minmax(96px,1fr));gap:6px;position:relative;min-width:720px}\n#mek-l6-final .path:before{content:\"\";position:absolute;left:6%;right:6%;top:21px;border-top:3px dashed var(--purple-mid);z-index:0}\n#mek-l6-final .step{position:relative;z-index:1;text-align:center}\n#mek-l6-final .dot{\n  width:45px;height:45px;border-radius:50%;display:grid;place-items:center;margin:0 auto 6px;\n  background:#fff;border:3px solid var(--purple-mid);color:var(--purple);font-weight:900\n}\n#mek-l6-final .step.active .dot,#mek-l6-final .step.done .dot{background:var(--purple);color:#fff;border-color:var(--purple)}\n#mek-l6-final .step.done .dot{font-size:0}\n#mek-l6-final .step.done .dot:after{content:\"\u2713\";font-size:20px}\n#mek-l6-final .step.locked{opacity:.42}\n#mek-l6-final .step small{font-weight:900;color:var(--purple-dark);font-size:12px}\n#mek-l6-final .status{\n  display:flex;gap:10px;justify-content:flex-end;align-items:center;padding:12px 22px;\n  background:#fff;border-bottom:1px solid #eee4ef;flex-wrap:wrap\n}\n#mek-l6-final .pill{padding:7px 12px;border-radius:999px;background:var(--purple);color:#fff;font-weight:900}\n#mek-l6-final .pill.yellow{background:var(--yellow);color:var(--purple-dark)}\n#mek-l6-final .content{padding:25px}\n#mek-l6-final .screen{display:none}\n#mek-l6-final .screen.active{display:block}\n\n\/* GENERAL *\/\n#mek-l6-final .guide{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;margin-bottom:18px}\n#mek-l6-final .avatar{\n  width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:45px;\n  background:var(--yellow-soft);border:4px solid var(--yellow);box-shadow:0 6px 14px rgba(90,44,92,.10)\n}\n#mek-l6-final .avatar.purple{background:var(--lilac-2);border-color:var(--purple)}\n#mek-l6-final .avatar.gray{background:#F0EFF1;border-color:#9B929D}\n#mek-l6-final .speech{\n  position:relative;background:#fff;border:2px solid var(--purple);border-radius:20px;padding:14px 16px;\n  color:var(--purple-dark);font-weight:800\n}\n#mek-l6-final .speech:before{\n  content:\"\";position:absolute;left:-13px;top:30px;width:22px;height:22px;background:#fff;\n  border-left:2px solid var(--purple);border-bottom:2px solid var(--purple);transform:rotate(45deg)\n}\n#mek-l6-final .card{border:2px solid #E7DBE9;border-radius:23px;padding:20px;margin:14px 0;background:#fff}\n#mek-l6-final .card.yellow{background:var(--yellow-soft);border-color:#EFD873}\n#mek-l6-final .card.lilac{background:var(--lilac);border-color:#DCC9DF}\n#mek-l6-final .card.blue{background:var(--blue-soft);border-color:#cadbe9}\n#mek-l6-final .card h3{margin:0 0 9px;color:var(--purple);font-size:26px}\n#mek-l6-final .muted{color:var(--gray);margin-top:0}\n\n#mek-l6-final .storypaper{\n  background:#fff;border:2px dashed var(--purple-mid);border-radius:20px;padding:19px;font-size:18px;position:relative\n}\n#mek-l6-final .storypaper:after{content:\"&#x1f43e;\";position:absolute;right:16px;bottom:8px;color:var(--yellow);font-size:27px}\n#mek-l6-final .storypaper strong{color:var(--purple)}\n#mek-l6-final .valuecorner{\n  margin-top:14px;display:grid;grid-template-columns:55px 1fr;gap:12px;align-items:center;\n  background:var(--yellow-soft);border-left:6px solid var(--yellow);border-radius:16px;padding:13px 15px\n}\n#mek-l6-final .valueicon{font-size:35px;text-align:center}\n#mek-l6-final .valuecorner b{color:var(--purple-dark)}\n\n#mek-l6-final .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}\n#mek-l6-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-l6-final .btn:hover{transform:translateY(-1px)}\n#mek-l6-final .btn:disabled{opacity:.43;cursor:not-allowed;transform:none}\n#mek-l6-final .primary{background:var(--purple);color:#fff}\n#mek-l6-final .yellowbtn{background:var(--yellow);color:var(--purple-dark)}\n#mek-l6-final .soft{background:var(--lilac-2);color:var(--purple-dark)}\n#mek-l6-final .green{background:var(--green);color:#fff}\n#mek-l6-final .red{background:var(--red);color:#fff}\n#mek-l6-final .bluebtn{background:var(--blue);color:#fff}\n#mek-l6-final .unlock{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--lilac);color:var(--purple-dark);font-weight:800}\n#mek-l6-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\/* MISSION SYSTEM *\/\n#mek-l6-final .missionstack{display:grid;gap:14px;margin-top:14px}\n#mek-l6-final .reviewmission{\n  border:2px solid #E5D8E7;border-radius:20px;padding:16px;background:#fff\n}\n#mek-l6-final .reviewmission.done{border-color:var(--green);background:var(--green-soft)}\n#mek-l6-final .reviewmission h4{margin:0 0 8px;color:var(--purple);font-size:20px}\n#mek-l6-final .choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}\n#mek-l6-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-l6-final .choice.correct{background:var(--green-soft);border-color:var(--green);color:#2E6C4E}\n#mek-l6-final .choice.wrong{background:var(--red-soft);border-color:var(--red);color:#8B3E49}\n#mek-l6-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);font-weight:900;font-size:19px\n}\n\n\/* PREPOSITION REFERENCE *\/\n#mek-l6-final .prepgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}\n#mek-l6-final .prepcard{\n  border:2px solid #E5D8E7;border-radius:19px;padding:15px;background:#fff;text-align:center\n}\n#mek-l6-final .prepcard .scene{font-size:42px;min-height:58px}\n#mek-l6-final .prepcard strong{display:block;font-size:21px;color:var(--purple);margin:5px 0}\n#mek-l6-final .prepcard span{font-size:14px;color:var(--gray)}\n\n\/* SIMPLE SCENES *\/\n#mek-l6-final .sceneBox{\n  min-height:125px;border-radius:18px;background:linear-gradient(135deg,var(--lilac),#fff);\n  border:2px solid #E5D8E7;display:flex;align-items:center;justify-content:center;\n  gap:12px;font-size:44px;margin:10px 0;padding:12px\n}\n#mek-l6-final .sceneBox .small{font-size:32px}\n#mek-l6-final .locationtag{\n  display:inline-block;background:var(--purple);color:#fff;border-radius:999px;padding:5px 10px;font-weight:900;font-size:13px\n}\n\n\/* BUILDER *\/\n#mek-l6-final .minirow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}\n#mek-l6-final label{font-weight:900;color:var(--purple-dark)}\n#mek-l6-final input,#mek-l6-final select{\n  width:100%;margin-top:6px;border:2px solid #D9C7DC;border-radius:12px;padding:11px 12px;background:#fff\n}\n#mek-l6-final input:focus,#mek-l6-final select:focus{outline:3px solid rgba(246,199,68,.34);border-color:var(--purple)}\n#mek-l6-final .dialogue{\n  border:2px solid #E5D8E7;border-radius:20px;background:#fff;padding:16px\n}\n#mek-l6-final .line{display:grid;grid-template-columns:78px 1fr;gap:8px;padding:8px 0;border-bottom:1px dashed #E1D3E3}\n#mek-l6-final .line:last-child{border-bottom:0}\n#mek-l6-final .who{font-weight:900;color:var(--purple)}\n#mek-l6-final .line.leo .who{color:var(--blue)}\n\n\/* FINAL *\/\n#mek-l6-final .finalgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}\n#mek-l6-final .finalmission{border:2px solid #E5D8E7;border-radius:18px;padding:15px;background:#fff}\n#mek-l6-final .finalmission.done{background:var(--green-soft);border-color:var(--green)}\n#mek-l6-final .mnum{\n  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);\n  color:var(--purple-dark);font-weight:900;margin-bottom:8px\n}\n#mek-l6-final .rec{margin-top:14px;padding:15px;border:2px dashed var(--purple);border-radius:18px;background:#fff}\n#mek-l6-final .recstatus{min-height:24px;margin-top:8px;font-weight:900;color:var(--purple-dark)}\n#mek-l6-final audio{width:100%;margin-top:10px}\n#mek-l6-final .finish{\n  display:none;text-align:center;margin-top:18px;padding:24px;background:linear-gradient(180deg,#FFF9DE,#fff);\n  border:2px solid var(--yellow);border-radius:23px\n}\n#mek-l6-final .finish.show{display:block}\n#mek-l6-final .finish .big{font-size:52px;line-height:1}\n#mek-l6-final .badge{\n  display:inline-block;margin-top:8px;padding:8px 15px;border-radius:999px;background:var(--purple);\n  color:#fff;font-weight:900\n}\n#mek-l6-final .footerbrand{text-align:center;padding:16px;background:var(--purple);color:#fff;font-weight:900}\n#mek-l6-final .footerbrand span{color:var(--yellow)}\n\n@media(max-width:820px){\n  #mek-l6-final .prepgrid,#mek-l6-final .finalgrid,#mek-l6-final .minirow{grid-template-columns:1fr}\n  #mek-l6-final .guide{grid-template-columns:70px 1fr}\n  #mek-l6-final .avatar{width:66px;height:66px;font-size:35px}\n  #mek-l6-final .content{padding:16px}\n  #mek-l6-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 6 \u00b7 Where Is It?<\/h2>\n  <p class=\"subtitle\">A progressive speaking adventure with the prepositions of place: <b>in, on, under, behind, next to<\/b> and <b>in front of<\/b>.<\/p>\n  <div class=\"identity-note\">&#x1f511; Look \u00b7 locate \u00b7 answer \u00b7 describe with your own voice<\/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>Place Words<\/small><\/div>\n    <div class=\"step locked\" data-step=\"3\"><div class=\"dot\">3<\/div><small>Look &#038; Choose<\/small><\/div>\n    <div class=\"step locked\" data-step=\"4\"><div class=\"dot\">4<\/div><small>Where Is It?<\/small><\/div>\n    <div class=\"step locked\" data-step=\"5\"><div class=\"dot\">5<\/div><small>Find Misu<\/small><\/div>\n    <div class=\"step locked\" data-step=\"6\"><div class=\"dot\">6<\/div><small>My Room<\/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=\"l6pts\">0<\/span> points<\/div>\n  <div class=\"pill\">&#x1f511; Step <span id=\"l6level\">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 gray\">&#x1f431;<\/div>\n    <div class=\"speech\"><strong>Misu says:<\/strong> \u201cI was playing in the room\u2026 and now Keyla cannot find me! Listen for the place words.\u201d<\/div>\n  <\/div>\n\n  <div class=\"card lilac\">\n    <h3>1. Where is Misu?<\/h3>\n    <div class=\"storypaper\">\n      Keyla looks around the room.\n      \u201cWhere is Misu?\u201d she asks.\n      Leo looks <strong>in the box<\/strong>. No Misu.\n      He looks <strong>on the table<\/strong>. No Misu.\n      Then they hear a little \u201cmeow!\u201d\n      Misu is <strong>under the chair<\/strong>.\n      His purple toy is <strong>next to the chair<\/strong>,\n      and Keyla\u2019s backpack is <strong>behind the chair<\/strong>.\n      \u201cThere you are!\u201d Keyla laughs.\n    <\/div>\n    <div class=\"actions\">\n      <button class=\"btn yellowbtn listen\" data-text=\"Keyla looks around the room. Where is Misu? she asks. Leo looks in the box. No Misu. He looks on the table. No Misu. Then they hear a little meow. Misu is under the chair. His purple toy is next to the chair, and Keyla's backpack is behind the chair. There you are, Keyla laughs.\">&#x1f50a; Listen to the story<\/button>\n    <\/div>\n\n    <div class=\"valuecorner\">\n      <div class=\"valueicon\">&#x1f49b;<\/div>\n      <div><b>Value corner \u00b7 Care<\/b><br>We can care for our belongings, our spaces and the animals God created by paying attention and keeping things in order.<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <h3>3 Story Missions<\/h3>\n    <p class=\"muted\">Complete exactly three missions. Listening is optional and does not block progress.<\/p>\n\n    <div class=\"missionstack\">\n      <div class=\"reviewmission story6\" data-id=\"1\" data-done=\"0\">\n        <h4>Mission 1<\/h4>\n        <b>Where is Misu?<\/b>\n        <div class=\"choices\"><button class=\"choice\" data-correct=\"1\">under the chair<\/button><button class=\"choice\">on the table<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission story6\" data-id=\"2\" data-done=\"0\">\n        <h4>Mission 2<\/h4>\n        <b>Where is Misu\u2019s toy?<\/b>\n        <div class=\"choices\"><button class=\"choice\" data-correct=\"1\">next to the chair<\/button><button class=\"choice\">in the box<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission story6\" data-id=\"3\" data-done=\"0\">\n        <h4>Mission 3<\/h4>\n        <b>Where is Keyla\u2019s backpack?<\/b>\n        <div class=\"choices\"><button class=\"choice\">in front of the chair<\/button><button class=\"choice\" data-correct=\"1\">behind the chair<\/button><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"progressbig\">&#x1f43e; Story missions completed: <span id=\"storyProgress6\">0<\/span>\/3<\/div>\n    <div class=\"unlock\" id=\"unlockStory6\">&#x1f512; Complete the 3 story missions.<\/div>\n    <div class=\"actions\"><button class=\"btn primary next\" data-next=\"2\" id=\"nextStory6\" disabled>Place words \u2192<\/button><\/div>\n  <\/div>\n<\/section>\n\n<!-- STEP 2 -->\n<section class=\"screen\" data-screen=\"2\">\n  <div class=\"guide\">\n    <div class=\"avatar purple\">&#x1f467;&#x1f3fb;<\/div>\n    <div class=\"speech\"><strong>Keyla says:<\/strong> \u201cThese six words tell us WHERE something is. The cards are for practice. Only the three missions below unlock Step 3.\u201d<\/div>\n  <\/div>\n\n  <div class=\"card yellow\">\n    <h3>2. Prepositions of place<\/h3>\n    <p class=\"muted\">Listen to the examples as many times as you want.<\/p>\n\n    <div class=\"prepgrid\">\n      <div class=\"prepcard\"><div class=\"scene\">&#x1f9f8;&#x1f4e6;<\/div><strong>in<\/strong><span>The teddy is in the box.<\/span><div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"in. The teddy is in the box.\">&#x1f50a; Listen<\/button><\/div><\/div>\n      <div class=\"prepcard\"><div class=\"scene\">&#x1f4d8;&#x1fab5;<\/div><strong>on<\/strong><span>The book is on the table.<\/span><div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"on. The book is on the table.\">&#x1f50a; Listen<\/button><\/div><\/div>\n      <div class=\"prepcard\"><div class=\"scene\">&#x1fa91;<br>&#x1f431;<\/div><strong>under<\/strong><span>Misu is under the chair.<\/span><div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"under. Misu is under the chair.\">&#x1f50a; Listen<\/button><\/div><\/div>\n      <div class=\"prepcard\"><div class=\"scene\">&#x1f392;&#x21a9;&#xfe0f;&#x1fa91;<\/div><strong>behind<\/strong><span>The backpack is behind the chair.<\/span><div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"behind. The backpack is behind the chair.\">&#x1f50a; Listen<\/button><\/div><\/div>\n      <div class=\"prepcard\"><div class=\"scene\">&#x1fab4; &#x2194;&#xfe0f; &#x1f4a1;<\/div><strong>next to<\/strong><span>The plant is next to the lamp.<\/span><div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"next to. The plant is next to the lamp.\">&#x1f50a; Listen<\/button><\/div><\/div>\n      <div class=\"prepcard\"><div class=\"scene\">&#x26bd; &#x27a1;&#xfe0f; &#x1fa91;<\/div><strong>in front of<\/strong><span>The ball is in front of the chair.<\/span><div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"in front of. The ball is in front of the chair.\">&#x1f50a; Listen<\/button><\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <h3>3 Place-Word Missions<\/h3>\n\n    <div class=\"missionstack\">\n      <div class=\"reviewmission\" id=\"s2m1\">\n        <h4>Mission 1 \u00b7 IN<\/h4>\n        <div class=\"sceneBox\">&#x1f9f8; &#x1f4e6;<\/div>\n        <b>The teddy is ___ the box.<\/b>\n        <div class=\"choices\"><button class=\"choice s2c\" data-mission=\"1\" data-val=\"in\">in<\/button><button class=\"choice s2c\" data-mission=\"1\" data-val=\"on\">on<\/button><\/div>\n        <div class=\"model\" id=\"s2model1\">Choose first.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s2listen1\" disabled>&#x1f50a; Listen<\/button><button class=\"btn primary\" id=\"s2done1\" disabled>&#x1f3a4; I said it<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s2m2\">\n        <h4>Mission 2 \u00b7 UNDER<\/h4>\n        <div class=\"sceneBox\">&#x1fa91; <span class=\"small\">&#x2b07;&#xfe0f;<\/span> &#x1f431;<\/div>\n        <b>Misu is ___ the chair.<\/b>\n        <div class=\"choices\"><button class=\"choice s2c\" data-mission=\"2\" data-val=\"under\">under<\/button><button class=\"choice s2c\" data-mission=\"2\" data-val=\"behind\">behind<\/button><\/div>\n        <div class=\"model\" id=\"s2model2\">Choose first.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s2listen2\" disabled>&#x1f50a; Listen<\/button><button class=\"btn primary\" id=\"s2done2\" disabled>&#x1f3a4; I said it<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s2m3\">\n        <h4>Mission 3 \u00b7 NEXT TO<\/h4>\n        <div class=\"sceneBox\">&#x1fab4; &#x2194;&#xfe0f; &#x1f4a1;<\/div>\n        <b>The plant is ___ the lamp.<\/b>\n        <div class=\"choices\"><button class=\"choice s2c\" data-mission=\"3\" data-val=\"next\">next to<\/button><button class=\"choice s2c\" data-mission=\"3\" data-val=\"front\">in front of<\/button><\/div>\n        <div class=\"model\" id=\"s2model3\">Choose first.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s2listen3\" disabled>&#x1f50a; Listen<\/button><button class=\"btn primary\" id=\"s2done3\" disabled>&#x1f3a4; I said it<\/button><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"progressbig\">\u2316 Place-word missions completed: <span id=\"s2progress\">0<\/span>\/3<\/div>\n    <div class=\"unlock\" id=\"unlockS2\">&#x1f512; Complete the 3 missions.<\/div>\n    <div class=\"actions\"><button class=\"btn soft next\" data-next=\"1\">\u2190 Story<\/button><button class=\"btn primary next\" data-next=\"3\" id=\"nextS2\" disabled>Look &#038; Choose \u2192<\/button><\/div>\n  <\/div>\n<\/section>\n\n<!-- STEP 3 -->\n<section class=\"screen\" data-screen=\"3\">\n  <div class=\"guide\">\n    <div class=\"avatar\">&#x1f466;&#x1f3fb;<\/div>\n    <div class=\"speech\">\n      <strong>Leo says:<\/strong> \u201cLook carefully and choose the correct place word. \n      This time, each correct answer completes the mission immediately.\u201d\n    <\/div>\n  <\/div>\n\n  <div class=\"card lilac\">\n    <h3>3. Look &#038; Choose<\/h3>\n    <p class=\"muted\">\n      Complete the three missions. <b>You do not need to press any extra button to unlock Step 4.<\/b>\n      Listen and repeat are optional practice.\n    <\/p>\n\n    <div class=\"missionstack\">\n\n      <div class=\"reviewmission\" id=\"s3m1\" data-done=\"0\">\n        <h4>Mission 1 \u00b7 ON<\/h4>\n        <div class=\"sceneBox\">&#x1f4d8;<br>&#x1fab5;<\/div>\n        <b>The book is ___ the table.<\/b>\n\n        <div class=\"choices\">\n          <button class=\"choice s3auto\" data-mission=\"1\" data-val=\"on\">on<\/button>\n          <button class=\"choice s3auto\" data-mission=\"1\" data-val=\"in\">in<\/button>\n        <\/div>\n\n        <div class=\"model\" id=\"s3model1\">Choose the correct answer.<\/div>\n\n        <div class=\"actions\">\n          <button class=\"btn yellowbtn\" id=\"s3listen1\" disabled>&#x1f50a; Listen<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s3m2\" data-done=\"0\">\n        <h4>Mission 2 \u00b7 BEHIND<\/h4>\n        <div class=\"sceneBox\">&#x1f392; &#x21a9;&#xfe0f; &#x1fa91;<\/div>\n        <b>The backpack is ___ the chair.<\/b>\n\n        <div class=\"choices\">\n          <button class=\"choice s3auto\" data-mission=\"2\" data-val=\"behind\">behind<\/button>\n          <button class=\"choice s3auto\" data-mission=\"2\" data-val=\"next\">next to<\/button>\n        <\/div>\n\n        <div class=\"model\" id=\"s3model2\">Choose the correct answer.<\/div>\n\n        <div class=\"actions\">\n          <button class=\"btn yellowbtn\" id=\"s3listen2\" disabled>&#x1f50a; Listen<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s3m3\" data-done=\"0\">\n        <h4>Mission 3 \u00b7 IN FRONT OF<\/h4>\n        <div class=\"sceneBox\">&#x26bd; &#x27a1;&#xfe0f; &#x1fa91;<\/div>\n        <b>The ball is ___ the chair.<\/b>\n\n        <div class=\"choices\">\n          <button class=\"choice s3auto\" data-mission=\"3\" data-val=\"behind\">behind<\/button>\n          <button class=\"choice s3auto\" data-mission=\"3\" data-val=\"front\">in front of<\/button>\n        <\/div>\n\n        <div class=\"model\" id=\"s3model3\">Choose the correct answer.<\/div>\n\n        <div class=\"actions\">\n          <button class=\"btn yellowbtn\" id=\"s3listen3\" disabled>&#x1f50a; Listen<\/button>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"progressbig\">\n      &#x1f440; Look &#038; Choose completed: <span id=\"s3progress\">0<\/span>\/3\n    <\/div>\n\n    <div class=\"unlock\" id=\"unlockS3\">&#x1f512; Complete the 3 missions.<\/div>\n\n    <div class=\"actions\">\n      <button class=\"btn soft next\" data-next=\"2\">\u2190 Place Words<\/button>\n      <button class=\"btn primary next\" data-next=\"4\" id=\"nextS3\" disabled>Where Is It? \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 purple\">&#x1f467;&#x1f3fb;<\/div>\n    <div class=\"speech\">\n      <strong>Keyla says:<\/strong> \u201cAnswer <em>Where is it?<\/em> with the complete sentence.\n      Each correct answer completes the mission immediately.\u201d\n    <\/div>\n  <\/div>\n\n  <div class=\"card yellow\">\n    <h3>4. Where Is It?<\/h3>\n    <p class=\"muted\">\n      Complete the three missions. <b>No extra button is required to unlock Step 5.<\/b>\n      Listen is optional practice.\n    <\/p>\n\n    <div class=\"missionstack\">\n      <div class=\"reviewmission\" id=\"s4m1\" data-done=\"0\">\n        <h4>Mission 1<\/h4>\n        <b>Where is the teddy?<\/b>\n        <div class=\"choices\">\n          <button class=\"choice s4auto\" data-mission=\"1\" data-val=\"in\">It is in the box.<\/button>\n          <button class=\"choice s4auto\" data-mission=\"1\" data-val=\"under\">It is under the box.<\/button>\n        <\/div>\n        <div class=\"model\" id=\"s4model1\">Choose the complete answer.<\/div>\n        <div class=\"actions\">\n          <button class=\"btn yellowbtn\" id=\"s4listen1\" disabled>&#x1f50a; Listen<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s4m2\" data-done=\"0\">\n        <h4>Mission 2<\/h4>\n        <b>Where is the book?<\/b>\n        <div class=\"choices\">\n          <button class=\"choice s4auto\" data-mission=\"2\" data-val=\"on\">It is on the table.<\/button>\n          <button class=\"choice s4auto\" data-mission=\"2\" data-val=\"behind\">It is behind the table.<\/button>\n        <\/div>\n        <div class=\"model\" id=\"s4model2\">Choose the complete answer.<\/div>\n        <div class=\"actions\">\n          <button class=\"btn yellowbtn\" id=\"s4listen2\" disabled>&#x1f50a; Listen<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s4m3\" data-done=\"0\">\n        <h4>Mission 3<\/h4>\n        <b>Where is the backpack?<\/b>\n        <div class=\"choices\">\n          <button class=\"choice s4auto\" data-mission=\"3\" data-val=\"next\">It is next to the chair.<\/button>\n          <button class=\"choice s4auto\" data-mission=\"3\" data-val=\"in\">It is in the chair.<\/button>\n        <\/div>\n        <div class=\"model\" id=\"s4model3\">Choose the complete answer.<\/div>\n        <div class=\"actions\">\n          <button class=\"btn yellowbtn\" id=\"s4listen3\" disabled>&#x1f50a; Listen<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"progressbig\">&#x2753; Where Is It? completed: <span id=\"s4progress\">0<\/span>\/3<\/div>\n    <div class=\"unlock\" id=\"unlockS4\">&#x1f512; Complete the 3 missions.<\/div>\n\n    <div class=\"actions\">\n      <button class=\"btn soft next\" data-next=\"3\">\u2190 Look &#038; Choose<\/button>\n      <button class=\"btn primary next\" data-next=\"5\" id=\"nextS4\" disabled>Find Misu \u2192<\/button>\n    <\/div>\n  <\/div>\n<\/section>\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> \u201cHide-and-seek! Choose the sentence that matches my position.\n      Each correct answer completes the mission automatically.\u201d\n    <\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <h3>5. Find Misu!<\/h3>\n    <p class=\"muted\">\n      Complete the three missions. <b>No extra button is required to unlock Step 6.<\/b>\n      Listen is optional practice.\n    <\/p>\n\n    <div class=\"missionstack\">\n      <div class=\"reviewmission\" id=\"s5m1\" data-done=\"0\">\n        <h4>Mission 1 \u00b7 I am BELOW it<\/h4>\n        <div class=\"sceneBox\">&#x1fa91; <span class=\"small\">&#x2b07;&#xfe0f;<\/span> &#x1f431;<\/div>\n        <div class=\"choices\">\n          <button class=\"choice s5auto\" data-mission=\"1\" data-val=\"under\">Misu is under the chair.<\/button>\n          <button class=\"choice s5auto\" data-mission=\"1\" data-val=\"on\">Misu is on the chair.<\/button>\n        <\/div>\n        <div class=\"model\" id=\"s5model1\">Choose the sentence.<\/div>\n        <div class=\"actions\">\n          <button class=\"btn yellowbtn\" id=\"s5listen1\" disabled>&#x1f50a; Listen<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s5m2\" data-done=\"0\">\n        <h4>Mission 2 \u00b7 I am BESIDE it<\/h4>\n        <div class=\"sceneBox\">&#x1f431; &#x2194;&#xfe0f; &#x1f4e6;<\/div>\n        <div class=\"choices\">\n          <button class=\"choice s5auto\" data-mission=\"2\" data-val=\"next\">Misu is next to the box.<\/button>\n          <button class=\"choice s5auto\" data-mission=\"2\" data-val=\"in\">Misu is in the box.<\/button>\n        <\/div>\n        <div class=\"model\" id=\"s5model2\">Choose the sentence.<\/div>\n        <div class=\"actions\">\n          <button class=\"btn yellowbtn\" id=\"s5listen2\" disabled>&#x1f50a; Listen<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s5m3\" data-done=\"0\">\n        <h4>Mission 3 \u00b7 I am BEFORE it<\/h4>\n        <div class=\"sceneBox\">&#x1f431; &#x27a1;&#xfe0f; &#x1fa91;<\/div>\n        <div class=\"choices\">\n          <button class=\"choice s5auto\" data-mission=\"3\" data-val=\"front\">Misu is in front of the chair.<\/button>\n          <button class=\"choice s5auto\" data-mission=\"3\" data-val=\"behind\">Misu is behind the chair.<\/button>\n        <\/div>\n        <div class=\"model\" id=\"s5model3\">Choose the sentence.<\/div>\n        <div class=\"actions\">\n          <button class=\"btn yellowbtn\" id=\"s5listen3\" disabled>&#x1f50a; Listen<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"progressbig\">&#x1f431; Find Misu completed: <span id=\"s5progress\">0<\/span>\/3<\/div>\n    <div class=\"unlock\" id=\"unlockS5\">&#x1f512; Complete the 3 missions.<\/div>\n\n    <div class=\"actions\">\n      <button class=\"btn soft next\" data-next=\"4\">\u2190 Where Is It?<\/button>\n      <button class=\"btn primary next\" data-next=\"6\" id=\"nextS5\" disabled>My Room \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\">&#x1f466;&#x1f3fb;<\/div>\n    <div class=\"speech\">\n      <strong>Leo says:<\/strong> \u201cChoose a location for each item. \n      Each choice completes the mission automatically. At 3\/3, Final Speaking opens.\u201d\n    <\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <h3>6. My Room \u00b7 3 Production Missions<\/h3>\n    <p class=\"muted\">\n      Choose one location in each card. <b>No Build button and no \u201cI said it\u201d button are required.<\/b>\n      Listen is optional practice.\n    <\/p>\n\n    <div class=\"missionstack\">\n\n      <div class=\"reviewmission\" id=\"s6m1\" data-done=\"0\">\n        <h4>Mission 1 \u00b7 My book<\/h4>\n        <label>Where is the book?\n          <select id=\"roomBook6\">\n            <option value=\"\">Choose<\/option>\n            <option value=\"on the table\">on the table<\/option>\n            <option value=\"under the chair\">under the chair<\/option>\n            <option value=\"in the backpack\">in the backpack<\/option>\n          <\/select>\n        <\/label>\n        <div class=\"model\" id=\"s6model1\">My book is ________.<\/div>\n        <div class=\"actions\">\n          <button class=\"btn yellowbtn\" id=\"s6listen1\" disabled>&#x1f50a; Listen<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s6m2\" data-done=\"0\">\n        <h4>Mission 2 \u00b7 My backpack<\/h4>\n        <label>Where is the backpack?\n          <select id=\"roomBackpack6\">\n            <option value=\"\">Choose<\/option>\n            <option value=\"behind the chair\">behind the chair<\/option>\n            <option value=\"next to the table\">next to the table<\/option>\n            <option value=\"in front of the chair\">in front of the chair<\/option>\n          <\/select>\n        <\/label>\n        <div class=\"model\" id=\"s6model2\">My backpack is ________.<\/div>\n        <div class=\"actions\">\n          <button class=\"btn yellowbtn\" id=\"s6listen2\" disabled>&#x1f50a; Listen<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s6m3\" data-done=\"0\">\n        <h4>Mission 3 \u00b7 Misu<\/h4>\n        <label>Where is Misu?\n          <select id=\"roomMisu6\">\n            <option value=\"\">Choose<\/option>\n            <option value=\"under the table\">under the table<\/option>\n            <option value=\"next to the chair\">next to the chair<\/option>\n            <option value=\"in front of the box\">in front of the box<\/option>\n          <\/select>\n        <\/label>\n        <div class=\"model\" id=\"s6model3\">Misu is ________.<\/div>\n        <div class=\"actions\">\n          <button class=\"btn yellowbtn\" id=\"s6listen3\" disabled>&#x1f50a; Listen<\/button>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"progressbig\">\n      &#x1f3e0; My Room completed: <span id=\"s6progress\">0<\/span>\/3\n    <\/div>\n\n    <div class=\"card blue\" style=\"margin-top:16px\">\n      <h3 style=\"font-size:22px\">&#x1f3ad; My \u201cWhere is it?\u201d dialogue<\/h3>\n      <p class=\"muted\">\n        The dialogue updates automatically with your choices.\n        <b>It is optional and never blocks Final Speaking.<\/b>\n      <\/p>\n\n      <div class=\"actions\">\n        <button class=\"btn bluebtn\" id=\"listenDialogue6\" disabled>&#x1f50a; Listen to dialogue<\/button>\n      <\/div>\n\n      <div class=\"dialogue\" id=\"dialogue6\" style=\"margin-top:12px\">\n        <div class=\"line\"><div class=\"who\">Keyla<\/div><div>Where is your book?<\/div><\/div>\n        <div class=\"line leo\"><div class=\"who\">You<\/div><div>My book is ________.<\/div><\/div>\n        <div class=\"line\"><div class=\"who\">Keyla<\/div><div>Where is your backpack?<\/div><\/div>\n        <div class=\"line leo\"><div class=\"who\">You<\/div><div>My backpack is ________.<\/div><\/div>\n        <div class=\"line\"><div class=\"who\">Keyla<\/div><div>Where is Misu?<\/div><\/div>\n        <div class=\"line leo\"><div class=\"who\">You<\/div><div>Misu is ________.<\/div><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"unlock\" id=\"unlockS6\">&#x1f512; Choose one location in each of the 3 missions.<\/div>\n\n    <div class=\"actions\">\n      <button class=\"btn soft next\" data-next=\"5\">\u2190 Find Misu<\/button>\n      <button class=\"btn primary next\" data-next=\"7\" id=\"nextS6\" 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\"><strong>Misu says:<\/strong> \u201cFinal location mission! Complete five speaking challenges. The recording is optional.\u201d<\/div>\n  <\/div>\n\n  <div class=\"card lilac\">\n    <h3>7. Where Is It? \u00b7 Final Speaking Mission<\/h3>\n\n    <div class=\"finalgrid\">\n      <div class=\"finalmission final6\" data-done=\"0\">\n        <div class=\"mnum\">1<\/div><strong>Say one sentence with <em>in<\/em>.<\/strong>\n        <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"Say one sentence with in.\">&#x1f50a; Prompt<\/button><button class=\"btn primary finalDone6\">&#x1f3a4; Done<\/button><\/div>\n      <\/div>\n\n      <div class=\"finalmission final6\" data-done=\"0\">\n        <div class=\"mnum\">2<\/div><strong>Say one sentence with <em>on<\/em> or <em>under<\/em>.<\/strong>\n        <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"Say one sentence with on or under.\">&#x1f50a; Prompt<\/button><button class=\"btn primary finalDone6\">&#x1f3a4; Done<\/button><\/div>\n      <\/div>\n\n      <div class=\"finalmission final6\" data-done=\"0\">\n        <div class=\"mnum\">3<\/div><strong>Say one sentence with <em>behind<\/em>.<\/strong>\n        <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"Say one sentence with behind.\">&#x1f50a; Prompt<\/button><button class=\"btn primary finalDone6\">&#x1f3a4; Done<\/button><\/div>\n      <\/div>\n\n      <div class=\"finalmission final6\" data-done=\"0\">\n        <div class=\"mnum\">4<\/div><strong>Say one sentence with <em>next to<\/em> or <em>in front of<\/em>.<\/strong>\n        <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"Say one sentence with next to or in front of.\">&#x1f50a; Prompt<\/button><button class=\"btn primary finalDone6\">&#x1f3a4; Done<\/button><\/div>\n      <\/div>\n\n      <div class=\"finalmission final6\" data-done=\"0\">\n        <div class=\"mnum\">5<\/div><strong>Ask \u201cWhere is the\u2026?\u201d and answer your own question.<\/strong>\n        <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"Ask, Where is the... and answer your own question.\">&#x1f50a; Prompt<\/button><button class=\"btn primary finalDone6\">&#x1f3a4; Done<\/button><\/div>\n      <\/div>\n\n      <div class=\"finalmission\">\n        <div class=\"mnum\">\u2605<\/div><strong>Bonus: describe three objects around you.<\/strong>\n        <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"Bonus. Describe three objects around you.\">&#x1f50a; Prompt<\/button><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"progressbig\">&#x1f3c6; Final missions completed: <span id=\"finalProgress6\">0<\/span>\/5<\/div>\n  <\/div>\n\n  <div class=\"card yellow\">\n    <h3>&#x1f399;&#xfe0f; Optional room report<\/h3>\n    <p class=\"muted\">Record 20\u201345 seconds describing where objects are. Try to use at least three different prepositions.<\/p>\n    <div class=\"rec\">\n      <div class=\"actions\"><button class=\"btn red startRec6\">\u25cf Start recording<\/button><button class=\"btn soft stopRec6\" disabled>\u25a0 Stop<\/button><\/div>\n      <div class=\"recstatus\" aria-live=\"polite\"><\/div>\n      <audio class=\"playback\" controls hidden><\/audio>\n    <\/div>\n    <p style=\"font-size:13px;color:var(--gray)\">The recording stays in this browser; this activity does not upload it.<\/p>\n  <\/div>\n\n  <div class=\"card\">\n    <div class=\"unlock\" id=\"unlockFinal6\">&#x1f512; Complete the 5 final speaking missions.<\/div>\n    <div class=\"actions\"><button class=\"btn soft next\" data-next=\"6\">\u2190 My Room<\/button><button class=\"btn green\" id=\"finishL6\" disabled>\u2605 Finish my adventure<\/button><\/div>\n\n    <div class=\"finish\" id=\"finishBoxL6\">\n      <div class=\"big\">&#x1f511;&#x1f49c;\u2316<\/div>\n      <h3>You found the Place Key!<\/h3>\n      <p>You can ask where things are and describe locations using <b>in, on, under, behind, next to<\/b> and <b>in front of<\/b>.<\/p>\n      <div class=\"badge\">Cuentos ke Cuentan \u00b7 Place Explorer<\/div>\n      <p><strong>Total: <span id=\"finalPtsL6\">0<\/span> points<\/strong><\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/main>\n\n<div class=\"footerbrand\">Cuentos <span>ke<\/span> Cuentan \u2661 \u00b7 My English KEY by Mara Nieto<\/div>\n<\/div>\n\n<script>\n(function(){\n  const root=document.getElementById('mek-l6-final');\n  if(!root)return;\n\n  let pts=0;\n  let unlocked=1;\n  const ptsEl=root.querySelector('#l6pts');\n  const levelEl=root.querySelector('#l6level');\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 - EXACTLY 3 STORY MISSIONS\n  const storyCompleted=new Set();\n\n  root.querySelectorAll('.story6').forEach(card=>{\n    card.querySelectorAll('.choice').forEach(btn=>{\n      btn.addEventListener('click',()=>{\n        if(card.dataset.done==='1')return;\n\n        if(btn.dataset.correct==='1'){\n          card.dataset.done='1';\n          card.classList.add('done');\n          btn.classList.add('correct');\n          card.querySelectorAll('.choice').forEach(x=>x.disabled=true);\n\n          storyCompleted.add(Number(card.dataset.id));\n          addPts(2);\n          root.querySelector('#storyProgress6').textContent=storyCompleted.size;\n\n          if(storyCompleted.size===3){\n            unlockStep(2);\n            root.querySelector('#nextStory6').disabled=false;\n            root.querySelector('#unlockStory6').textContent='&#x1f511; 3\/3 complete. Place Words unlocked!';\n          }\n        }else{\n          btn.classList.add('wrong');\n          setTimeout(()=>btn.classList.remove('wrong'),700);\n        }\n      });\n    });\n  });\n\n  \/\/ GENERIC ROBUST 3-MISSION STATION\n  function setupStation(cfg){\n    const completed=new Set();\n\n    cfg.answers.forEach((answer,index)=>{\n      const id=index+1;\n      const card=root.querySelector('#'+cfg.prefix+'m'+id);\n      const choices=card.querySelectorAll('.'+cfg.choiceClass);\n      const model=root.querySelector('#'+cfg.prefix+'model'+id);\n      const listen=root.querySelector('#'+cfg.prefix+'listen'+id);\n      const done=root.querySelector('#'+cfg.prefix+'done'+id);\n      const sentence=cfg.sentences[index];\n\n      choices.forEach(btn=>{\n        btn.addEventListener('click',()=>{\n          if(card.dataset.answered==='1'||completed.has(id))return;\n\n          if(btn.dataset.val===answer){\n            card.dataset.answered='1';\n            btn.classList.add('correct');\n            choices.forEach(x=>x.disabled=true);\n            model.textContent=sentence;\n            listen.disabled=false;\n            done.disabled=false;\n            addPts(2);\n          }else{\n            btn.classList.add('wrong');\n            setTimeout(()=>btn.classList.remove('wrong'),700);\n          }\n        });\n      });\n\n      listen.addEventListener('click',()=>speak(sentence));\n\n      done.addEventListener('click',()=>{\n        if(card.dataset.answered!=='1'||completed.has(id))return;\n\n        completed.add(id);\n        card.classList.add('done');\n        done.textContent='\u2605 Mission complete';\n        done.disabled=true;\n        addPts(2);\n\n        root.querySelector('#'+cfg.progressId).textContent=completed.size;\n\n        if(completed.size===3){\n          unlockStep(cfg.nextStep);\n          root.querySelector('#'+cfg.nextButtonId).disabled=false;\n          root.querySelector('#'+cfg.unlockId).textContent='&#x1f511; 3\/3 complete. Next step unlocked!';\n        }else{\n          const left=3-completed.size;\n          root.querySelector('#'+cfg.unlockId).textContent=\n            '\u2713 Great! Complete '+left+' more mission'+(left===1?'':'s')+'.';\n        }\n      });\n    });\n  }\n\n  \/\/ STEP 2\n  setupStation({\n    prefix:'s2',\n    choiceClass:'s2c',\n    answers:['in','under','next'],\n    sentences:[\n      'The teddy is in the box.',\n      'Misu is under the chair.',\n      'The plant is next to the lamp.'\n    ],\n    progressId:'s2progress',\n    unlockId:'unlockS2',\n    nextButtonId:'nextS2',\n    nextStep:3\n  });\n\n  \/\/ STEP 3 - AUTO-COMPLETE ON CORRECT ANSWER\n  \/\/ No extra \"I said it\" button is required for progression.\n  const s3Completed=new Set();\n\n  const s3Data={\n    1:{answer:'on',sentence:'The book is on the table.'},\n    2:{answer:'behind',sentence:'The backpack is behind the chair.'},\n    3:{answer:'front',sentence:'The ball is in front of the chair.'}\n  };\n\n  root.querySelectorAll('.s3auto').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      const mission=Number(btn.dataset.mission);\n      const card=root.querySelector('#s3m'+mission);\n      const data=s3Data[mission];\n\n      if(s3Completed.has(mission))return;\n\n      if(btn.dataset.val===data.answer){\n        s3Completed.add(mission);\n        card.dataset.done='1';\n        card.classList.add('done');\n\n        btn.classList.add('correct');\n        card.querySelectorAll('.s3auto').forEach(x=>x.disabled=true);\n\n        root.querySelector('#s3model'+mission).textContent=data.sentence;\n\n        const listen=root.querySelector('#s3listen'+mission);\n        listen.disabled=false;\n        listen.onclick=()=>speak(data.sentence);\n\n        addPts(2);\n\n        root.querySelector('#s3progress').textContent=s3Completed.size;\n\n        if(s3Completed.size===3){\n          unlockStep(4);\n          root.querySelector('#nextS3').disabled=false;\n          root.querySelector('#unlockS3').textContent='&#x1f511; 3\/3 complete. Where Is It? unlocked!';\n        }else{\n          const left=3-s3Completed.size;\n          root.querySelector('#unlockS3').textContent=\n            '\u2713 Great! Complete '+left+' more mission'+(left===1?'':'s')+'.';\n        }\n\n      }else{\n        btn.classList.add('wrong');\n        setTimeout(()=>btn.classList.remove('wrong'),700);\n      }\n    });\n  });\n\n  \/\/ STEP 4 - AUTO-COMPLETE ON CORRECT ANSWER\n  const s4Completed=new Set();\n  const s4Data={\n    1:{answer:'in',sentence:'It is in the box.'},\n    2:{answer:'on',sentence:'It is on the table.'},\n    3:{answer:'next',sentence:'It is next to the chair.'}\n  };\n\n  root.querySelectorAll('.s4auto').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      const mission=Number(btn.dataset.mission);\n      const card=root.querySelector('#s4m'+mission);\n      const data=s4Data[mission];\n\n      if(s4Completed.has(mission))return;\n\n      if(btn.dataset.val===data.answer){\n        s4Completed.add(mission);\n        card.dataset.done='1';\n        card.classList.add('done');\n        btn.classList.add('correct');\n        card.querySelectorAll('.s4auto').forEach(x=>x.disabled=true);\n\n        root.querySelector('#s4model'+mission).textContent=data.sentence;\n\n        const listen=root.querySelector('#s4listen'+mission);\n        listen.disabled=false;\n        listen.onclick=()=>speak(data.sentence);\n\n        addPts(2);\n        root.querySelector('#s4progress').textContent=s4Completed.size;\n\n        if(s4Completed.size===3){\n          unlockStep(5);\n          root.querySelector('#nextS4').disabled=false;\n          root.querySelector('#unlockS4').textContent='&#x1f511; 3\/3 complete. Find Misu unlocked!';\n        }else{\n          const left=3-s4Completed.size;\n          root.querySelector('#unlockS4').textContent=\n            '\u2713 Great! Complete '+left+' more mission'+(left===1?'':'s')+'.';\n        }\n      }else{\n        btn.classList.add('wrong');\n        setTimeout(()=>btn.classList.remove('wrong'),700);\n      }\n    });\n  });\n\n  \/\/ STEP 5 - SAME RELIABLE AUTO-COMPLETE LOGIC\n  const s5Completed=new Set();\n  const s5Data={\n    1:{answer:'under',sentence:'Misu is under the chair.'},\n    2:{answer:'next',sentence:'Misu is next to the box.'},\n    3:{answer:'front',sentence:'Misu is in front of the chair.'}\n  };\n\n  root.querySelectorAll('.s5auto').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      const mission=Number(btn.dataset.mission);\n      const card=root.querySelector('#s5m'+mission);\n      const data=s5Data[mission];\n\n      if(s5Completed.has(mission))return;\n\n      if(btn.dataset.val===data.answer){\n        s5Completed.add(mission);\n        card.dataset.done='1';\n        card.classList.add('done');\n        btn.classList.add('correct');\n        card.querySelectorAll('.s5auto').forEach(x=>x.disabled=true);\n\n        root.querySelector('#s5model'+mission).textContent=data.sentence;\n\n        const listen=root.querySelector('#s5listen'+mission);\n        listen.disabled=false;\n        listen.onclick=()=>speak(data.sentence);\n\n        addPts(2);\n        root.querySelector('#s5progress').textContent=s5Completed.size;\n\n        if(s5Completed.size===3){\n          unlockStep(6);\n          root.querySelector('#nextS5').disabled=false;\n          root.querySelector('#unlockS5').textContent='&#x1f511; 3\/3 complete. My Room unlocked!';\n        }else{\n          const left=3-s5Completed.size;\n          root.querySelector('#unlockS5').textContent=\n            '\u2713 Great! Complete '+left+' more mission'+(left===1?'':'s')+'.';\n        }\n      }else{\n        btn.classList.add('wrong');\n        setTimeout(()=>btn.classList.remove('wrong'),700);\n      }\n    });\n  });\n\n  \/\/ STEP 6 - AUTO-COMPLETE ON SELECT\n  \/\/ Each dropdown choice completes one mission immediately.\n  const roomCompleted=new Set();\n  const roomSentences={1:'',2:'',3:''};\n\n  function updateDialogue6(){\n    const bookLoc=root.querySelector('#roomBook6').value || '________';\n    const bagLoc=root.querySelector('#roomBackpack6').value || '________';\n    const misuLoc=root.querySelector('#roomMisu6').value || '________';\n\n    const html=\n      '<div class=\"line\"><div class=\"who\">Keyla<\/div><div>Where is your book?<\/div><\/div>'+\n      '<div class=\"line leo\"><div class=\"who\">You<\/div><div>My book is '+bookLoc+'.<\/div><\/div>'+\n      '<div class=\"line\"><div class=\"who\">Keyla<\/div><div>Where is your backpack?<\/div><\/div>'+\n      '<div class=\"line leo\"><div class=\"who\">You<\/div><div>My backpack is '+bagLoc+'.<\/div><\/div>'+\n      '<div class=\"line\"><div class=\"who\">Keyla<\/div><div>Where is Misu?<\/div><\/div>'+\n      '<div class=\"line leo\"><div class=\"who\">You<\/div><div>Misu is '+misuLoc+'.<\/div><\/div>';\n\n    root.querySelector('#dialogue6').innerHTML=html;\n\n    const dialogueText=\n      'Keyla: Where is your book? You: My book is '+bookLoc+'. '+\n      'Keyla: Where is your backpack? You: My backpack is '+bagLoc+'. '+\n      'Keyla: Where is Misu? You: Misu is '+misuLoc+'.';\n\n    const listen=root.querySelector('#listenDialogue6');\n    listen.dataset.dialogue=dialogueText;\n\n    const allChosen=\n      root.querySelector('#roomBook6').value &&\n      root.querySelector('#roomBackpack6').value &&\n      root.querySelector('#roomMisu6').value;\n\n    listen.disabled=!allChosen;\n  }\n\n  function completeRoomMission(id,sentence){\n    if(roomCompleted.has(id))return;\n\n    roomCompleted.add(id);\n    roomSentences[id]=sentence;\n\n    const card=root.querySelector('#s6m'+id);\n    card.dataset.done='1';\n    card.classList.add('done');\n\n    addPts(3);\n    root.querySelector('#s6progress').textContent=roomCompleted.size;\n\n    if(roomCompleted.size===3){\n      unlockStep(7);\n      root.querySelector('#nextS6').disabled=false;\n      root.querySelector('#unlockS6').textContent='&#x1f511; 3\/3 complete. Final Speaking unlocked!';\n    }else{\n      const left=3-roomCompleted.size;\n      root.querySelector('#unlockS6').textContent=\n        '\u2713 Great! Choose '+left+' more location'+(left===1?'':'s')+'.';\n    }\n  }\n\n  root.querySelector('#roomBook6').addEventListener('change',function(){\n    if(!this.value)return;\n\n    const sentence='My book is '+this.value+'.';\n    roomSentences[1]=sentence;\n    root.querySelector('#s6model1').textContent=sentence;\n    root.querySelector('#s6listen1').disabled=false;\n    completeRoomMission(1,sentence);\n    updateDialogue6();\n  });\n\n  root.querySelector('#roomBackpack6').addEventListener('change',function(){\n    if(!this.value)return;\n\n    const sentence='My backpack is '+this.value+'.';\n    roomSentences[2]=sentence;\n    root.querySelector('#s6model2').textContent=sentence;\n    root.querySelector('#s6listen2').disabled=false;\n    completeRoomMission(2,sentence);\n    updateDialogue6();\n  });\n\n  root.querySelector('#roomMisu6').addEventListener('change',function(){\n    if(!this.value)return;\n\n    const sentence='Misu is '+this.value+'.';\n    roomSentences[3]=sentence;\n    root.querySelector('#s6model3').textContent=sentence;\n    root.querySelector('#s6listen3').disabled=false;\n    completeRoomMission(3,sentence);\n    updateDialogue6();\n  });\n\n  root.querySelector('#s6listen1').addEventListener('click',()=>{\n    if(roomSentences[1])speak(roomSentences[1]);\n  });\n\n  root.querySelector('#s6listen2').addEventListener('click',()=>{\n    if(roomSentences[2])speak(roomSentences[2]);\n  });\n\n  root.querySelector('#s6listen3').addEventListener('click',()=>{\n    if(roomSentences[3])speak(roomSentences[3]);\n  });\n\n  root.querySelector('#listenDialogue6').addEventListener('click',function(){\n    if(this.dataset.dialogue)speak(this.dataset.dialogue);\n  });\n\n  updateDialogue6();\n\n\n  \/\/ STEP 7 - FIVE EXPLICIT FINAL MISSIONS\n  let finalDone=0;\n\n  root.querySelectorAll('.finalDone6').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      const card=btn.closest('.final6');\n      if(card.dataset.done==='1')return;\n\n      card.dataset.done='1';\n      card.classList.add('done');\n      finalDone++;\n      addPts(2);\n\n      btn.textContent='\u2605 Done';\n      btn.className='btn green finalDone6';\n      root.querySelector('#finalProgress6').textContent=finalDone;\n\n      if(finalDone===5){\n        root.querySelector('#finishL6').disabled=false;\n        root.querySelector('#unlockFinal6').textContent='&#x1f511; 5\/5 complete. You can finish the adventure!';\n      }\n    });\n  });\n\n  \/\/ OPTIONAL RECORDING\n  let recorder=null,stream=null,chunks=[];\n\n  root.querySelector('.startRec6').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 room report!';\n        if(stream)stream.getTracks().forEach(t=>t.stop());\n      };\n\n      recorder.start();\n      status.textContent='\u25cf Recording\u2026 Describe where things are.';\n      this.disabled=true;\n      root.querySelector('.stopRec6').disabled=false;\n\n    }catch(e){\n      status.textContent='Please allow microphone access to record your voice.';\n    }\n  });\n\n  root.querySelector('.stopRec6').addEventListener('click',function(){\n    if(recorder&&recorder.state==='recording')recorder.stop();\n    this.disabled=true;\n    root.querySelector('.startRec6').disabled=false;\n  });\n\n  root.querySelector('#finishL6').addEventListener('click',function(){\n    if(finalDone!==5)return;\n\n    addPts(5);\n    root.querySelector('#finalPtsL6').textContent=pts;\n    root.querySelector('#finishBoxL6').classList.add('show');\n    root.querySelector('.step[data-step=\"7\"]').classList.add('done');\n    root.querySelector('#unlockFinal6').textContent='&#x1f49c; Adventure complete!';\n    this.disabled=true;\n  });\n\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Cuentos ke Cuentan \u2661 My English Key \u00b7 Starter 1 Lesson 6 \u00b7 Where Is It? A progressive speaking adventure with the prepositions of place: [&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-1742","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1742","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=1742"}],"version-history":[{"count":5,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1742\/revisions"}],"predecessor-version":[{"id":1749,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1742\/revisions\/1749"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}