{"id":1750,"date":"2026-08-19T04:48:55","date_gmt":"2026-08-19T04:48:55","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?page_id=1750"},"modified":"2026-08-19T04:52:19","modified_gmt":"2026-08-19T04:52:19","slug":"my-english-key-7-1a1","status":"publish","type":"page","link":"https:\/\/cuentoskecuentan.com\/?page_id=1750","title":{"rendered":"My English Key 7 1A1"},"content":{"rendered":"\n<!--\nMY ENGLISH KEY \u00b7 STARTER 1\nLESSON 7 \u00b7 WHOSE 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-l7-final\">\n<style>\n#mek-l7-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-l7-final *{box-sizing:border-box}\n#mek-l7-final button,#mek-l7-final input,#mek-l7-final select{font:inherit}\n#mek-l7-final button{touch-action:manipulation}\n\n#mek-l7-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-l7-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-l7-final .top:after{\n  content:\"&#x1f511;  \u2661  ?\";position:absolute;right:25px;bottom:12px;color:var(--purple);\n  font-size:20px;letter-spacing:8px;opacity:.72\n}\n#mek-l7-final .brandrow{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}\n#mek-l7-final .ckc{font-weight:900;color:var(--purple);font-size:20px}\n#mek-l7-final .ckc .ke{display:inline-block;background:var(--yellow);color:var(--purple-dark);padding:1px 6px;border-radius:8px;transform:rotate(-3deg)}\n#mek-l7-final .keybrand{font-weight:900;color:var(--purple);font-size:18px}\n#mek-l7-final .keybrand b{color:var(--yellow)}\n#mek-l7-final h2{margin:14px 0 4px;color:var(--purple);font-size:clamp(32px,5vw,50px);line-height:1.04}\n#mek-l7-final .subtitle{margin:0;color:var(--gray);font-size:18px;max-width:860px}\n#mek-l7-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-l7-final .pathwrap{padding:18px 20px;background:var(--lilac);border-bottom:1px solid #e7dbe9;overflow-x:auto}\n#mek-l7-final .path{display:grid;grid-template-columns:repeat(7,minmax(96px,1fr));gap:6px;position:relative;min-width:720px}\n#mek-l7-final .path:before{content:\"\";position:absolute;left:6%;right:6%;top:21px;border-top:3px dashed var(--purple-mid);z-index:0}\n#mek-l7-final .step{position:relative;z-index:1;text-align:center}\n#mek-l7-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-l7-final .step.active .dot,#mek-l7-final .step.done .dot{background:var(--purple);color:#fff;border-color:var(--purple)}\n#mek-l7-final .step.done .dot{font-size:0}\n#mek-l7-final .step.done .dot:after{content:\"\u2713\";font-size:20px}\n#mek-l7-final .step.locked{opacity:.42}\n#mek-l7-final .step small{font-weight:900;color:var(--purple-dark);font-size:12px}\n#mek-l7-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-l7-final .pill{padding:7px 12px;border-radius:999px;background:var(--purple);color:#fff;font-weight:900}\n#mek-l7-final .pill.yellow{background:var(--yellow);color:var(--purple-dark)}\n#mek-l7-final .content{padding:25px}\n#mek-l7-final .screen{display:none}\n#mek-l7-final .screen.active{display:block}\n\n\/* GENERAL *\/\n#mek-l7-final .guide{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;margin-bottom:18px}\n#mek-l7-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-l7-final .avatar.purple{background:var(--lilac-2);border-color:var(--purple)}\n#mek-l7-final .avatar.gray{background:#F0EFF1;border-color:#9B929D}\n#mek-l7-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-l7-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-l7-final .card{border:2px solid #E7DBE9;border-radius:23px;padding:20px;margin:14px 0;background:#fff}\n#mek-l7-final .card.yellow{background:var(--yellow-soft);border-color:#EFD873}\n#mek-l7-final .card.lilac{background:var(--lilac);border-color:#DCC9DF}\n#mek-l7-final .card.blue{background:var(--blue-soft);border-color:#cadbe9}\n#mek-l7-final .card h3{margin:0 0 9px;color:var(--purple);font-size:26px}\n#mek-l7-final .muted{color:var(--gray);margin-top:0}\n#mek-l7-final .storypaper{\n  background:#fff;border:2px dashed var(--purple-mid);border-radius:20px;padding:19px;font-size:18px;position:relative\n}\n#mek-l7-final .storypaper:after{content:\"&#x1f511;\";position:absolute;right:16px;bottom:8px;font-size:27px}\n#mek-l7-final .storypaper strong{color:var(--purple)}\n#mek-l7-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-l7-final .valueicon{font-size:35px;text-align:center}\n#mek-l7-final .valuecorner b{color:var(--purple-dark)}\n\n#mek-l7-final .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}\n#mek-l7-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-l7-final .btn:hover{transform:translateY(-1px)}\n#mek-l7-final .btn:disabled{opacity:.43;cursor:not-allowed;transform:none}\n#mek-l7-final .primary{background:var(--purple);color:#fff}\n#mek-l7-final .yellowbtn{background:var(--yellow);color:var(--purple-dark)}\n#mek-l7-final .soft{background:var(--lilac-2);color:var(--purple-dark)}\n#mek-l7-final .green{background:var(--green);color:#fff}\n#mek-l7-final .red{background:var(--red);color:#fff}\n#mek-l7-final .bluebtn{background:var(--blue);color:#fff}\n#mek-l7-final .unlock{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--lilac);color:var(--purple-dark);font-weight:800}\n#mek-l7-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-l7-final .missionstack{display:grid;gap:14px;margin-top:14px}\n#mek-l7-final .reviewmission{\n  border:2px solid #E5D8E7;border-radius:20px;padding:16px;background:#fff\n}\n#mek-l7-final .reviewmission.done{border-color:var(--green);background:var(--green-soft)}\n#mek-l7-final .reviewmission h4{margin:0 0 8px;color:var(--purple);font-size:20px}\n#mek-l7-final .choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}\n#mek-l7-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-l7-final .choice.correct{background:var(--green-soft);border-color:var(--green);color:#2E6C4E}\n#mek-l7-final .choice.wrong{background:var(--red-soft);border-color:var(--red);color:#8B3E49}\n#mek-l7-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\/* GRAMMAR REFERENCE *\/\n#mek-l7-final .rulegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}\n#mek-l7-final .rulecard{\n  border:2px solid #E5D8E7;border-radius:19px;padding:16px;background:#fff\n}\n#mek-l7-final .rulecard strong{display:block;color:var(--purple);font-size:21px;margin-bottom:6px}\n#mek-l7-final .rulecard .example{font-size:18px;color:var(--purple-dark);font-weight:800}\n#mek-l7-final .compare{\n  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px\n}\n#mek-l7-final .compare > div{\n  border:2px solid #E5D8E7;border-radius:16px;padding:14px;background:#fff\n}\n#mek-l7-final .compare b{color:var(--purple)}\n\n\/* BUILDER *\/\n#mek-l7-final .minirow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}\n#mek-l7-final label{font-weight:900;color:var(--purple-dark)}\n#mek-l7-final input,#mek-l7-final select{\n  width:100%;margin-top:6px;border:2px solid #D9C7DC;border-radius:12px;padding:11px 12px;background:#fff\n}\n#mek-l7-final input:focus,#mek-l7-final select:focus{outline:3px solid rgba(246,199,68,.34);border-color:var(--purple)}\n#mek-l7-final .dialogue{\n  border:2px solid #E5D8E7;border-radius:20px;background:#fff;padding:16px\n}\n#mek-l7-final .line{display:grid;grid-template-columns:78px 1fr;gap:8px;padding:8px 0;border-bottom:1px dashed #E1D3E3}\n#mek-l7-final .line:last-child{border-bottom:0}\n#mek-l7-final .who{font-weight:900;color:var(--purple)}\n#mek-l7-final .line.leo .who{color:var(--blue)}\n\n\/* FINAL *\/\n#mek-l7-final .finalgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}\n#mek-l7-final .finalmission{border:2px solid #E5D8E7;border-radius:18px;padding:15px;background:#fff}\n#mek-l7-final .finalmission.done{background:var(--green-soft);border-color:var(--green)}\n#mek-l7-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-l7-final .rec{margin-top:14px;padding:15px;border:2px dashed var(--purple);border-radius:18px;background:#fff}\n#mek-l7-final .recstatus{min-height:24px;margin-top:8px;font-weight:900;color:var(--purple-dark)}\n#mek-l7-final audio{width:100%;margin-top:10px}\n#mek-l7-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-l7-final .finish.show{display:block}\n#mek-l7-final .finish .big{font-size:52px;line-height:1}\n#mek-l7-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-l7-final .footerbrand{text-align:center;padding:16px;background:var(--purple);color:#fff;font-weight:900}\n#mek-l7-final .footerbrand span{color:var(--yellow)}\n\n@media(max-width:820px){\n  #mek-l7-final .rulegrid,#mek-l7-final .compare,#mek-l7-final .finalgrid,#mek-l7-final .minirow{grid-template-columns:1fr}\n  #mek-l7-final .guide{grid-template-columns:70px 1fr}\n  #mek-l7-final .avatar{width:66px;height:66px;font-size:35px}\n  #mek-l7-final .content{padding:16px}\n  #mek-l7-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 7 \u00b7 Whose Is It?<\/h2>\n  <p class=\"subtitle\">A speaking adventure about ownership: asking <b>Whose\u2026?<\/b>, using possessive <b>\u2019s<\/b>, and connecting it with <b>my, your, his, her, our, their<\/b>.<\/p>\n  <div class=\"identity-note\">&#x1f511; Ask \u00b7 identify \u00b7 show ownership \u00b7 speak clearly<\/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>Whose?<\/small><\/div>\n    <div class=\"step locked\" data-step=\"3\"><div class=\"dot\">3<\/div><small>Possessive \u2019s<\/small><\/div>\n    <div class=\"step locked\" data-step=\"4\"><div class=\"dot\">4<\/div><small>My \/ Her \/ His<\/small><\/div>\n    <div class=\"step locked\" data-step=\"5\"><div class=\"dot\">5<\/div><small>Family Things<\/small><\/div>\n    <div class=\"step locked\" data-step=\"6\"><div class=\"dot\">6<\/div><small>Whose Things?<\/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=\"l7pts\">0<\/span> points<\/div>\n  <div class=\"pill\">&#x1f511; Step <span id=\"l7level\">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> \u201cThere are school things on the table, but nobody knows who owns them. Can you help us?\u201d<\/div>\n  <\/div>\n\n  <div class=\"card lilac\">\n    <h3>1. The lost-and-found table<\/h3>\n    <div class=\"storypaper\">\n      Keyla and Leo find a pencil, a book and a little yellow ball.\n      Keyla asks, \u201c<strong>Whose pencil is this?<\/strong>\u201d\n      Leo sees Keyla\u2019s name on it. \u201cIt is <strong>Keyla\u2019s pencil<\/strong>.\u201d\n      Then Keyla picks up a book. \u201cWhose book is this?\u201d\n      \u201cIt is <strong>Leo\u2019s book<\/strong>,\u201d says Leo.\n      Misu taps the yellow ball with his paw.\n      Keyla laughs. \u201cAnd this is <strong>Misu\u2019s ball<\/strong>!\u201d\n      Now every object can go back to its owner.\n    <\/div>\n\n    <div class=\"actions\">\n      <button class=\"btn yellowbtn listen\" data-text=\"Keyla and Leo find a pencil, a book and a little yellow ball. Keyla asks, Whose pencil is this? Leo sees Keyla's name on it. It is Keyla's pencil. Then Keyla picks up a book. Whose book is this? It is Leo's book, says Leo. Misu taps the yellow ball with his paw. Keyla laughs. And this is Misu's ball. Now every object can go back to its owner.\">&#x1f50a; Listen to the story<\/button>\n    <\/div>\n\n    <div class=\"valuecorner\">\n      <div class=\"valueicon\">&#x1f91d;<\/div>\n      <div><b>Value corner \u00b7 Honesty and respect<\/b><br>We respect other people\u2019s belongings by returning what is theirs and taking care of what God has entrusted to us.<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <h3>3 Story Missions<\/h3>\n    <p class=\"muted\">Choose the correct answer. Each correct answer completes a mission automatically.<\/p>\n\n    <div class=\"missionstack\">\n      <div class=\"reviewmission story7\" data-id=\"1\" data-done=\"0\">\n        <h4>Mission 1<\/h4>\n        <b>Whose pencil is it?<\/b>\n        <div class=\"choices\"><button class=\"choice\" data-correct=\"1\">Keyla\u2019s pencil<\/button><button class=\"choice\">Leo\u2019s pencil<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission story7\" data-id=\"2\" data-done=\"0\">\n        <h4>Mission 2<\/h4>\n        <b>Whose book is it?<\/b>\n        <div class=\"choices\"><button class=\"choice\">Misu\u2019s book<\/button><button class=\"choice\" data-correct=\"1\">Leo\u2019s book<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission story7\" data-id=\"3\" data-done=\"0\">\n        <h4>Mission 3<\/h4>\n        <b>Whose ball is it?<\/b>\n        <div class=\"choices\"><button class=\"choice\" data-correct=\"1\">Misu\u2019s ball<\/button><button class=\"choice\">Keyla\u2019s ball<\/button><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"progressbig\">&#x1f50e; Story missions completed: <span id=\"storyProgress7\">0<\/span>\/3<\/div>\n    <div class=\"unlock\" id=\"unlockStory7\">&#x1f512; Complete the 3 story missions.<\/div>\n    <div class=\"actions\"><button class=\"btn primary next\" data-next=\"2\" id=\"nextStory7\" disabled>Whose? \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> \u201cUse <em>Whose\u2026?<\/em> when you want to know who owns something.\u201d<\/div>\n  <\/div>\n\n  <div class=\"card yellow\">\n    <h3>2. Ask \u201cWhose\u2026?\u201d<\/h3>\n    <div class=\"rulegrid\">\n      <div class=\"rulecard\">\n        <strong>Whose book is this?<\/strong>\n        <div class=\"example\">It is Leo\u2019s book.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"Whose book is this? It is Leo's book.\">&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n      <div class=\"rulecard\">\n        <strong>Whose pencil is this?<\/strong>\n        <div class=\"example\">It is Keyla\u2019s pencil.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"Whose pencil is this? It is Keyla's pencil.\">&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <h3>3 Whose? Missions<\/h3>\n    <div class=\"missionstack\">\n      <div class=\"reviewmission\" id=\"s2m1\" data-done=\"0\">\n        <h4>Mission 1<\/h4>\n        <b>You want to know who owns the book. Ask:<\/b>\n        <div class=\"choices\"><button class=\"choice s2auto\" data-mission=\"1\" data-val=\"whose\">Whose book is this?<\/button><button class=\"choice s2auto\" data-mission=\"1\" data-val=\"where\">Where is the book?<\/button><\/div>\n        <div class=\"model\" id=\"s2model1\">Choose the correct question.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s2listen1\" disabled>&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s2m2\" data-done=\"0\">\n        <h4>Mission 2<\/h4>\n        <b>You want to know who owns the backpack. Ask:<\/b>\n        <div class=\"choices\"><button class=\"choice s2auto\" data-mission=\"2\" data-val=\"whose\">Whose backpack is this?<\/button><button class=\"choice s2auto\" data-mission=\"2\" data-val=\"what\">What is your name?<\/button><\/div>\n        <div class=\"model\" id=\"s2model2\">Choose the correct question.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s2listen2\" disabled>&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s2m3\" data-done=\"0\">\n        <h4>Mission 3<\/h4>\n        <b>Best answer to \u201cWhose pencil is this?\u201d<\/b>\n        <div class=\"choices\"><button class=\"choice s2auto\" data-mission=\"3\" data-val=\"keyla\">It is Keyla\u2019s pencil.<\/button><button class=\"choice s2auto\" data-mission=\"3\" data-val=\"place\">It is on the desk.<\/button><\/div>\n        <div class=\"model\" id=\"s2model3\">Choose the ownership answer.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s2listen3\" disabled>&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"progressbig\">&#x2753; Whose? 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>Possessive \u2019s \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\"><strong>Leo says:<\/strong> \u201cTo show ownership with a name, add <em>\u2019s<\/em>: Keyla \u2192 Keyla\u2019s.\u201d<\/div>\n  <\/div>\n\n  <div class=\"card lilac\">\n    <h3>3. Possessive \u2019s<\/h3>\n    <div class=\"rulegrid\">\n      <div class=\"rulecard\">\n        <strong>Name + \u2019s + thing<\/strong>\n        <div class=\"example\">Keyla + \u2019s + pencil \u2192 <b>Keyla\u2019s pencil<\/b><\/div>\n      <\/div>\n      <div class=\"rulecard\">\n        <strong>Family noun + \u2019s + thing\/name<\/strong>\n        <div class=\"example\">my brother + \u2019s + name \u2192 <b>my brother\u2019s name<\/b><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <h3>3 Possessive \u2019s Missions<\/h3>\n\n    <div class=\"missionstack\">\n      <div class=\"reviewmission\" id=\"s3m1\" data-done=\"0\">\n        <h4>Mission 1<\/h4>\n        <b>The book belongs to Leo.<\/b>\n        <div class=\"choices\"><button class=\"choice s3auto\" data-mission=\"1\" data-val=\"correct\">Leo\u2019s book<\/button><button class=\"choice s3auto\" data-mission=\"1\" data-val=\"wrong\">Leo book<\/button><\/div>\n        <div class=\"model\" id=\"s3model1\">Choose the ownership phrase.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s3listen1\" disabled>&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s3m2\" data-done=\"0\">\n        <h4>Mission 2<\/h4>\n        <b>The pencil belongs to Maria.<\/b>\n        <div class=\"choices\"><button class=\"choice s3auto\" data-mission=\"2\" data-val=\"wrong\">Marias pencil<\/button><button class=\"choice s3auto\" data-mission=\"2\" data-val=\"correct\">Maria\u2019s pencil<\/button><\/div>\n        <div class=\"model\" id=\"s3model2\">Choose the ownership phrase.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s3listen2\" disabled>&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s3m3\" data-done=\"0\">\n        <h4>Mission 3<\/h4>\n        <b>The name belongs to my brother.<\/b>\n        <div class=\"choices\"><button class=\"choice s3auto\" data-mission=\"3\" data-val=\"correct\">my brother\u2019s name<\/button><button class=\"choice s3auto\" data-mission=\"3\" data-val=\"wrong\">my brothers name<\/button><\/div>\n        <div class=\"model\" id=\"s3model3\">Choose the ownership phrase.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s3listen3\" disabled>&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"progressbig\">&#x1f511; Possessive \u2019s completed: <span id=\"s3progress\">0<\/span>\/3<\/div>\n    <div class=\"unlock\" id=\"unlockS3\">&#x1f512; Complete the 3 missions.<\/div>\n    <div class=\"actions\"><button class=\"btn soft next\" data-next=\"2\">\u2190 Whose?<\/button><button class=\"btn primary next\" data-next=\"4\" id=\"nextS3\" disabled>My \/ Her \/ His \u2192<\/button><\/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\"><strong>Keyla says:<\/strong> \u201cPossessive adjectives and possessive \u2019s both show ownership, but they work differently.\u201d<\/div>\n  <\/div>\n\n  <div class=\"card yellow\">\n    <h3>4. Possessive adjective or possessive \u2019s?<\/h3>\n    <div class=\"compare\">\n      <div><b>Possessive adjective<\/b><br>This is <strong>her<\/strong> book.<br>This is <strong>his<\/strong> pencil.<\/div>\n      <div><b>Possessive \u2019s<\/b><br>This is <strong>Keyla\u2019s<\/strong> book.<br>This is <strong>Leo\u2019s<\/strong> pencil.<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <h3>3 Ownership Missions<\/h3>\n    <div class=\"missionstack\">\n      <div class=\"reviewmission\" id=\"s4m1\" data-done=\"0\">\n        <h4>Mission 1<\/h4>\n        <b>This is Keyla\u2019s book. = This is ___ book.<\/b>\n        <div class=\"choices\"><button class=\"choice s4auto\" data-mission=\"1\" data-val=\"her\">her<\/button><button class=\"choice s4auto\" data-mission=\"1\" data-val=\"his\">his<\/button><\/div>\n        <div class=\"model\" id=\"s4model1\">Choose the possessive adjective.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s4listen1\" disabled>&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s4m2\" data-done=\"0\">\n        <h4>Mission 2<\/h4>\n        <b>This is Leo\u2019s pencil. = This is ___ pencil.<\/b>\n        <div class=\"choices\"><button class=\"choice s4auto\" data-mission=\"2\" data-val=\"his\">his<\/button><button class=\"choice s4auto\" data-mission=\"2\" data-val=\"her\">her<\/button><\/div>\n        <div class=\"model\" id=\"s4model2\">Choose the possessive adjective.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s4listen2\" disabled>&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s4m3\" data-done=\"0\">\n        <h4>Mission 3<\/h4>\n        <b>Keyla and Leo have a classroom. It is ___ classroom.<\/b>\n        <div class=\"choices\"><button class=\"choice s4auto\" data-mission=\"3\" data-val=\"our\">our<\/button><button class=\"choice s4auto\" data-mission=\"3\" data-val=\"my\">my<\/button><\/div>\n        <div class=\"model\" id=\"s4model3\">Choose the possessive adjective.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s4listen3\" disabled>&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"progressbig\">&#x1f49c; Ownership missions completed: <span id=\"s4progress\">0<\/span>\/3<\/div>\n    <div class=\"unlock\" id=\"unlockS4\">&#x1f512; Complete the 3 missions.<\/div>\n    <div class=\"actions\"><button class=\"btn soft next\" data-next=\"3\">\u2190 Possessive \u2019s<\/button><button class=\"btn primary next\" data-next=\"5\" id=\"nextS4\" disabled>Family Things \u2192<\/button><\/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\"><strong>Misu says:<\/strong> \u201cNow use possessive \u2019s with family words, just like <em>my brother\u2019s name<\/em>.\u201d<\/div>\n  <\/div>\n\n  <div class=\"card lilac\">\n    <h3>5. Family Things<\/h3>\n\n    <div class=\"missionstack\">\n      <div class=\"reviewmission\" id=\"s5m1\" data-done=\"0\">\n        <h4>Mission 1<\/h4>\n        <b>The bag belongs to my sister.<\/b>\n        <div class=\"choices\"><button class=\"choice s5auto\" data-mission=\"1\" data-val=\"correct\">my sister\u2019s bag<\/button><button class=\"choice s5auto\" data-mission=\"1\" data-val=\"wrong\">my sister bag<\/button><\/div>\n        <div class=\"model\" id=\"s5model1\">Choose the correct phrase.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s5listen1\" disabled>&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s5m2\" data-done=\"0\">\n        <h4>Mission 2<\/h4>\n        <b>The name belongs to my father.<\/b>\n        <div class=\"choices\"><button class=\"choice s5auto\" data-mission=\"2\" data-val=\"correct\">my father\u2019s name<\/button><button class=\"choice s5auto\" data-mission=\"2\" data-val=\"wrong\">my fathers name<\/button><\/div>\n        <div class=\"model\" id=\"s5model2\">Choose the correct phrase.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s5listen2\" disabled>&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s5m3\" data-done=\"0\">\n        <h4>Mission 3<\/h4>\n        <b>The book belongs to my mother.<\/b>\n        <div class=\"choices\"><button class=\"choice s5auto\" data-mission=\"3\" data-val=\"wrong\">my mother book<\/button><button class=\"choice s5auto\" data-mission=\"3\" data-val=\"correct\">my mother\u2019s book<\/button><\/div>\n        <div class=\"model\" id=\"s5model3\">Choose the correct phrase.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s5listen3\" disabled>&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"progressbig\">&#x1f468;&#x200d;&#x1f469;&#x200d;&#x1f467; Family missions completed: <span id=\"s5progress\">0<\/span>\/3<\/div>\n    <div class=\"unlock\" id=\"unlockS5\">&#x1f512; Complete the 3 missions.<\/div>\n    <div class=\"actions\"><button class=\"btn soft next\" data-next=\"4\">\u2190 My \/ Her \/ His<\/button><button class=\"btn primary next\" data-next=\"6\" id=\"nextS5\" disabled>Whose Things? \u2192<\/button><\/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\"><strong>Leo says:<\/strong> \u201cChoose an owner for each object. Every choice completes one mission. At 3\/3, Final Speaking opens automatically.\u201d<\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <h3>6. Whose Things? \u00b7 3 Production Missions<\/h3>\n    <p class=\"muted\"><b>No Build or I said it button is required.<\/b> Choose the owner; the sentence and dialogue update automatically.<\/p>\n\n    <div class=\"missionstack\">\n      <div class=\"reviewmission\" id=\"s6m1\" data-done=\"0\">\n        <h4>Mission 1 \u00b7 The book<\/h4>\n        <label>Whose book is this?\n          <select id=\"ownerBook7\">\n            <option value=\"\">Choose<\/option>\n            <option value=\"Keyla\">Keyla<\/option>\n            <option value=\"Leo\">Leo<\/option>\n            <option value=\"Misu\">Misu<\/option>\n          <\/select>\n        <\/label>\n        <div class=\"model\" id=\"s6model1\">It is ________\u2019s book.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s6listen1\" disabled>&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s6m2\" data-done=\"0\">\n        <h4>Mission 2 \u00b7 The pencil<\/h4>\n        <label>Whose pencil is this?\n          <select id=\"ownerPencil7\">\n            <option value=\"\">Choose<\/option>\n            <option value=\"Keyla\">Keyla<\/option>\n            <option value=\"Leo\">Leo<\/option>\n            <option value=\"Misu\">Misu<\/option>\n          <\/select>\n        <\/label>\n        <div class=\"model\" id=\"s6model2\">It is ________\u2019s pencil.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s6listen2\" disabled>&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n\n      <div class=\"reviewmission\" id=\"s6m3\" data-done=\"0\">\n        <h4>Mission 3 \u00b7 The ball<\/h4>\n        <label>Whose ball is this?\n          <select id=\"ownerBall7\">\n            <option value=\"\">Choose<\/option>\n            <option value=\"Keyla\">Keyla<\/option>\n            <option value=\"Leo\">Leo<\/option>\n            <option value=\"Misu\">Misu<\/option>\n          <\/select>\n        <\/label>\n        <div class=\"model\" id=\"s6model3\">It is ________\u2019s ball.<\/div>\n        <div class=\"actions\"><button class=\"btn yellowbtn\" id=\"s6listen3\" disabled>&#x1f50a; Listen<\/button><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"progressbig\">&#x1f392; Ownership production completed: <span id=\"s6progress\">0<\/span>\/3<\/div>\n\n    <div class=\"card blue\" style=\"margin-top:16px\">\n      <h3 style=\"font-size:22px\">&#x1f3ad; My \u201cWhose is it?\u201d dialogue<\/h3>\n      <p class=\"muted\">This updates automatically. <b>It is optional and never blocks Final Speaking.<\/b><\/p>\n\n      <div class=\"actions\">\n        <button class=\"btn bluebtn\" id=\"listenDialogue7\" disabled>&#x1f50a; Listen to dialogue<\/button>\n      <\/div>\n\n      <div class=\"dialogue\" id=\"dialogue7\" style=\"margin-top:12px\">\n        <div class=\"line\"><div class=\"who\">Keyla<\/div><div>Whose book is this?<\/div><\/div>\n        <div class=\"line leo\"><div class=\"who\">You<\/div><div>It is ________\u2019s book.<\/div><\/div>\n        <div class=\"line\"><div class=\"who\">Keyla<\/div><div>Whose pencil is this?<\/div><\/div>\n        <div class=\"line leo\"><div class=\"who\">You<\/div><div>It is ________\u2019s pencil.<\/div><\/div>\n        <div class=\"line\"><div class=\"who\">Keyla<\/div><div>Whose ball is this?<\/div><\/div>\n        <div class=\"line leo\"><div class=\"who\">You<\/div><div>It is ________\u2019s ball.<\/div><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"unlock\" id=\"unlockS6\">&#x1f512; Choose one owner in each of the 3 missions.<\/div>\n    <div class=\"actions\"><button class=\"btn soft next\" data-next=\"5\">\u2190 Family Things<\/button><button class=\"btn primary next\" data-next=\"7\" id=\"nextS6\" disabled>Final Speaking \u2192<\/button><\/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 ownership mission! Show that you can ask whose something is and tell who owns it.\u201d<\/div>\n  <\/div>\n\n  <div class=\"card lilac\">\n    <h3>7. Whose Is It? \u00b7 Final Speaking Mission<\/h3>\n    <p class=\"muted\">Complete five speaking challenges. The recording is optional.<\/p>\n\n    <div class=\"finalgrid\">\n      <div class=\"finalmission final7\" data-done=\"0\">\n        <div class=\"mnum\">1<\/div><strong>Ask: \u201cWhose book is this?\u201d<\/strong>\n        <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"Whose book is this?\">&#x1f50a; Prompt<\/button><button class=\"btn primary finalDone7\">&#x1f3a4; Done<\/button><\/div>\n      <\/div>\n\n      <div class=\"finalmission final7\" data-done=\"0\">\n        <div class=\"mnum\">2<\/div><strong>Answer with a name + possessive \u2019s.<\/strong>\n        <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"It is Keyla's book.\">&#x1f50a; Example<\/button><button class=\"btn primary finalDone7\">&#x1f3a4; Done<\/button><\/div>\n      <\/div>\n\n      <div class=\"finalmission final7\" data-done=\"0\">\n        <div class=\"mnum\">3<\/div><strong>Say one sentence with <em>her<\/em> or <em>his<\/em>.<\/strong>\n        <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"This is her book. This is his pencil.\">&#x1f50a; Examples<\/button><button class=\"btn primary finalDone7\">&#x1f3a4; Done<\/button><\/div>\n      <\/div>\n\n      <div class=\"finalmission final7\" data-done=\"0\">\n        <div class=\"mnum\">4<\/div><strong>Say one family possession: \u201cmy sister\u2019s\u2026\u201d, \u201cmy father\u2019s\u2026\u201d or \u201cmy brother\u2019s\u2026\u201d.<\/strong>\n        <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"My sister's bag. My father's name. My brother's book.\">&#x1f50a; Examples<\/button><button class=\"btn primary finalDone7\">&#x1f3a4; Done<\/button><\/div>\n      <\/div>\n\n      <div class=\"finalmission final7\" data-done=\"0\">\n        <div class=\"mnum\">5<\/div><strong>Ask and answer one complete \u201cWhose\u2026?\u201d question.<\/strong>\n        <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"Whose pencil is this? It is Leo's pencil.\">&#x1f50a; Example<\/button><button class=\"btn primary finalDone7\">&#x1f3a4; Done<\/button><\/div>\n      <\/div>\n\n      <div class=\"finalmission\">\n        <div class=\"mnum\">\u2605<\/div><strong>Bonus: identify three objects around you and say who owns them.<\/strong>\n        <div class=\"actions\"><button class=\"btn yellowbtn listen\" data-text=\"Bonus. Identify three objects around you and say who owns them.\">&#x1f50a; Prompt<\/button><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"progressbig\">&#x1f3c6; Final missions completed: <span id=\"finalProgress7\">0<\/span>\/5<\/div>\n  <\/div>\n\n  <div class=\"card yellow\">\n    <h3>&#x1f399;&#xfe0f; Optional ownership report<\/h3>\n    <p class=\"muted\">Record 20\u201345 seconds. Ask at least one \u201cWhose\u2026?\u201d question and give two ownership answers.<\/p>\n    <div class=\"rec\">\n      <div class=\"actions\"><button class=\"btn red startRec7\">\u25cf Start recording<\/button><button class=\"btn soft stopRec7\" 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=\"unlockFinal7\">&#x1f512; Complete the 5 final speaking missions.<\/div>\n    <div class=\"actions\"><button class=\"btn soft next\" data-next=\"6\">\u2190 Whose Things?<\/button><button class=\"btn green\" id=\"finishL7\" disabled>\u2605 Finish my adventure<\/button><\/div>\n\n    <div class=\"finish\" id=\"finishBoxL7\">\n      <div class=\"big\">&#x1f511;&#x1f49c;&#x2728;<\/div>\n      <h3>You found the Ownership Key!<\/h3>\n      <p>You can ask <b>Whose\u2026?<\/b>, show ownership with <b>\u2019s<\/b>, and connect it with possessive adjectives.<\/p>\n      <div class=\"badge\">Cuentos ke Cuentan \u00b7 Ownership Explorer<\/div>\n      <p><strong>Total: <span id=\"finalPtsL7\">0<\/span> points<\/strong><\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/main>\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-l7-final');\n  if(!root)return;\n\n  let pts=0;\n  let unlocked=1;\n  const ptsEl=root.querySelector('#l7pts');\n  const levelEl=root.querySelector('#l7level');\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    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    root.querySelectorAll('.screen').forEach(s=>s.classList.remove('active'));\n    root.querySelector('[data-screen=\"'+n+'\"]').classList.add('active');\n    root.querySelectorAll('.step').forEach(s=>s.classList.remove('active'));\n    root.querySelector('.step[data-step=\"'+n+'\"]').classList.add('active');\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 - AUTO COMPLETE\n  const storyDone=new Set();\n  root.querySelectorAll('.story7').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          storyDone.add(Number(card.dataset.id));\n          addPts(2);\n          root.querySelector('#storyProgress7').textContent=storyDone.size;\n\n          if(storyDone.size===3){\n            unlockStep(2);\n            root.querySelector('#nextStory7').disabled=false;\n            root.querySelector('#unlockStory7').textContent='&#x1f511; 3\/3 complete. Whose? unlocked!';\n          }\n        }else{\n          btn.classList.add('wrong');\n          setTimeout(()=>btn.classList.remove('wrong'),700);\n        }\n      });\n    });\n  });\n\n  \/\/ GENERIC AUTO-COMPLETE STATION\n  function setupAutoStation(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 sentence=cfg.sentences[index];\n\n      card.querySelectorAll('.'+cfg.choiceClass).forEach(btn=>{\n        btn.addEventListener('click',()=>{\n          if(completed.has(id))return;\n\n          if(btn.dataset.val===answer){\n            completed.add(id);\n            card.dataset.done='1';\n            card.classList.add('done');\n\n            btn.classList.add('correct');\n            card.querySelectorAll('.'+cfg.choiceClass).forEach(x=>x.disabled=true);\n\n            root.querySelector('#'+cfg.prefix+'model'+id).textContent=sentence;\n            const listen=root.querySelector('#'+cfg.prefix+'listen'+id);\n            listen.disabled=false;\n            listen.onclick=()=>speak(sentence);\n\n            addPts(2);\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          }else{\n            btn.classList.add('wrong');\n            setTimeout(()=>btn.classList.remove('wrong'),700);\n          }\n        });\n      });\n    });\n  }\n\n  \/\/ STEP 2\n  setupAutoStation({\n    prefix:'s2',\n    choiceClass:'s2auto',\n    answers:['whose','whose','keyla'],\n    sentences:[\n      'Whose book is this?',\n      'Whose backpack is this?',\n      'It is Keyla\u2019s pencil.'\n    ],\n    progressId:'s2progress',\n    unlockId:'unlockS2',\n    nextButtonId:'nextS2',\n    nextStep:3\n  });\n\n  \/\/ STEP 3\n  setupAutoStation({\n    prefix:'s3',\n    choiceClass:'s3auto',\n    answers:['correct','correct','correct'],\n    sentences:[\n      'Leo\u2019s book.',\n      'Maria\u2019s pencil.',\n      'My brother\u2019s name.'\n    ],\n    progressId:'s3progress',\n    unlockId:'unlockS3',\n    nextButtonId:'nextS3',\n    nextStep:4\n  });\n\n  \/\/ STEP 4\n  setupAutoStation({\n    prefix:'s4',\n    choiceClass:'s4auto',\n    answers:['her','his','our'],\n    sentences:[\n      'This is her book.',\n      'This is his pencil.',\n      'It is our classroom.'\n    ],\n    progressId:'s4progress',\n    unlockId:'unlockS4',\n    nextButtonId:'nextS4',\n    nextStep:5\n  });\n\n  \/\/ STEP 5\n  setupAutoStation({\n    prefix:'s5',\n    choiceClass:'s5auto',\n    answers:['correct','correct','correct'],\n    sentences:[\n      'My sister\u2019s bag.',\n      'My father\u2019s name.',\n      'My mother\u2019s book.'\n    ],\n    progressId:'s5progress',\n    unlockId:'unlockS5',\n    nextButtonId:'nextS5',\n    nextStep:6\n  });\n\n  \/\/ STEP 6 - AUTO-COMPLETE ON SELECT, NO HIDDEN REQUIREMENTS\n  const ownerDone=new Set();\n  const ownerSentences={1:'',2:'',3:''};\n\n  function updateOwnerDialogue(){\n    const book=root.querySelector('#ownerBook7').value || '________';\n    const pencil=root.querySelector('#ownerPencil7').value || '________';\n    const ball=root.querySelector('#ownerBall7').value || '________';\n\n    root.querySelector('#dialogue7').innerHTML=\n      '<div class=\"line\"><div class=\"who\">Keyla<\/div><div>Whose book is this?<\/div><\/div>'+\n      '<div class=\"line leo\"><div class=\"who\">You<\/div><div>It is '+book+'\u2019s book.<\/div><\/div>'+\n      '<div class=\"line\"><div class=\"who\">Keyla<\/div><div>Whose pencil is this?<\/div><\/div>'+\n      '<div class=\"line leo\"><div class=\"who\">You<\/div><div>It is '+pencil+'\u2019s pencil.<\/div><\/div>'+\n      '<div class=\"line\"><div class=\"who\">Keyla<\/div><div>Whose ball is this?<\/div><\/div>'+\n      '<div class=\"line leo\"><div class=\"who\">You<\/div><div>It is '+ball+'\u2019s ball.<\/div><\/div>';\n\n    const dialogueText=\n      'Keyla: Whose book is this? You: It is '+book+'s book. '+\n      'Keyla: Whose pencil is this? You: It is '+pencil+'s pencil. '+\n      'Keyla: Whose ball is this? You: It is '+ball+'s ball.';\n\n    const listen=root.querySelector('#listenDialogue7');\n    listen.dataset.dialogue=dialogueText;\n    listen.disabled=!(root.querySelector('#ownerBook7').value &&\n                      root.querySelector('#ownerPencil7').value &&\n                      root.querySelector('#ownerBall7').value);\n  }\n\n  function completeOwnerMission(id,sentence){\n    if(ownerDone.has(id))return;\n\n    ownerDone.add(id);\n    ownerSentences[id]=sentence;\n    root.querySelector('#s6m'+id).dataset.done='1';\n    root.querySelector('#s6m'+id).classList.add('done');\n    addPts(3);\n\n    root.querySelector('#s6progress').textContent=ownerDone.size;\n\n    if(ownerDone.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-ownerDone.size;\n      root.querySelector('#unlockS6').textContent=\n        '\u2713 Great! Choose '+left+' more owner'+(left===1?'':'s')+'.';\n    }\n  }\n\n  root.querySelector('#ownerBook7').addEventListener('change',function(){\n    if(!this.value)return;\n    const sentence='It is '+this.value+'\u2019s book.';\n    ownerSentences[1]=sentence;\n    root.querySelector('#s6model1').textContent=sentence;\n    root.querySelector('#s6listen1').disabled=false;\n    completeOwnerMission(1,sentence);\n    updateOwnerDialogue();\n  });\n\n  root.querySelector('#ownerPencil7').addEventListener('change',function(){\n    if(!this.value)return;\n    const sentence='It is '+this.value+'\u2019s pencil.';\n    ownerSentences[2]=sentence;\n    root.querySelector('#s6model2').textContent=sentence;\n    root.querySelector('#s6listen2').disabled=false;\n    completeOwnerMission(2,sentence);\n    updateOwnerDialogue();\n  });\n\n  root.querySelector('#ownerBall7').addEventListener('change',function(){\n    if(!this.value)return;\n    const sentence='It is '+this.value+'\u2019s ball.';\n    ownerSentences[3]=sentence;\n    root.querySelector('#s6model3').textContent=sentence;\n    root.querySelector('#s6listen3').disabled=false;\n    completeOwnerMission(3,sentence);\n    updateOwnerDialogue();\n  });\n\n  root.querySelector('#s6listen1').addEventListener('click',()=>{if(ownerSentences[1])speak(ownerSentences[1])});\n  root.querySelector('#s6listen2').addEventListener('click',()=>{if(ownerSentences[2])speak(ownerSentences[2])});\n  root.querySelector('#s6listen3').addEventListener('click',()=>{if(ownerSentences[3])speak(ownerSentences[3])});\n\n  root.querySelector('#listenDialogue7').addEventListener('click',function(){\n    if(this.dataset.dialogue)speak(this.dataset.dialogue);\n  });\n\n  updateOwnerDialogue();\n\n  \/\/ STEP 7\n  let finalDone=0;\n  root.querySelectorAll('.finalDone7').forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      const card=btn.closest('.final7');\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 finalDone7';\n      root.querySelector('#finalProgress7').textContent=finalDone;\n\n      if(finalDone===5){\n        root.querySelector('#finishL7').disabled=false;\n        root.querySelector('#unlockFinal7').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('.startRec7').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 ownership report!';\n        if(stream)stream.getTracks().forEach(t=>t.stop());\n      };\n\n      recorder.start();\n      status.textContent='\u25cf Recording\u2026 Ask and answer your ownership questions.';\n      this.disabled=true;\n      root.querySelector('.stopRec7').disabled=false;\n\n    }catch(e){\n      status.textContent='Please allow microphone access to record your voice.';\n    }\n  });\n\n  root.querySelector('.stopRec7').addEventListener('click',function(){\n    if(recorder&&recorder.state==='recording')recorder.stop();\n    this.disabled=true;\n    root.querySelector('.startRec7').disabled=false;\n  });\n\n  root.querySelector('#finishL7').addEventListener('click',function(){\n    if(finalDone!==5)return;\n    addPts(5);\n    root.querySelector('#finalPtsL7').textContent=pts;\n    root.querySelector('#finishBoxL7').classList.add('show');\n    root.querySelector('.step[data-step=\"7\"]').classList.add('done');\n    root.querySelector('#unlockFinal7').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 7 \u00b7 Whose Is It? A speaking adventure about ownership: asking Whose\u2026?, using possessive [&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-1750","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1750","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=1750"}],"version-history":[{"count":3,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1750\/revisions"}],"predecessor-version":[{"id":1755,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1750\/revisions\/1755"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}