From 519b9fbae3842250082b0be4c3c8448aa11ffa49 Mon Sep 17 00:00:00 2001
From: gm <weimdo_@naver.com>
Date: Sat, 25 Jul 2026 23:48:14 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B6=95=ED=95=98=20=EC=B0=BD=EC=9D=84=202.8?=
 =?UTF-8?q?=EC=B4=88=20=ED=9B=84=20=EC=9E=90=EB=8F=99=EC=9C=BC=EB=A1=9C=20?=
 =?UTF-8?q?=EB=8B=AB=EB=8D=98=20=EB=B0=A9=EC=8B=9D=EC=9D=84=20=EC=97=86?=
 =?UTF-8?q?=EC=95=A0=EA=B3=A0,=20=EB=AA=85=EC=96=B8=EA=B9=8C=EC=A7=80=20?=
 =?UTF-8?q?=ED=99=95=EC=9D=B8=ED=95=9C=20=EB=92=A4=20=ED=99=95=EC=9D=B8=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=EC=9D=84=20=EB=88=8C=EB=9F=AC=EC=95=BC?=
 =?UTF-8?q?=EB=A7=8C=20=EB=8B=AB=ED=9E=88=EA=B3=A0=20=EB=B0=94=EA=B5=AC?=
 =?UTF-8?q?=EB=8B=88=EA=B0=80=20=EB=B9=84=EC=9B=8C=EC=A7=80=EB=8F=84?=
 =?UTF-8?q?=EB=A1=9D=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 index.html | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index c05af09..b33f521 100644
--- a/index.html
+++ b/index.html
@@ -82,7 +82,7 @@
     opacity:0; pointer-events:none;
     transition: opacity 0.3s ease;
   }
-  .celebrate.show{ opacity:1; }
+  .celebrate.show{ opacity:1; pointer-events:auto; }
   .celebrate .msg{
     background: rgba(255,255,255,0.92); color:#1c2b22;
     padding:0.85rem 1.3rem; border-radius:14px;
@@ -97,6 +97,17 @@
     color:#4c6155;
   }
   .celebrate .quote.show{ display:block; }
+  .celebrate .confirm-btn{
+    display:block;
+    margin:0.75rem auto 0;
+    padding:0.4rem 1.1rem;
+    border:none; border-radius:999px;
+    background:#4f9d6e; color:#fff;
+    font-weight:700; font-size:0.85rem;
+    font-family:inherit;
+    cursor:pointer;
+  }
+  .celebrate .confirm-btn:active{ background:#3f8a5d; }
   @media (prefers-color-scheme: dark){
     .celebrate .quote{ color:#9db3a6; }
   }
@@ -124,6 +135,7 @@
       <div class="msg">
         🎉 사과 5개를 모았어요!
         <div class="quote" id="quoteText"></div>
+        <button type="button" class="confirm-btn" id="celebrateConfirm">확인</button>
       </div>
     </div>
   </div>
@@ -591,7 +603,6 @@ async function celebrate(){
   celebrateEl.classList.add('show');
   quoteEl.classList.remove('show');
   spawnConfetti();
-  setTimeout(clearBasket, 2800);
 
   try {
     const res = await fetch('./quotes.txt');
@@ -628,6 +639,8 @@ function clearBasket(){
   updateBasketCounter();
 }
 
+document.getElementById('celebrateConfirm').addEventListener('click', clearBasket);
+
 // ---------- animation loop ----------
 const clock = new THREE.Clock();