Post-operative Memory Game<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Nunito+Sans:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n .postop-memory-game,\n .postop-memory-game * {\n box-sizing: border-box;\n }\n\n .postop-memory-game {\n --coral: #f69781;\n --cream: #f1e8e0;\n --sage: #748f84;\n --charcoal: #454949;\n --mauve: #d4a3c4;\n --white: #ffffff;\n --shadow: 0 12px 30px rgba(69, 73, 73, 0.10);\n max-width: 1120px;\n margin: 0 auto;\n padding: 16px;\n font-family: 'Nunito Sans', Arial, sans-serif;\n color: var(--charcoal);\n }\n\n .postop-memory-game .game-shell {\n background: rgba(255,255,255,0.95);\n border: 1px solid rgba(116, 143, 132, 0.14);\n border-radius: 28px;\n box-shadow: var(--shadow);\n overflow: hidden;\n }\n\n .postop-memory-game .hero {\n padding: 20px;\n background: linear-gradient(135deg, #fffdfc 0%, #fbf1ec 100%);\n border-bottom: 1px solid rgba(116, 143, 132, 0.12);\n }\n\n .postop-memory-game .badge-row {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin: 0 0 12px;\n }\n\n .postop-memory-game .badge,\n .postop-memory-game .stat {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 12px;\n background: var(--white);\n border: 1px solid rgba(116, 143, 132, 0.14);\n border-radius: 999px;\n box-shadow: 0 6px 16px rgba(69, 73, 73, 0.06);\n font-size: 0.86rem;\n line-height: 1.2;\n }\n\n .postop-memory-game h1,\n .postop-memory-game h2,\n .postop-memory-game h3,\n .postop-memory-game p,\n .postop-memory-game li,\n .postop-memory-game span,\n .postop-memory-game strong,\n .postop-memory-game button {\n font-family: inherit;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n }\n\n .postop-memory-game .hero h1 {\n margin: 0 0 10px;\n font-family: 'Montserrat', Arial, sans-serif;\n font-size: clamp(1.7rem, 3vw, 2.3rem);\n line-height: 1.15;\n color: var(--charcoal);\n }\n\n .postop-memory-game .hero-summary p {\n margin: 0;\n max-width: 72ch;\n font-size: 0.98rem;\n line-height: 1.55;\n }\n\n .postop-memory-game .hero-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 12px;\n margin-top: 16px;\n }\n\n .postop-memory-game .info-card {\n background: var(--white);\n border: 1px solid rgba(116, 143, 132, 0.12);\n border-radius: 18px;\n padding: 14px;\n box-shadow: 0 8px 22px rgba(69, 73, 73, 0.06);\n min-width: 0;\n }\n\n .postop-memory-game .info-card h2 {\n margin: 0 0 8px;\n font-family: 'Montserrat', Arial, sans-serif;\n font-size: 0.98rem;\n line-height: 1.2;\n }\n\n .postop-memory-game .info-card p {\n margin: 0;\n font-size: 0.93rem;\n line-height: 1.5;\n }\n\n .postop-memory-game .commands {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .postop-memory-game .stats-row {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 8px;\n }\n\n .postop-memory-game button {\n appearance: none;\n -webkit-appearance: none;\n border: none;\n cursor: pointer;\n border-radius: 999px;\n font-family: 'Montserrat', Arial, sans-serif;\n font-weight: 700;\n font-size: 0.92rem;\n line-height: 1.2;\n padding: 10px 14px;\n min-height: 42px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;\n }\n\n .postop-memory-game button:hover {\n transform: translateY(-1px);\n }\n\n .postop-memory-game .btn-primary {\n background: var(--coral);\n color: var(--white);\n box-shadow: 0 8px 18px rgba(246, 151, 129, 0.28);\n }\n\n .postop-memory-game .btn-secondary {\n background: var(--sage);\n color: var(--white);\n box-shadow: 0 8px 18px rgba(116, 143, 132, 0.24);\n }\n\n .postop-memory-game .btn-mauve {\n background: var(--mauve);\n color: var(--charcoal);\n box-shadow: 0 8px 18px rgba(212, 163, 196, 0.35);\n }\n\n .postop-memory-game .btn-outline {\n background: transparent;\n color: var(--charcoal);\n border: 1px solid rgba(69, 73, 73, 0.16);\n box-shadow: none;\n }\n\n .postop-memory-game .game-section {\n padding: 18px 20px 20px;\n }\n\n .postop-memory-game .board-wrap {\n display: grid;\n gap: 12px;\n background: transparent;\n }\n\n .postop-memory-game .feedback-banner {\n min-height: 56px;\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n align-items: center;\n gap: 12px;\n border-radius: 16px;\n padding: 10px 12px;\n background: var(--white);\n border: 1px solid rgba(116, 143, 132, 0.14);\n box-shadow: 0 8px 20px rgba(69, 73, 73, 0.05);\n }\n\n .postop-memory-game .feedback-banner strong {\n display: block;\n margin-bottom: 4px;\n font-family: 'Montserrat', Arial, sans-serif;\n }\n\n .postop-memory-game .reminder-bar {\n padding: 14px 16px;\n border-radius: 14px;\n background: rgba(246,151,129,0.12);\n border: 2px solid rgba(246,151,129,0.35);\n font-size: 1.05rem;\n line-height: 1.45;\n font-weight: 600;\n }\n\n .postop-memory-game .cards-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n background: transparent;\n }\n\n .postop-memory-game .memory-card {\n position: relative;\n width: 100%;\n aspect-ratio: 1 \/ 1;\n perspective: 1200px;\n background: transparent;\n border: none;\n padding: 0;\n }\n\n .postop-memory-game .memory-card[disabled] {\n cursor: default;\n opacity: 1;\n }\n\n .postop-memory-game .card-inner {\n position: relative;\n width: 100%;\n height: 100%;\n transform-style: preserve-3d;\n transition: transform 0.7s ease;\n }\n\n .postop-memory-game .memory-card.flipped .card-inner,\n .postop-memory-game .memory-card.matched .card-inner {\n transform: rotateY(180deg);\n }\n\n .postop-memory-game .card-face {\n position: absolute;\n inset: 0;\n backface-visibility: hidden;\n border-radius: 18px;\n overflow: hidden;\n }\n\n .postop-memory-game .card-front {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n background: var(--mauve);\n color: var(--cream);\n border: 2px solid var(--mauve);\n box-shadow: 0 10px 18px rgba(0,0,0,0.08);\n padding: 12px;\n text-align: center;\n }\n\n .postop-memory-game .card-front .icon {\n font-family: 'Montserrat', Arial, sans-serif;\n font-size: 2.5rem;\n line-height: 1;\n font-weight: 800;\n color: var(--cream);\n }\n\n .postop-memory-game .card-front .label {\n font-family: 'Montserrat', Arial, sans-serif;\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: rgba(241, 232, 224, 0.95);\n }\n\n .postop-memory-game .card-back {\n transform: rotateY(180deg);\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n gap: 8px;\n background: var(--white);\n color: var(--charcoal);\n border: 2px solid var(--mauve);\n box-shadow: 0 10px 22px rgba(69, 73, 73, 0.08);\n padding: 12px;\n overflow-y: auto;\n overflow-x: hidden;\n scrollbar-width: thin;\n }\n\n .postop-memory-game .card-back .tag {\n display: inline-block;\n align-self: center;\n text-align: center;\n font-size: 0.65rem;\n font-family: 'Montserrat', Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n background: rgba(116,143,132,0.18);\n color: #3d5c54;\n padding: 3px 8px;\n border-radius: 999px;\n border: 1px solid rgba(116,143,132,0.35);\n }\n\n .postop-memory-game .card-back .emoji {\n display: block;\n align-self: center;\n text-align: center;\n font-size: 1.6rem;\n line-height: 1;\n margin-top: 2px;\n }\n\n .postop-memory-game .card-back h3 {\n margin: 0;\n width: 100%;\n font-family: 'Montserrat', Arial, sans-serif;\n font-size: 0.86rem;\n line-height: 1.18;\n white-space: normal;\n overflow-wrap: normal;\n word-break: normal;\n hyphens: none;\n text-align: center;\n }\n\n .postop-memory-game .card-back p {\n margin: 0;\n width: 100%;\n font-size: 0.8rem;\n line-height: 1.32;\n white-space: normal;\n overflow-wrap: break-word;\n word-break: normal;\n hyphens: none;\n text-align: center;\n }\n\n .postop-memory-game .memory-card.matched .card-back {\n background: #fcf7fb;\n border-color: var(--sage);\n box-shadow: 0 12px 24px rgba(116, 143, 132, 0.14);\n }\n\n .postop-memory-game .notice {\n margin: 0 20px 20px;\n padding: 18px;\n border-radius: 22px;\n background: linear-gradient(135deg, #fff 0%, #f8fbfa 100%);\n border: 1px solid rgba(116, 143, 132, 0.14);\n box-shadow: 0 10px 28px rgba(69, 73, 73, 0.06);\n }\n\n .postop-memory-game .notice h2,\n .postop-memory-game .modal-content h2 {\n margin: 0 0 8px;\n font-family: 'Montserrat', Arial, sans-serif;\n font-size: 1rem;\n }\n\n .postop-memory-game .notice p,\n .postop-memory-game .modal-content p,\n .postop-memory-game .summary-list {\n font-size: 0.93rem;\n line-height: 1.5;\n }\n\n .postop-memory-game .alert-box,\n .postop-memory-game .success-box {\n margin-top: 12px;\n border-radius: 16px;\n padding: 12px 14px;\n }\n\n .postop-memory-game .alert-box {\n background: #fde1db;\n border-left: 6px solid var(--coral);\n }\n\n .postop-memory-game .success-box {\n background: #dcefe5;\n border-left: 6px solid var(--sage);\n }\n\n .postop-memory-game .footer-note {\n padding: 0 20px 20px;\n font-size: 0.88rem;\n color: rgba(69, 73, 73, 0.88);\n line-height: 1.7;\n }\n\n .postop-memory-game .modal {\n position: fixed;\n inset: 0;\n display: none;\n align-items: center;\n justify-content: center;\n padding: 20px;\n background: rgba(69, 73, 73, 0.45);\n z-index: 999;\n }\n\n .postop-memory-game .modal.show {\n display: flex;\n }\n\n .postop-memory-game .modal-content {\n width: min(720px, 100%);\n background: #fff;\n border-radius: 28px;\n padding: 28px;\n box-shadow: 0 20px 50px rgba(69, 73, 73, 0.22);\n position: relative;\n max-height: 85vh;\n overflow-y: auto;\n }\n\n .postop-memory-game .close-modal {\n position: absolute;\n top: 14px;\n right: 14px;\n width: 42px;\n height: 42px;\n border-radius: 50%;\n background: rgba(69, 73, 73, 0.06);\n color: var(--charcoal);\n font-size: 1.2rem;\n line-height: 1;\n min-height: 42px;\n }\n\n .postop-memory-game .summary-list {\n margin: 12px 0 0;\n padding-left: 18px;\n }\n\n @media (max-width: 980px) {\n .postop-memory-game .hero-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .postop-memory-game .cards-grid {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 720px) {\n .postop-memory-game .hero-grid {\n grid-template-columns: 1fr;\n }\n\n .postop-memory-game .cards-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .postop-memory-game .feedback-banner {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 480px) {\n .postop-memory-game .cards-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"postop-memory-game\" aria-label=\"Post-operative Memory Game\">\n <div class=\"game-shell\">\n <header class=\"hero\">\n <div class=\"badge-row\">\n <span class=\"badge\">\ud83e\ude7a Post-surgery instructions<\/span>\n <span class=\"badge\">\ud83e\udde0 Memory game<\/span>\n <span class=\"badge\">\ud83d\udc97 Breast lift with capsulectomy<\/span>\n <\/div>\n <div class=\"hero-summary\">\n <h1>Post-operative Memory Game<\/h1>\n <p>Match each question with the correct instruction to better remember important reflexes after your <strong>breast lift with capsulectomy<\/strong>. The goal is not speed, but to properly remember the recommendations that support your recovery.<\/p>\n <\/div>\n <div class=\"hero-grid\">\n <div class=\"info-card\">\n <h2>How to play<\/h2>\n <p>Flip two cards. A valid pair is made when a question card is matched with the detailed instruction that corresponds to it.<\/p>\n <\/div>\n <div class=\"info-card\">\n <h2>Game goal<\/h2>\n <p>Review post-operative instructions for the first days and weeks after surgery, as well as situations that require a prompt response.<\/p>\n <\/div>\n <div class=\"info-card\">\n <h2>Controls<\/h2>\n <div class=\"commands\">\n <button id=\"restartGame\" class=\"btn-primary\" type=\"button\">Restart<\/button>\n <button id=\"showSummary\" class=\"btn-secondary\" type=\"button\">View summary<\/button>\n <button type=\"button\" class=\"btn-mauve\" onclick=\"window.open('https:\/\/www.montrealexplantcenter.com\/en\/capsulectomy\/','_blank')\">Instructions<\/button>\n <\/div>\n <\/div>\n <div class=\"info-card\">\n <h2>Progress<\/h2>\n <div class=\"stats-row\">\n <span class=\"stat\">Time: <strong id=\"timer\">00:00<\/strong><\/span>\n <span class=\"stat\">Moves: <strong id=\"moves\">0<\/strong><\/span>\n <span class=\"stat\">Pairs: <strong id=\"pairs\">0<\/strong>\/8<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <section class=\"game-section\">\n <div class=\"board-wrap\">\n <div class=\"feedback-banner\" id=\"feedbackBanner\" aria-live=\"polite\">\n <div>\n <strong>Welcome<\/strong>\n <span>Turn over a question and find the matching detailed instruction.<\/span>\n <\/div>\n <button class=\"btn-outline\" id=\"peekButton\" type=\"button\">Quick preview<\/button>\n <\/div>\n <div class=\"reminder-bar\">\n <strong>Important reminder:<\/strong> this game helps review post-operative instructions, but it never replaces the surgeon\u2019s personalized recommendations.\n <\/div>\n <div class=\"cards-grid\" id=\"gameBoard\"><\/div>\n <\/div>\n <\/section>\n\n <section class=\"notice\">\n <h2>When should you react quickly?<\/h2>\n <p>After your surgery, if you experience shortness of breath, chest pain, or severe leg pain, please call us urgently to inform the team and go to the hospital. If possible, go to the CHUM emergency department, located at 1051 Sanguinet Street, Montreal, QC, H2X 3E4, at the corner of Sanguinet and Ren\u00e9-L\u00e9vesque. Otherwise, go to the nearest emergency room.<\/p>\n <div class=\"alert-box\">\n <strong>Clinic phone:<\/strong> (514) 777-3358\n <\/div>\n <div class=\"success-box\">\n It is important to attend your post-operative appointments with Dr. Nicolaidis, even if you feel very well. If no appointment has already been scheduled, please contact the team right away.\n <\/div>\n <\/section>\n\n <div class=\"footer-note\">\n We wish you a smooth recovery and thank you for your trust.<br>\n Dr. Nicolaidis and team\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"postop-memory-game\">\n <div class=\"modal\" id=\"summaryModal\" aria-hidden=\"true\">\n <div class=\"modal-content\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"summaryTitle\">\n <button class=\"close-modal\" id=\"closeModal\" type=\"button\" aria-label=\"Close\">\u00d7<\/button>\n <h2 id=\"summaryTitle\">Summary of key instructions<\/h2>\n <p>Here is an overall reminder of the important points covered in the game.<\/p>\n <ul class=\"summary-list\">\n <li>During the first week, keep your bandages dry and clean, wash with a sponge, sleep only on your back, and walk regularly.<\/li>\n <li>Do not force your arms. Keep them alongside your body and use only your forearms without forcing for a total of 2 weeks.<\/li>\n <li>After the first week, you may wash your back carefully against the shower jets, with a sponge, or with a hand-held shower, while keeping your dressings as dry as possible until further notice from Dr. Nicolaidis.<\/li>\n <li>Avoid exposing your scars to the sun for 6 months, avoid lifting heavy objects, and ask Dr. Nicolaidis before taking a bath again.<\/li>\n <li>Keep moving to reduce the risk of complications related to inactivity, including blood clots.<\/li>\n <li>Wear a comfortable sports bra without cups.<\/li>\n <li>Do not wear an underwire bra for at least 2 to 3 months to avoid friction on the scar.<\/li>\n <li>It is normal to have swelling and bruising during the first weeks after surgery, but it is not normal for one breast to become significantly larger than the other. In that case, call us.<\/li>\n <li>For your comfort, be sure to take your pain relievers as prescribed.<\/li>\n <li>If you experience shortness of breath, chest pain, or severe leg pain, call urgently and go to the hospital.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function () {\n const pairSets = [\n { pairId: 'bandages', shortTitle: 'Attention', shortText: 'What must stay dry and clean after surgery?', longTitle: 'Keep your bandages dry and clean', longText: 'Keep your bandages dry and clean.' },\n { pairId: 'arms', shortTitle: 'Recovery', shortText: 'How should you use your arms during the first 2 weeks?', longTitle: 'Keep your arms at your sides', longText: 'Do not force your arms. Keep your arms at your sides and use only your forearms without forcing.' },\n { pairId: 'wash', shortTitle: 'Hygiene', shortText: 'What washing method is recommended at first?', longTitle: 'Wash with a sponge', longText: 'Wash with a sponge during the first week.' },\n { pairId: 'sleep', shortTitle: 'During sleep', shortText: 'What position should you sleep in during the first week?', longTitle: 'Sleep on your back only', longText: 'Sleep on your back only during the first week. Never on your side.' },\n { pairId: 'walk', shortTitle: 'Stay active', shortText: 'What simple action helps reduce complications related to inactivity?', longTitle: 'Walk regularly', longText: 'Walk at least 5 minutes every hour of the day and keep moving regularly to help prevent complications such as blood clots.' },\n { pairId: 'sun', shortTitle: 'Scars', shortText: 'What should you avoid for 6 months to protect your scars?', longTitle: 'Avoid exposing scars to the sun', longText: 'Avoid exposing your scars to the sun for a period of 6 months.' },\n { pairId: 'lift', shortTitle: 'Lifting', shortText: 'What should you avoid until you receive express permission?', longTitle: 'Avoid lifting heavy objects', longText: 'Avoid lifting heavy objects until Dr. Nicolaidis gives you express permission to do so.' },\n { pairId: 'bra', shortTitle: 'Support bra', shortText: 'What bra rule should you remember after surgery?', longTitle: 'Wear a sports bra and avoid underwire', longText: 'Wear a comfortable sports bra without cups. Do not wear an underwire bra for at least 2 to 3 months to avoid friction on the scar.' }\n ];\n\n const board = document.getElementById('gameBoard');\n const movesEl = document.getElementById('moves');\n const pairsEl = document.getElementById('pairs');\n const timerEl = document.getElementById('timer');\n const feedbackBanner = document.getElementById('feedbackBanner');\n const restartButton = document.getElementById('restartGame');\n const peekButton = document.getElementById('peekButton');\n const showSummaryButton = document.getElementById('showSummary');\n const summaryModal = document.getElementById('summaryModal');\n const closeModalButton = document.getElementById('closeModal');\n\n let deck = [];\n let flippedCards = [];\n let matchedPairs = 0;\n let moves = 0;\n let lockBoard = false;\n let timer = 0;\n let timerInterval = null;\n let gameStarted = false;\n\n function shuffle(array) {\n const copy = [...array];\n for (let i = copy.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [copy[i], copy[j]] = [copy[j], copy[i]];\n }\n return copy;\n }\n\n function getEmoji(pairId) {\n const map = {\n bandages: '\ud83e\ude79',\n arms: '\ud83d\udecc',\n wash: '\ud83e\uddfc',\n sleep: '\ud83d\ude34',\n walk: '\ud83d\udeb6\u200d\u2640\ufe0f',\n sun: '\u2600\ufe0f',\n lift: '\ud83c\udfcb\ufe0f',\n bra: '\ud83d\udc59'\n };\n return map[pairId] || '\ud83d\udccc';\n }\n\n function buildDeck() {\n const builtDeck = [];\n pairSets.forEach((item) => {\n builtDeck.push({ uniqueKey: item.pairId + '-question', pairId: item.pairId, type: 'question', frontLabel: 'Question', title: item.shortTitle, text: item.shortText, successText: item.longText });\n builtDeck.push({ uniqueKey: item.pairId + '-answer', pairId: item.pairId, type: 'answer', frontLabel: 'Answer', title: item.longTitle, text: item.longText, successText: item.longText });\n });\n deck = shuffle(builtDeck);\n }\n\n function updateStats() {\n movesEl.textContent = moves;\n pairsEl.textContent = matchedPairs;\n }\n\n function formatTime(totalSeconds) {\n const minutes = String(Math.floor(totalSeconds \/ 60)).padStart(2, '0');\n const seconds = String(totalSeconds % 60).padStart(2, '0');\n return `${minutes}:${seconds}`;\n }\n\n function startTimer() {\n if (timerInterval) return;\n timerInterval = setInterval(() => {\n timer += 1;\n timerEl.textContent = formatTime(timer);\n }, 1000);\n }\n\n function stopTimer() {\n clearInterval(timerInterval);\n timerInterval = null;\n }\n\n function setFeedback(title, message) {\n feedbackBanner.innerHTML = `\n <div>\n <strong>${title}<\/strong>\n <span>${message}<\/span>\n <\/div>\n <button class=\"btn-outline\" id=\"peekButtonInner\" type=\"button\">Quick preview<\/button>\n `;\n const innerPeekButton = document.getElementById('peekButtonInner');\n if (innerPeekButton) innerPeekButton.addEventListener('click', peekAllCards);\n }\n\n function createCardElement(card) {\n const button = document.createElement('button');\n button.type = 'button';\n button.className = 'memory-card';\n button.setAttribute('data-pair-id', card.pairId);\n button.setAttribute('data-type', card.type);\n button.setAttribute('data-key', card.uniqueKey);\n button.setAttribute('aria-label', `Card ${card.title}`);\n\n button.innerHTML = `\n <div class=\"card-inner\">\n <div class=\"card-face card-front\">\n <span class=\"icon\">?<\/span>\n <span class=\"label\">${card.frontLabel}<\/span>\n <\/div>\n <div class=\"card-face card-back\">\n <span class=\"tag\">${card.type === 'question' ? 'Question' : 'Instruction'}<\/span>\n <h3>${card.title}<\/h3>\n <p>${card.text}<\/p>\n ${card.type === 'question' ? `<span class=\"emoji\">${getEmoji(card.pairId)}<\/span>` : ``}\n <\/div>\n <\/div>\n `;\n\n button.addEventListener('click', () => handleCardClick(button, card));\n return button;\n }\n\n function renderBoard() {\n board.innerHTML = '';\n deck.forEach((card) => board.appendChild(createCardElement(card)));\n }\n\n function handleCardClick(cardEl, cardData) {\n if (lockBoard || cardEl.classList.contains('flipped') || cardEl.classList.contains('matched')) return;\n\n if (!gameStarted) {\n gameStarted = true;\n startTimer();\n setFeedback('Let\u2019s begin', 'Match a Question card with the corresponding instruction.');\n }\n\n cardEl.classList.add('flipped');\n flippedCards.push({ el: cardEl, data: cardData });\n\n if (flippedCards.length === 2) {\n moves += 1;\n updateStats();\n checkForMatch();\n }\n }\n\n function checkForMatch() {\n const [first, second] = flippedCards;\n const isMatch = first.data.pairId === second.data.pairId && first.data.type !== second.data.type;\n lockBoard = true;\n\n if (isMatch) {\n first.el.classList.add('matched');\n second.el.classList.add('matched');\n first.el.disabled = true;\n second.el.disabled = true;\n matchedPairs += 1;\n updateStats();\n setFeedback('Correct', `Pair found: ${first.data.successText}`);\n resetTurn();\n\n if (matchedPairs === pairSets.length) {\n stopTimer();\n setTimeout(() => {\n setFeedback('Well done', `You completed the game in ${moves} moves and ${formatTime(timer)}.`);\n openModal();\n }, 350);\n }\n } else {\n setFeedback('Try again', 'This is not the correct match. Take a moment to read both cards.');\n setTimeout(() => {\n first.el.classList.remove('flipped');\n second.el.classList.remove('flipped');\n resetTurn();\n }, 2600);\n }\n }\n\n function resetTurn() {\n flippedCards = [];\n lockBoard = false;\n }\n\n function resetGame() {\n stopTimer();\n timer = 0;\n timerEl.textContent = '00:00';\n moves = 0;\n matchedPairs = 0;\n lockBoard = false;\n flippedCards = [];\n gameStarted = false;\n updateStats();\n buildDeck();\n renderBoard();\n setFeedback('Welcome', 'Turn over a question and find the matching detailed instruction.');\n }\n\n function peekAllCards() {\n if (lockBoard) return;\n const allCards = Array.from(document.querySelectorAll('.postop-memory-game .memory-card'));\n allCards.forEach((card) => {\n if (!card.classList.contains('matched')) card.classList.add('flipped');\n });\n setFeedback('Quick preview', 'Look for the matches between each question and its detailed instruction.');\n lockBoard = true;\n setTimeout(() => {\n allCards.forEach((card) => {\n if (!card.classList.contains('matched')) card.classList.remove('flipped');\n });\n flippedCards = [];\n lockBoard = false;\n if (!gameStarted) {\n setFeedback('Welcome', 'Turn over a question and find the matching detailed instruction.');\n } else {\n setFeedback('Your turn', 'Keep matching each question with the correct detailed instruction.');\n }\n }, 2200);\n }\n\n function openModal() {\n summaryModal.classList.add('show');\n summaryModal.setAttribute('aria-hidden', 'false');\n }\n\n function closeModal() {\n summaryModal.classList.remove('show');\n summaryModal.setAttribute('aria-hidden', 'true');\n }\n\n restartButton.addEventListener('click', resetGame);\n peekButton.addEventListener('click', peekAllCards);\n showSummaryButton.addEventListener('click', openModal);\n closeModalButton.addEventListener('click', closeModal);\n summaryModal.addEventListener('click', (event) => {\n if (event.target === summaryModal) closeModal();\n });\n document.addEventListener('keydown', (event) => {\n if (event.key === 'Escape') closeModal();\n });\n\n resetGame();\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Post-operative Memory Game \ud83e\ude7a Post-surgery instructions \ud83e\udde0 Memory game \ud83d\udc97 Breast lift with capsulectomy Post-operative Memory Game Match each question with the correct instruction to better remember important reflexes after your breast lift with capsulectomy. The goal is not speed, but to properly remember the recommendations that support your recovery. How to play Flip two […]<\/p>\n","protected":false},"author":5,"featured_media":2879,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[],"class_list":["post-2883","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-explantation-en"],"yoast_head":"\n<title>Post-operative Memory Game - Clinique Contour<\/title>\n<meta name=\"description\" content=\"With our memory game, remember certain post-operative instructions more easily in a fun way!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/contour-clinic.com\/en\/memory-game\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Post-operative Memory Game\" \/>\n<meta property=\"og:description\" content=\"With our memory game, remember certain post-operative instructions more easily in a fun way!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/contour-clinic.com\/en\/memory-game\/\" \/>\n<meta property=\"og:site_name\" content=\"Clinique Contour\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-12T19:11:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-19T18:58:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/contour-clinic.com\/wp-content\/uploads\/2026\/03\/femme-ordinateur-1024x623.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"623\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"lgr.consultation@gmail.com\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"lgr.consultation@gmail.com\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/\"},\"author\":{\"name\":\"lgr.consultation@gmail.com\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/#\\\/schema\\\/person\\\/5e2665780ec09dca98cfa7e57305bf67\"},\"headline\":\"Post-operative Memory Game\",\"datePublished\":\"2026-03-12T19:11:13+00:00\",\"dateModified\":\"2026-03-19T18:58:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/\"},\"wordCount\":473,\"publisher\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/contour-clinic.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/femme-ordinateur.png\",\"articleSection\":[\"Explantation\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2026\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/\",\"url\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/\",\"name\":\"Post-operative Memory Game - Clinique Contour\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/contour-clinic.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/femme-ordinateur.png\",\"datePublished\":\"2026-03-12T19:11:13+00:00\",\"dateModified\":\"2026-03-19T18:58:32+00:00\",\"description\":\"With our memory game, remember certain post-operative instructions more easily in a fun way!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#primaryimage\",\"url\":\"https:\\\/\\\/contour-clinic.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/femme-ordinateur.png\",\"contentUrl\":\"https:\\\/\\\/contour-clinic.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/femme-ordinateur.png\",\"width\":2300,\"height\":1400,\"caption\":\"Femme devant un ordinateur\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Post-operative Memory Game\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/\",\"name\":\"Clinique Contour\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Organization\",\"Place\"],\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/#organization\",\"name\":\"Clinique Contour\",\"url\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/\",\"logo\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#local-main-organization-logo\"},\"image\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#local-main-organization-logo\"},\"telephone\":[],\"openingHoursSpecification\":[{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\",\"Sunday\"],\"opens\":\"09:00\",\"closes\":\"17:00\"}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/#\\\/schema\\\/person\\\/5e2665780ec09dca98cfa7e57305bf67\",\"name\":\"lgr.consultation@gmail.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8b587ecdceb7f42b1ee9e0b55fadf8fbbd2ee9c9019d1fc79b9bcae85fc76654?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8b587ecdceb7f42b1ee9e0b55fadf8fbbd2ee9c9019d1fc79b9bcae85fc76654?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8b587ecdceb7f42b1ee9e0b55fadf8fbbd2ee9c9019d1fc79b9bcae85fc76654?s=96&d=mm&r=g\",\"caption\":\"lgr.consultation@gmail.com\"},\"url\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/author\\\/lgr-consultationgmail-com\\\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#local-main-organization-logo\",\"url\":\"https:\\\/\\\/contour-clinic.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Logo_clinique-contour_Chirurgie-plastique_CLR-1536x386-1.png\",\"contentUrl\":\"https:\\\/\\\/contour-clinic.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Logo_clinique-contour_Chirurgie-plastique_CLR-1536x386-1.png\",\"width\":1536,\"height\":386,\"caption\":\"Clinique Contour\"}]}<\/script>\n","yoast_head_json":{"title":"Post-operative Memory Game - Clinique Contour","description":"With our memory game, remember certain post-operative instructions more easily in a fun way!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/contour-clinic.com\/en\/memory-game\/","og_locale":"en_US","og_type":"article","og_title":"Post-operative Memory Game","og_description":"With our memory game, remember certain post-operative instructions more easily in a fun way!","og_url":"https:\/\/contour-clinic.com\/en\/memory-game\/","og_site_name":"Clinique Contour","article_published_time":"2026-03-12T19:11:13+00:00","article_modified_time":"2026-03-19T18:58:32+00:00","og_image":[{"width":1024,"height":623,"url":"https:\/\/contour-clinic.com\/wp-content\/uploads\/2026\/03\/femme-ordinateur-1024x623.png","type":"image\/png"}],"author":"lgr.consultation@gmail.com","twitter_card":"summary_large_image","twitter_misc":{"Written by":"lgr.consultation@gmail.com","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#article","isPartOf":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/"},"author":{"name":"lgr.consultation@gmail.com","@id":"https:\/\/contour-clinic.com\/en\/#\/schema\/person\/5e2665780ec09dca98cfa7e57305bf67"},"headline":"Post-operative Memory Game","datePublished":"2026-03-12T19:11:13+00:00","dateModified":"2026-03-19T18:58:32+00:00","mainEntityOfPage":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/"},"wordCount":473,"publisher":{"@id":"https:\/\/contour-clinic.com\/en\/#organization"},"image":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#primaryimage"},"thumbnailUrl":"https:\/\/contour-clinic.com\/wp-content\/uploads\/2026\/03\/femme-ordinateur.png","articleSection":["Explantation"],"inLanguage":"en-US","copyrightYear":"2026","copyrightHolder":{"@id":"https:\/\/contour-clinic.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/contour-clinic.com\/en\/memory-game\/","url":"https:\/\/contour-clinic.com\/en\/memory-game\/","name":"Post-operative Memory Game - Clinique Contour","isPartOf":{"@id":"https:\/\/contour-clinic.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#primaryimage"},"image":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#primaryimage"},"thumbnailUrl":"https:\/\/contour-clinic.com\/wp-content\/uploads\/2026\/03\/femme-ordinateur.png","datePublished":"2026-03-12T19:11:13+00:00","dateModified":"2026-03-19T18:58:32+00:00","description":"With our memory game, remember certain post-operative instructions more easily in a fun way!","breadcrumb":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/contour-clinic.com\/en\/memory-game\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#primaryimage","url":"https:\/\/contour-clinic.com\/wp-content\/uploads\/2026\/03\/femme-ordinateur.png","contentUrl":"https:\/\/contour-clinic.com\/wp-content\/uploads\/2026\/03\/femme-ordinateur.png","width":2300,"height":1400,"caption":"Femme devant un ordinateur"},{"@type":"BreadcrumbList","@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/contour-clinic.com\/en\/"},{"@type":"ListItem","position":2,"name":"Post-operative Memory Game"}]},{"@type":"WebSite","@id":"https:\/\/contour-clinic.com\/en\/#website","url":"https:\/\/contour-clinic.com\/en\/","name":"Clinique Contour","description":"","publisher":{"@id":"https:\/\/contour-clinic.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/contour-clinic.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Organization","Place"],"@id":"https:\/\/contour-clinic.com\/en\/#organization","name":"Clinique Contour","url":"https:\/\/contour-clinic.com\/en\/","logo":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#local-main-organization-logo"},"image":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#local-main-organization-logo"},"telephone":[],"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],"opens":"09:00","closes":"17:00"}]},{"@type":"Person","@id":"https:\/\/contour-clinic.com\/en\/#\/schema\/person\/5e2665780ec09dca98cfa7e57305bf67","name":"lgr.consultation@gmail.com","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/8b587ecdceb7f42b1ee9e0b55fadf8fbbd2ee9c9019d1fc79b9bcae85fc76654?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8b587ecdceb7f42b1ee9e0b55fadf8fbbd2ee9c9019d1fc79b9bcae85fc76654?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8b587ecdceb7f42b1ee9e0b55fadf8fbbd2ee9c9019d1fc79b9bcae85fc76654?s=96&d=mm&r=g","caption":"lgr.consultation@gmail.com"},"url":"https:\/\/contour-clinic.com\/en\/author\/lgr-consultationgmail-com\/"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#local-main-organization-logo","url":"https:\/\/contour-clinic.com\/wp-content\/uploads\/2025\/10\/Logo_clinique-contour_Chirurgie-plastique_CLR-1536x386-1.png","contentUrl":"https:\/\/contour-clinic.com\/wp-content\/uploads\/2025\/10\/Logo_clinique-contour_Chirurgie-plastique_CLR-1536x386-1.png","width":1536,"height":386,"caption":"Clinique Contour"}]}},"_links":{"self":[{"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/posts\/2883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/comments?post=2883"}],"version-history":[{"count":2,"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/posts\/2883\/revisions"}],"predecessor-version":[{"id":2886,"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/posts\/2883\/revisions\/2886"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/media\/2879"}],"wp:attachment":[{"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/media?parent=2883"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/categories?post=2883"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/tags?post=2883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2883,"date":"2026-03-12T19:11:13","date_gmt":"2026-03-12T19:11:13","guid":{"rendered":"https:\/\/contour-clinic.com\/jeu-de-memoire\/"},"modified":"2026-03-19T18:58:32","modified_gmt":"2026-03-19T18:58:32","slug":"memory-game","status":"publish","type":"post","link":"https:\/\/contour-clinic.com\/en\/memory-game\/","title":{"rendered":"Post-operative Memory Game"},"content":{"rendered":"\n\n\n\n \n \n Post-operative Memory Game<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Nunito+Sans:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n .postop-memory-game,\n .postop-memory-game * {\n box-sizing: border-box;\n }\n\n .postop-memory-game {\n --coral: #f69781;\n --cream: #f1e8e0;\n --sage: #748f84;\n --charcoal: #454949;\n --mauve: #d4a3c4;\n --white: #ffffff;\n --shadow: 0 12px 30px rgba(69, 73, 73, 0.10);\n max-width: 1120px;\n margin: 0 auto;\n padding: 16px;\n font-family: 'Nunito Sans', Arial, sans-serif;\n color: var(--charcoal);\n }\n\n .postop-memory-game .game-shell {\n background: rgba(255,255,255,0.95);\n border: 1px solid rgba(116, 143, 132, 0.14);\n border-radius: 28px;\n box-shadow: var(--shadow);\n overflow: hidden;\n }\n\n .postop-memory-game .hero {\n padding: 20px;\n background: linear-gradient(135deg, #fffdfc 0%, #fbf1ec 100%);\n border-bottom: 1px solid rgba(116, 143, 132, 0.12);\n }\n\n .postop-memory-game .badge-row {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin: 0 0 12px;\n }\n\n .postop-memory-game .badge,\n .postop-memory-game .stat {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 12px;\n background: var(--white);\n border: 1px solid rgba(116, 143, 132, 0.14);\n border-radius: 999px;\n box-shadow: 0 6px 16px rgba(69, 73, 73, 0.06);\n font-size: 0.86rem;\n line-height: 1.2;\n }\n\n .postop-memory-game h1,\n .postop-memory-game h2,\n .postop-memory-game h3,\n .postop-memory-game p,\n .postop-memory-game li,\n .postop-memory-game span,\n .postop-memory-game strong,\n .postop-memory-game button {\n font-family: inherit;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n }\n\n .postop-memory-game .hero h1 {\n margin: 0 0 10px;\n font-family: 'Montserrat', Arial, sans-serif;\n font-size: clamp(1.7rem, 3vw, 2.3rem);\n line-height: 1.15;\n color: var(--charcoal);\n }\n\n .postop-memory-game .hero-summary p {\n margin: 0;\n max-width: 72ch;\n font-size: 0.98rem;\n line-height: 1.55;\n }\n\n .postop-memory-game .hero-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 12px;\n margin-top: 16px;\n }\n\n .postop-memory-game .info-card {\n background: var(--white);\n border: 1px solid rgba(116, 143, 132, 0.12);\n border-radius: 18px;\n padding: 14px;\n box-shadow: 0 8px 22px rgba(69, 73, 73, 0.06);\n min-width: 0;\n }\n\n .postop-memory-game .info-card h2 {\n margin: 0 0 8px;\n font-family: 'Montserrat', Arial, sans-serif;\n font-size: 0.98rem;\n line-height: 1.2;\n }\n\n .postop-memory-game .info-card p {\n margin: 0;\n font-size: 0.93rem;\n line-height: 1.5;\n }\n\n .postop-memory-game .commands {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .postop-memory-game .stats-row {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 8px;\n }\n\n .postop-memory-game button {\n appearance: none;\n -webkit-appearance: none;\n border: none;\n cursor: pointer;\n border-radius: 999px;\n font-family: 'Montserrat', Arial, sans-serif;\n font-weight: 700;\n font-size: 0.92rem;\n line-height: 1.2;\n padding: 10px 14px;\n min-height: 42px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;\n }\n\n .postop-memory-game button:hover {\n transform: translateY(-1px);\n }\n\n .postop-memory-game .btn-primary {\n background: var(--coral);\n color: var(--white);\n box-shadow: 0 8px 18px rgba(246, 151, 129, 0.28);\n }\n\n .postop-memory-game .btn-secondary {\n background: var(--sage);\n color: var(--white);\n box-shadow: 0 8px 18px rgba(116, 143, 132, 0.24);\n }\n\n .postop-memory-game .btn-mauve {\n background: var(--mauve);\n color: var(--charcoal);\n box-shadow: 0 8px 18px rgba(212, 163, 196, 0.35);\n }\n\n .postop-memory-game .btn-outline {\n background: transparent;\n color: var(--charcoal);\n border: 1px solid rgba(69, 73, 73, 0.16);\n box-shadow: none;\n }\n\n .postop-memory-game .game-section {\n padding: 18px 20px 20px;\n }\n\n .postop-memory-game .board-wrap {\n display: grid;\n gap: 12px;\n background: transparent;\n }\n\n .postop-memory-game .feedback-banner {\n min-height: 56px;\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n align-items: center;\n gap: 12px;\n border-radius: 16px;\n padding: 10px 12px;\n background: var(--white);\n border: 1px solid rgba(116, 143, 132, 0.14);\n box-shadow: 0 8px 20px rgba(69, 73, 73, 0.05);\n }\n\n .postop-memory-game .feedback-banner strong {\n display: block;\n margin-bottom: 4px;\n font-family: 'Montserrat', Arial, sans-serif;\n }\n\n .postop-memory-game .reminder-bar {\n padding: 14px 16px;\n border-radius: 14px;\n background: rgba(246,151,129,0.12);\n border: 2px solid rgba(246,151,129,0.35);\n font-size: 1.05rem;\n line-height: 1.45;\n font-weight: 600;\n }\n\n .postop-memory-game .cards-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n background: transparent;\n }\n\n .postop-memory-game .memory-card {\n position: relative;\n width: 100%;\n aspect-ratio: 1 \/ 1;\n perspective: 1200px;\n background: transparent;\n border: none;\n padding: 0;\n }\n\n .postop-memory-game .memory-card[disabled] {\n cursor: default;\n opacity: 1;\n }\n\n .postop-memory-game .card-inner {\n position: relative;\n width: 100%;\n height: 100%;\n transform-style: preserve-3d;\n transition: transform 0.7s ease;\n }\n\n .postop-memory-game .memory-card.flipped .card-inner,\n .postop-memory-game .memory-card.matched .card-inner {\n transform: rotateY(180deg);\n }\n\n .postop-memory-game .card-face {\n position: absolute;\n inset: 0;\n backface-visibility: hidden;\n border-radius: 18px;\n overflow: hidden;\n }\n\n .postop-memory-game .card-front {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n background: var(--mauve);\n color: var(--cream);\n border: 2px solid var(--mauve);\n box-shadow: 0 10px 18px rgba(0,0,0,0.08);\n padding: 12px;\n text-align: center;\n }\n\n .postop-memory-game .card-front .icon {\n font-family: 'Montserrat', Arial, sans-serif;\n font-size: 2.5rem;\n line-height: 1;\n font-weight: 800;\n color: var(--cream);\n }\n\n .postop-memory-game .card-front .label {\n font-family: 'Montserrat', Arial, sans-serif;\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: rgba(241, 232, 224, 0.95);\n }\n\n .postop-memory-game .card-back {\n transform: rotateY(180deg);\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n gap: 8px;\n background: var(--white);\n color: var(--charcoal);\n border: 2px solid var(--mauve);\n box-shadow: 0 10px 22px rgba(69, 73, 73, 0.08);\n padding: 12px;\n overflow-y: auto;\n overflow-x: hidden;\n scrollbar-width: thin;\n }\n\n .postop-memory-game .card-back .tag {\n display: inline-block;\n align-self: center;\n text-align: center;\n font-size: 0.65rem;\n font-family: 'Montserrat', Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n background: rgba(116,143,132,0.18);\n color: #3d5c54;\n padding: 3px 8px;\n border-radius: 999px;\n border: 1px solid rgba(116,143,132,0.35);\n }\n\n .postop-memory-game .card-back .emoji {\n display: block;\n align-self: center;\n text-align: center;\n font-size: 1.6rem;\n line-height: 1;\n margin-top: 2px;\n }\n\n .postop-memory-game .card-back h3 {\n margin: 0;\n width: 100%;\n font-family: 'Montserrat', Arial, sans-serif;\n font-size: 0.86rem;\n line-height: 1.18;\n white-space: normal;\n overflow-wrap: normal;\n word-break: normal;\n hyphens: none;\n text-align: center;\n }\n\n .postop-memory-game .card-back p {\n margin: 0;\n width: 100%;\n font-size: 0.8rem;\n line-height: 1.32;\n white-space: normal;\n overflow-wrap: break-word;\n word-break: normal;\n hyphens: none;\n text-align: center;\n }\n\n .postop-memory-game .memory-card.matched .card-back {\n background: #fcf7fb;\n border-color: var(--sage);\n box-shadow: 0 12px 24px rgba(116, 143, 132, 0.14);\n }\n\n .postop-memory-game .notice {\n margin: 0 20px 20px;\n padding: 18px;\n border-radius: 22px;\n background: linear-gradient(135deg, #fff 0%, #f8fbfa 100%);\n border: 1px solid rgba(116, 143, 132, 0.14);\n box-shadow: 0 10px 28px rgba(69, 73, 73, 0.06);\n }\n\n .postop-memory-game .notice h2,\n .postop-memory-game .modal-content h2 {\n margin: 0 0 8px;\n font-family: 'Montserrat', Arial, sans-serif;\n font-size: 1rem;\n }\n\n .postop-memory-game .notice p,\n .postop-memory-game .modal-content p,\n .postop-memory-game .summary-list {\n font-size: 0.93rem;\n line-height: 1.5;\n }\n\n .postop-memory-game .alert-box,\n .postop-memory-game .success-box {\n margin-top: 12px;\n border-radius: 16px;\n padding: 12px 14px;\n }\n\n .postop-memory-game .alert-box {\n background: #fde1db;\n border-left: 6px solid var(--coral);\n }\n\n .postop-memory-game .success-box {\n background: #dcefe5;\n border-left: 6px solid var(--sage);\n }\n\n .postop-memory-game .footer-note {\n padding: 0 20px 20px;\n font-size: 0.88rem;\n color: rgba(69, 73, 73, 0.88);\n line-height: 1.7;\n }\n\n .postop-memory-game .modal {\n position: fixed;\n inset: 0;\n display: none;\n align-items: center;\n justify-content: center;\n padding: 20px;\n background: rgba(69, 73, 73, 0.45);\n z-index: 999;\n }\n\n .postop-memory-game .modal.show {\n display: flex;\n }\n\n .postop-memory-game .modal-content {\n width: min(720px, 100%);\n background: #fff;\n border-radius: 28px;\n padding: 28px;\n box-shadow: 0 20px 50px rgba(69, 73, 73, 0.22);\n position: relative;\n max-height: 85vh;\n overflow-y: auto;\n }\n\n .postop-memory-game .close-modal {\n position: absolute;\n top: 14px;\n right: 14px;\n width: 42px;\n height: 42px;\n border-radius: 50%;\n background: rgba(69, 73, 73, 0.06);\n color: var(--charcoal);\n font-size: 1.2rem;\n line-height: 1;\n min-height: 42px;\n }\n\n .postop-memory-game .summary-list {\n margin: 12px 0 0;\n padding-left: 18px;\n }\n\n @media (max-width: 980px) {\n .postop-memory-game .hero-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .postop-memory-game .cards-grid {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 720px) {\n .postop-memory-game .hero-grid {\n grid-template-columns: 1fr;\n }\n\n .postop-memory-game .cards-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .postop-memory-game .feedback-banner {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 480px) {\n .postop-memory-game .cards-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"postop-memory-game\" aria-label=\"Post-operative Memory Game\">\n <div class=\"game-shell\">\n <header class=\"hero\">\n <div class=\"badge-row\">\n <span class=\"badge\">\ud83e\ude7a Post-surgery instructions<\/span>\n <span class=\"badge\">\ud83e\udde0 Memory game<\/span>\n <span class=\"badge\">\ud83d\udc97 Breast lift with capsulectomy<\/span>\n <\/div>\n <div class=\"hero-summary\">\n <h1>Post-operative Memory Game<\/h1>\n <p>Match each question with the correct instruction to better remember important reflexes after your <strong>breast lift with capsulectomy<\/strong>. The goal is not speed, but to properly remember the recommendations that support your recovery.<\/p>\n <\/div>\n <div class=\"hero-grid\">\n <div class=\"info-card\">\n <h2>How to play<\/h2>\n <p>Flip two cards. A valid pair is made when a question card is matched with the detailed instruction that corresponds to it.<\/p>\n <\/div>\n <div class=\"info-card\">\n <h2>Game goal<\/h2>\n <p>Review post-operative instructions for the first days and weeks after surgery, as well as situations that require a prompt response.<\/p>\n <\/div>\n <div class=\"info-card\">\n <h2>Controls<\/h2>\n <div class=\"commands\">\n <button id=\"restartGame\" class=\"btn-primary\" type=\"button\">Restart<\/button>\n <button id=\"showSummary\" class=\"btn-secondary\" type=\"button\">View summary<\/button>\n <button type=\"button\" class=\"btn-mauve\" onclick=\"window.open('https:\/\/www.montrealexplantcenter.com\/en\/capsulectomy\/','_blank')\">Instructions<\/button>\n <\/div>\n <\/div>\n <div class=\"info-card\">\n <h2>Progress<\/h2>\n <div class=\"stats-row\">\n <span class=\"stat\">Time: <strong id=\"timer\">00:00<\/strong><\/span>\n <span class=\"stat\">Moves: <strong id=\"moves\">0<\/strong><\/span>\n <span class=\"stat\">Pairs: <strong id=\"pairs\">0<\/strong>\/8<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <section class=\"game-section\">\n <div class=\"board-wrap\">\n <div class=\"feedback-banner\" id=\"feedbackBanner\" aria-live=\"polite\">\n <div>\n <strong>Welcome<\/strong>\n <span>Turn over a question and find the matching detailed instruction.<\/span>\n <\/div>\n <button class=\"btn-outline\" id=\"peekButton\" type=\"button\">Quick preview<\/button>\n <\/div>\n <div class=\"reminder-bar\">\n <strong>Important reminder:<\/strong> this game helps review post-operative instructions, but it never replaces the surgeon\u2019s personalized recommendations.\n <\/div>\n <div class=\"cards-grid\" id=\"gameBoard\"><\/div>\n <\/div>\n <\/section>\n\n <section class=\"notice\">\n <h2>When should you react quickly?<\/h2>\n <p>After your surgery, if you experience shortness of breath, chest pain, or severe leg pain, please call us urgently to inform the team and go to the hospital. If possible, go to the CHUM emergency department, located at 1051 Sanguinet Street, Montreal, QC, H2X 3E4, at the corner of Sanguinet and Ren\u00e9-L\u00e9vesque. Otherwise, go to the nearest emergency room.<\/p>\n <div class=\"alert-box\">\n <strong>Clinic phone:<\/strong> (514) 777-3358\n <\/div>\n <div class=\"success-box\">\n It is important to attend your post-operative appointments with Dr. Nicolaidis, even if you feel very well. If no appointment has already been scheduled, please contact the team right away.\n <\/div>\n <\/section>\n\n <div class=\"footer-note\">\n We wish you a smooth recovery and thank you for your trust.<br>\n Dr. Nicolaidis and team\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"postop-memory-game\">\n <div class=\"modal\" id=\"summaryModal\" aria-hidden=\"true\">\n <div class=\"modal-content\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"summaryTitle\">\n <button class=\"close-modal\" id=\"closeModal\" type=\"button\" aria-label=\"Close\">\u00d7<\/button>\n <h2 id=\"summaryTitle\">Summary of key instructions<\/h2>\n <p>Here is an overall reminder of the important points covered in the game.<\/p>\n <ul class=\"summary-list\">\n <li>During the first week, keep your bandages dry and clean, wash with a sponge, sleep only on your back, and walk regularly.<\/li>\n <li>Do not force your arms. Keep them alongside your body and use only your forearms without forcing for a total of 2 weeks.<\/li>\n <li>After the first week, you may wash your back carefully against the shower jets, with a sponge, or with a hand-held shower, while keeping your dressings as dry as possible until further notice from Dr. Nicolaidis.<\/li>\n <li>Avoid exposing your scars to the sun for 6 months, avoid lifting heavy objects, and ask Dr. Nicolaidis before taking a bath again.<\/li>\n <li>Keep moving to reduce the risk of complications related to inactivity, including blood clots.<\/li>\n <li>Wear a comfortable sports bra without cups.<\/li>\n <li>Do not wear an underwire bra for at least 2 to 3 months to avoid friction on the scar.<\/li>\n <li>It is normal to have swelling and bruising during the first weeks after surgery, but it is not normal for one breast to become significantly larger than the other. In that case, call us.<\/li>\n <li>For your comfort, be sure to take your pain relievers as prescribed.<\/li>\n <li>If you experience shortness of breath, chest pain, or severe leg pain, call urgently and go to the hospital.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function () {\n const pairSets = [\n { pairId: 'bandages', shortTitle: 'Attention', shortText: 'What must stay dry and clean after surgery?', longTitle: 'Keep your bandages dry and clean', longText: 'Keep your bandages dry and clean.' },\n { pairId: 'arms', shortTitle: 'Recovery', shortText: 'How should you use your arms during the first 2 weeks?', longTitle: 'Keep your arms at your sides', longText: 'Do not force your arms. Keep your arms at your sides and use only your forearms without forcing.' },\n { pairId: 'wash', shortTitle: 'Hygiene', shortText: 'What washing method is recommended at first?', longTitle: 'Wash with a sponge', longText: 'Wash with a sponge during the first week.' },\n { pairId: 'sleep', shortTitle: 'During sleep', shortText: 'What position should you sleep in during the first week?', longTitle: 'Sleep on your back only', longText: 'Sleep on your back only during the first week. Never on your side.' },\n { pairId: 'walk', shortTitle: 'Stay active', shortText: 'What simple action helps reduce complications related to inactivity?', longTitle: 'Walk regularly', longText: 'Walk at least 5 minutes every hour of the day and keep moving regularly to help prevent complications such as blood clots.' },\n { pairId: 'sun', shortTitle: 'Scars', shortText: 'What should you avoid for 6 months to protect your scars?', longTitle: 'Avoid exposing scars to the sun', longText: 'Avoid exposing your scars to the sun for a period of 6 months.' },\n { pairId: 'lift', shortTitle: 'Lifting', shortText: 'What should you avoid until you receive express permission?', longTitle: 'Avoid lifting heavy objects', longText: 'Avoid lifting heavy objects until Dr. Nicolaidis gives you express permission to do so.' },\n { pairId: 'bra', shortTitle: 'Support bra', shortText: 'What bra rule should you remember after surgery?', longTitle: 'Wear a sports bra and avoid underwire', longText: 'Wear a comfortable sports bra without cups. Do not wear an underwire bra for at least 2 to 3 months to avoid friction on the scar.' }\n ];\n\n const board = document.getElementById('gameBoard');\n const movesEl = document.getElementById('moves');\n const pairsEl = document.getElementById('pairs');\n const timerEl = document.getElementById('timer');\n const feedbackBanner = document.getElementById('feedbackBanner');\n const restartButton = document.getElementById('restartGame');\n const peekButton = document.getElementById('peekButton');\n const showSummaryButton = document.getElementById('showSummary');\n const summaryModal = document.getElementById('summaryModal');\n const closeModalButton = document.getElementById('closeModal');\n\n let deck = [];\n let flippedCards = [];\n let matchedPairs = 0;\n let moves = 0;\n let lockBoard = false;\n let timer = 0;\n let timerInterval = null;\n let gameStarted = false;\n\n function shuffle(array) {\n const copy = [...array];\n for (let i = copy.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [copy[i], copy[j]] = [copy[j], copy[i]];\n }\n return copy;\n }\n\n function getEmoji(pairId) {\n const map = {\n bandages: '\ud83e\ude79',\n arms: '\ud83d\udecc',\n wash: '\ud83e\uddfc',\n sleep: '\ud83d\ude34',\n walk: '\ud83d\udeb6\u200d\u2640\ufe0f',\n sun: '\u2600\ufe0f',\n lift: '\ud83c\udfcb\ufe0f',\n bra: '\ud83d\udc59'\n };\n return map[pairId] || '\ud83d\udccc';\n }\n\n function buildDeck() {\n const builtDeck = [];\n pairSets.forEach((item) => {\n builtDeck.push({ uniqueKey: item.pairId + '-question', pairId: item.pairId, type: 'question', frontLabel: 'Question', title: item.shortTitle, text: item.shortText, successText: item.longText });\n builtDeck.push({ uniqueKey: item.pairId + '-answer', pairId: item.pairId, type: 'answer', frontLabel: 'Answer', title: item.longTitle, text: item.longText, successText: item.longText });\n });\n deck = shuffle(builtDeck);\n }\n\n function updateStats() {\n movesEl.textContent = moves;\n pairsEl.textContent = matchedPairs;\n }\n\n function formatTime(totalSeconds) {\n const minutes = String(Math.floor(totalSeconds \/ 60)).padStart(2, '0');\n const seconds = String(totalSeconds % 60).padStart(2, '0');\n return `${minutes}:${seconds}`;\n }\n\n function startTimer() {\n if (timerInterval) return;\n timerInterval = setInterval(() => {\n timer += 1;\n timerEl.textContent = formatTime(timer);\n }, 1000);\n }\n\n function stopTimer() {\n clearInterval(timerInterval);\n timerInterval = null;\n }\n\n function setFeedback(title, message) {\n feedbackBanner.innerHTML = `\n <div>\n <strong>${title}<\/strong>\n <span>${message}<\/span>\n <\/div>\n <button class=\"btn-outline\" id=\"peekButtonInner\" type=\"button\">Quick preview<\/button>\n `;\n const innerPeekButton = document.getElementById('peekButtonInner');\n if (innerPeekButton) innerPeekButton.addEventListener('click', peekAllCards);\n }\n\n function createCardElement(card) {\n const button = document.createElement('button');\n button.type = 'button';\n button.className = 'memory-card';\n button.setAttribute('data-pair-id', card.pairId);\n button.setAttribute('data-type', card.type);\n button.setAttribute('data-key', card.uniqueKey);\n button.setAttribute('aria-label', `Card ${card.title}`);\n\n button.innerHTML = `\n <div class=\"card-inner\">\n <div class=\"card-face card-front\">\n <span class=\"icon\">?<\/span>\n <span class=\"label\">${card.frontLabel}<\/span>\n <\/div>\n <div class=\"card-face card-back\">\n <span class=\"tag\">${card.type === 'question' ? 'Question' : 'Instruction'}<\/span>\n <h3>${card.title}<\/h3>\n <p>${card.text}<\/p>\n ${card.type === 'question' ? `<span class=\"emoji\">${getEmoji(card.pairId)}<\/span>` : ``}\n <\/div>\n <\/div>\n `;\n\n button.addEventListener('click', () => handleCardClick(button, card));\n return button;\n }\n\n function renderBoard() {\n board.innerHTML = '';\n deck.forEach((card) => board.appendChild(createCardElement(card)));\n }\n\n function handleCardClick(cardEl, cardData) {\n if (lockBoard || cardEl.classList.contains('flipped') || cardEl.classList.contains('matched')) return;\n\n if (!gameStarted) {\n gameStarted = true;\n startTimer();\n setFeedback('Let\u2019s begin', 'Match a Question card with the corresponding instruction.');\n }\n\n cardEl.classList.add('flipped');\n flippedCards.push({ el: cardEl, data: cardData });\n\n if (flippedCards.length === 2) {\n moves += 1;\n updateStats();\n checkForMatch();\n }\n }\n\n function checkForMatch() {\n const [first, second] = flippedCards;\n const isMatch = first.data.pairId === second.data.pairId && first.data.type !== second.data.type;\n lockBoard = true;\n\n if (isMatch) {\n first.el.classList.add('matched');\n second.el.classList.add('matched');\n first.el.disabled = true;\n second.el.disabled = true;\n matchedPairs += 1;\n updateStats();\n setFeedback('Correct', `Pair found: ${first.data.successText}`);\n resetTurn();\n\n if (matchedPairs === pairSets.length) {\n stopTimer();\n setTimeout(() => {\n setFeedback('Well done', `You completed the game in ${moves} moves and ${formatTime(timer)}.`);\n openModal();\n }, 350);\n }\n } else {\n setFeedback('Try again', 'This is not the correct match. Take a moment to read both cards.');\n setTimeout(() => {\n first.el.classList.remove('flipped');\n second.el.classList.remove('flipped');\n resetTurn();\n }, 2600);\n }\n }\n\n function resetTurn() {\n flippedCards = [];\n lockBoard = false;\n }\n\n function resetGame() {\n stopTimer();\n timer = 0;\n timerEl.textContent = '00:00';\n moves = 0;\n matchedPairs = 0;\n lockBoard = false;\n flippedCards = [];\n gameStarted = false;\n updateStats();\n buildDeck();\n renderBoard();\n setFeedback('Welcome', 'Turn over a question and find the matching detailed instruction.');\n }\n\n function peekAllCards() {\n if (lockBoard) return;\n const allCards = Array.from(document.querySelectorAll('.postop-memory-game .memory-card'));\n allCards.forEach((card) => {\n if (!card.classList.contains('matched')) card.classList.add('flipped');\n });\n setFeedback('Quick preview', 'Look for the matches between each question and its detailed instruction.');\n lockBoard = true;\n setTimeout(() => {\n allCards.forEach((card) => {\n if (!card.classList.contains('matched')) card.classList.remove('flipped');\n });\n flippedCards = [];\n lockBoard = false;\n if (!gameStarted) {\n setFeedback('Welcome', 'Turn over a question and find the matching detailed instruction.');\n } else {\n setFeedback('Your turn', 'Keep matching each question with the correct detailed instruction.');\n }\n }, 2200);\n }\n\n function openModal() {\n summaryModal.classList.add('show');\n summaryModal.setAttribute('aria-hidden', 'false');\n }\n\n function closeModal() {\n summaryModal.classList.remove('show');\n summaryModal.setAttribute('aria-hidden', 'true');\n }\n\n restartButton.addEventListener('click', resetGame);\n peekButton.addEventListener('click', peekAllCards);\n showSummaryButton.addEventListener('click', openModal);\n closeModalButton.addEventListener('click', closeModal);\n summaryModal.addEventListener('click', (event) => {\n if (event.target === summaryModal) closeModal();\n });\n document.addEventListener('keydown', (event) => {\n if (event.key === 'Escape') closeModal();\n });\n\n resetGame();\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Post-operative Memory Game \ud83e\ude7a Post-surgery instructions \ud83e\udde0 Memory game \ud83d\udc97 Breast lift with capsulectomy Post-operative Memory Game Match each question with the correct instruction to better remember important reflexes after your breast lift with capsulectomy. The goal is not speed, but to properly remember the recommendations that support your recovery. How to play Flip two […]<\/p>\n","protected":false},"author":5,"featured_media":2879,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[],"class_list":["post-2883","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-explantation-en"],"yoast_head":"\n<title>Post-operative Memory Game - Clinique Contour<\/title>\n<meta name=\"description\" content=\"With our memory game, remember certain post-operative instructions more easily in a fun way!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/contour-clinic.com\/en\/memory-game\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Post-operative Memory Game\" \/>\n<meta property=\"og:description\" content=\"With our memory game, remember certain post-operative instructions more easily in a fun way!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/contour-clinic.com\/en\/memory-game\/\" \/>\n<meta property=\"og:site_name\" content=\"Clinique Contour\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-12T19:11:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-19T18:58:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/contour-clinic.com\/wp-content\/uploads\/2026\/03\/femme-ordinateur-1024x623.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"623\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"lgr.consultation@gmail.com\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"lgr.consultation@gmail.com\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/\"},\"author\":{\"name\":\"lgr.consultation@gmail.com\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/#\\\/schema\\\/person\\\/5e2665780ec09dca98cfa7e57305bf67\"},\"headline\":\"Post-operative Memory Game\",\"datePublished\":\"2026-03-12T19:11:13+00:00\",\"dateModified\":\"2026-03-19T18:58:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/\"},\"wordCount\":473,\"publisher\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/contour-clinic.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/femme-ordinateur.png\",\"articleSection\":[\"Explantation\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2026\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/\",\"url\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/\",\"name\":\"Post-operative Memory Game - Clinique Contour\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/contour-clinic.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/femme-ordinateur.png\",\"datePublished\":\"2026-03-12T19:11:13+00:00\",\"dateModified\":\"2026-03-19T18:58:32+00:00\",\"description\":\"With our memory game, remember certain post-operative instructions more easily in a fun way!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#primaryimage\",\"url\":\"https:\\\/\\\/contour-clinic.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/femme-ordinateur.png\",\"contentUrl\":\"https:\\\/\\\/contour-clinic.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/femme-ordinateur.png\",\"width\":2300,\"height\":1400,\"caption\":\"Femme devant un ordinateur\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Post-operative Memory Game\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/\",\"name\":\"Clinique Contour\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Organization\",\"Place\"],\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/#organization\",\"name\":\"Clinique Contour\",\"url\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/\",\"logo\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#local-main-organization-logo\"},\"image\":{\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#local-main-organization-logo\"},\"telephone\":[],\"openingHoursSpecification\":[{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\",\"Sunday\"],\"opens\":\"09:00\",\"closes\":\"17:00\"}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/#\\\/schema\\\/person\\\/5e2665780ec09dca98cfa7e57305bf67\",\"name\":\"lgr.consultation@gmail.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8b587ecdceb7f42b1ee9e0b55fadf8fbbd2ee9c9019d1fc79b9bcae85fc76654?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8b587ecdceb7f42b1ee9e0b55fadf8fbbd2ee9c9019d1fc79b9bcae85fc76654?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8b587ecdceb7f42b1ee9e0b55fadf8fbbd2ee9c9019d1fc79b9bcae85fc76654?s=96&d=mm&r=g\",\"caption\":\"lgr.consultation@gmail.com\"},\"url\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/author\\\/lgr-consultationgmail-com\\\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/contour-clinic.com\\\/en\\\/memory-game\\\/#local-main-organization-logo\",\"url\":\"https:\\\/\\\/contour-clinic.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Logo_clinique-contour_Chirurgie-plastique_CLR-1536x386-1.png\",\"contentUrl\":\"https:\\\/\\\/contour-clinic.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Logo_clinique-contour_Chirurgie-plastique_CLR-1536x386-1.png\",\"width\":1536,\"height\":386,\"caption\":\"Clinique Contour\"}]}<\/script>\n","yoast_head_json":{"title":"Post-operative Memory Game - Clinique Contour","description":"With our memory game, remember certain post-operative instructions more easily in a fun way!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/contour-clinic.com\/en\/memory-game\/","og_locale":"en_US","og_type":"article","og_title":"Post-operative Memory Game","og_description":"With our memory game, remember certain post-operative instructions more easily in a fun way!","og_url":"https:\/\/contour-clinic.com\/en\/memory-game\/","og_site_name":"Clinique Contour","article_published_time":"2026-03-12T19:11:13+00:00","article_modified_time":"2026-03-19T18:58:32+00:00","og_image":[{"width":1024,"height":623,"url":"https:\/\/contour-clinic.com\/wp-content\/uploads\/2026\/03\/femme-ordinateur-1024x623.png","type":"image\/png"}],"author":"lgr.consultation@gmail.com","twitter_card":"summary_large_image","twitter_misc":{"Written by":"lgr.consultation@gmail.com","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#article","isPartOf":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/"},"author":{"name":"lgr.consultation@gmail.com","@id":"https:\/\/contour-clinic.com\/en\/#\/schema\/person\/5e2665780ec09dca98cfa7e57305bf67"},"headline":"Post-operative Memory Game","datePublished":"2026-03-12T19:11:13+00:00","dateModified":"2026-03-19T18:58:32+00:00","mainEntityOfPage":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/"},"wordCount":473,"publisher":{"@id":"https:\/\/contour-clinic.com\/en\/#organization"},"image":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#primaryimage"},"thumbnailUrl":"https:\/\/contour-clinic.com\/wp-content\/uploads\/2026\/03\/femme-ordinateur.png","articleSection":["Explantation"],"inLanguage":"en-US","copyrightYear":"2026","copyrightHolder":{"@id":"https:\/\/contour-clinic.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/contour-clinic.com\/en\/memory-game\/","url":"https:\/\/contour-clinic.com\/en\/memory-game\/","name":"Post-operative Memory Game - Clinique Contour","isPartOf":{"@id":"https:\/\/contour-clinic.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#primaryimage"},"image":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#primaryimage"},"thumbnailUrl":"https:\/\/contour-clinic.com\/wp-content\/uploads\/2026\/03\/femme-ordinateur.png","datePublished":"2026-03-12T19:11:13+00:00","dateModified":"2026-03-19T18:58:32+00:00","description":"With our memory game, remember certain post-operative instructions more easily in a fun way!","breadcrumb":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/contour-clinic.com\/en\/memory-game\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#primaryimage","url":"https:\/\/contour-clinic.com\/wp-content\/uploads\/2026\/03\/femme-ordinateur.png","contentUrl":"https:\/\/contour-clinic.com\/wp-content\/uploads\/2026\/03\/femme-ordinateur.png","width":2300,"height":1400,"caption":"Femme devant un ordinateur"},{"@type":"BreadcrumbList","@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/contour-clinic.com\/en\/"},{"@type":"ListItem","position":2,"name":"Post-operative Memory Game"}]},{"@type":"WebSite","@id":"https:\/\/contour-clinic.com\/en\/#website","url":"https:\/\/contour-clinic.com\/en\/","name":"Clinique Contour","description":"","publisher":{"@id":"https:\/\/contour-clinic.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/contour-clinic.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Organization","Place"],"@id":"https:\/\/contour-clinic.com\/en\/#organization","name":"Clinique Contour","url":"https:\/\/contour-clinic.com\/en\/","logo":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#local-main-organization-logo"},"image":{"@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#local-main-organization-logo"},"telephone":[],"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],"opens":"09:00","closes":"17:00"}]},{"@type":"Person","@id":"https:\/\/contour-clinic.com\/en\/#\/schema\/person\/5e2665780ec09dca98cfa7e57305bf67","name":"lgr.consultation@gmail.com","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/8b587ecdceb7f42b1ee9e0b55fadf8fbbd2ee9c9019d1fc79b9bcae85fc76654?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8b587ecdceb7f42b1ee9e0b55fadf8fbbd2ee9c9019d1fc79b9bcae85fc76654?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8b587ecdceb7f42b1ee9e0b55fadf8fbbd2ee9c9019d1fc79b9bcae85fc76654?s=96&d=mm&r=g","caption":"lgr.consultation@gmail.com"},"url":"https:\/\/contour-clinic.com\/en\/author\/lgr-consultationgmail-com\/"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/contour-clinic.com\/en\/memory-game\/#local-main-organization-logo","url":"https:\/\/contour-clinic.com\/wp-content\/uploads\/2025\/10\/Logo_clinique-contour_Chirurgie-plastique_CLR-1536x386-1.png","contentUrl":"https:\/\/contour-clinic.com\/wp-content\/uploads\/2025\/10\/Logo_clinique-contour_Chirurgie-plastique_CLR-1536x386-1.png","width":1536,"height":386,"caption":"Clinique Contour"}]}},"_links":{"self":[{"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/posts\/2883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/comments?post=2883"}],"version-history":[{"count":2,"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/posts\/2883\/revisions"}],"predecessor-version":[{"id":2886,"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/posts\/2883\/revisions\/2886"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/media\/2879"}],"wp:attachment":[{"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/media?parent=2883"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/categories?post=2883"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/contour-clinic.com\/en\/wp-json\/wp\/v2\/tags?post=2883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}