diff --git a/www/html/Game/public/js/play.js b/www/html/Game/public/js/play.js
index 32a6edd..82d9983 100644
--- a/www/html/Game/public/js/play.js
+++ b/www/html/Game/public/js/play.js
@@ -396,6 +396,14 @@
title.appendChild(document.createElement('br'));
title.appendChild(gradeEl);
}
+ var freeBonus = Math.max(0, Number(res.freeEvidenceCount) || 0);
+ if (freeBonus > 0) {
+ var bonusEl = document.createElement('div');
+ bonusEl.style.cssText = 'font:800 15px/1.3 Kanit,system-ui,sans-serif;color:#9ece6a;margin-top:4px';
+ bonusEl.textContent = '⭐ การ์ด Free Evidence: ทุกคนรับหลักฐานฟรี +' + freeBonus + ' ใบ';
+ title.appendChild(document.createElement('br'));
+ title.appendChild(bonusEl);
+ }
var row = document.createElement('div');
row.style.cssText = 'display:flex;gap:18px;flex-wrap:wrap;justify-content:center;align-items:center;max-width:92vw';
awarded.forEach(function (c, i) {
@@ -11766,6 +11774,9 @@
if (coins > 0 && card.effectKey === 'fund') {
addOwnCoinsViaApi(coins);
}
+ /* ถ้า overlay ควิซยังเปิด (การ์ดเพิ่งได้จากควิซ) — แผง «เล่นต่อ» โชว์การ์ดอยู่แล้ว ไม่ต้องเด้งซ้ำ */
+ const sqOv = specialQuizOverlayEl();
+ if (sqOv && !sqOv.classList.contains('is-hidden')) return;
showSpecialCardUseAnimation(card, { addSec: addSec, coins: coins });
}
@@ -11835,24 +11846,66 @@
}, 2600);
}
+ /** ปิด overlay + คืนเวลาเล่นต่อ (เรียกตอนกด «เล่นต่อ» หรือ safety timeout) */
+ function specialQuizContinueAndResume() {
+ clearTimeout(endSpecialQuiz._safety);
+ endSpecialQuiz._safety = 0;
+ const ov = specialQuizOverlayEl();
+ const award = document.getElementById('sq-ov-award');
+ if (award) award.classList.add('is-hidden');
+ if (ov) ov.classList.add('is-hidden');
+ /* แจ้ง server ให้เล่นรอบ quiz (mng8a80o) ต่อ — มินิเกมอื่น freeze ฝั่ง client พอ */
+ try { socket.emit('special-quiz-continue', {}, function () {}); } catch (e) { /* ignore */ }
+ endSpecialQuizFreeze();
+ }
+
function endSpecialQuiz(data) {
cancelAnimationFrame(specialQuizTimerRaf);
specialQuizActiveQuestion = null;
specialQuizAnswered = false;
- endSpecialQuizFreeze();
- if (data && data.success && data.card) specialQuizAwardedCard = data.card;
- const ov = specialQuizOverlayEl();
+ const success = !!(data && data.success && data.card);
+ const card = success ? data.card : null;
+ if (success) specialQuizAwardedCard = card;
+ const status = document.getElementById('sq-ov-status');
+ if (status) status.textContent = '';
const result = document.getElementById('sq-ov-result');
if (result) {
result.classList.remove('is-hidden');
- result.textContent = (data && data.success)
- ? 'ได้รับการ์ดพิเศษ! ดูในสรุปผลภารกิจ'
- : 'รอบนี้ไม่ได้การ์ดพิเศษ';
- result.className = 'sq-ov-result ' + ((data && data.success) ? 'sq-ov-result--ok' : 'sq-ov-result--fail');
+ result.textContent = success ? 'ได้รับการ์ดพิเศษ!' : 'รอบนี้ไม่ได้การ์ดพิเศษ';
+ result.className = 'sq-ov-result ' + (success ? 'sq-ov-result--ok' : 'sq-ov-result--fail');
}
- const status = document.getElementById('sq-ov-status');
- if (status) status.textContent = '';
- if (ov) setTimeout(function () { ov.classList.add('is-hidden'); }, 1900);
+ /* แผงโชว์การ์ด + ปุ่ม «เล่นต่อ» — เกมหยุดค้างจนกว่าจะกด */
+ const award = document.getElementById('sq-ov-award');
+ const titleEl = document.getElementById('sq-ov-award-title');
+ const imgEl = document.getElementById('sq-ov-award-img');
+ const nameEl = document.getElementById('sq-ov-award-name');
+ const fxEl = document.getElementById('sq-ov-award-effect');
+ const btn = document.getElementById('sq-ov-award-continue');
+ if (award) {
+ if (success) {
+ if (titleEl) titleEl.textContent = 'ได้รับการ์ดพิเศษ!';
+ if (imgEl) {
+ imgEl.removeAttribute('hidden');
+ imgEl.src = card.imageUrl || (card.cardId ? '/Game/img/special-cards/card-' + card.cardId + '.png' : '');
+ }
+ if (nameEl) nameEl.textContent = card.en || card.th || ('การ์ด #' + (card.cardId || ''));
+ if (fxEl) fxEl.textContent = card.desc || card.th || '';
+ } else {
+ if (titleEl) titleEl.textContent = 'รอบนี้ไม่ได้การ์ดพิเศษ';
+ if (imgEl) { imgEl.setAttribute('hidden', ''); imgEl.removeAttribute('src'); }
+ if (nameEl) nameEl.textContent = '';
+ if (fxEl) fxEl.textContent = 'ตอบถูกครบทุกคนเพื่อรับการ์ดพิเศษในครั้งหน้า';
+ }
+ if (btn) btn.onclick = specialQuizContinueAndResume;
+ award.classList.remove('is-hidden');
+ } else {
+ /* ไม่มี element สำรอง — เล่นต่อทันที */
+ specialQuizContinueAndResume();
+ return;
+ }
+ /* กันค้าง: ถ้าไม่กดภายใน 30 วิ ให้ไปต่อเอง */
+ clearTimeout(endSpecialQuiz._safety);
+ endSpecialQuiz._safety = setTimeout(specialQuizContinueAndResume, 30000);
}
function showGauntletCrownMissionOverlay(mission) {
diff --git a/www/html/Game/public/play.html b/www/html/Game/public/play.html
index 62c72a8..5c23840 100644
--- a/www/html/Game/public/play.html
+++ b/www/html/Game/public/play.html
@@ -3899,6 +3899,16 @@
#special-quiz-overlay .sq-ov-result.is-hidden { display: none; }
#special-quiz-overlay .sq-ov-result--ok { color: #0e1226; background: #9ece6a; }
#special-quiz-overlay .sq-ov-result--fail { color: #fff; background: rgba(247,118,142,0.9); }
+ #special-quiz-overlay .sq-ov-award { margin-top: 16px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
+ #special-quiz-overlay .sq-ov-award.is-hidden { display: none; }
+ #special-quiz-overlay .sq-ov-award-title { font-size: 20px; font-weight: 900; color: #ffe7a3; text-shadow: 0 0 14px rgba(255,214,102,0.55); }
+ #special-quiz-overlay .sq-ov-award-img { width: 170px; max-width: 60vw; height: auto; border-radius: 14px; box-shadow: 0 0 34px rgba(255,200,90,0.55), 0 14px 40px rgba(0,0,0,0.55); animation: sqAwardPop .55s cubic-bezier(.2,.9,.3,1.45); }
+ #special-quiz-overlay .sq-ov-award-img[hidden] { display: none; }
+ @keyframes sqAwardPop { from { opacity: 0; transform: translateY(22px) scale(.82) rotate(-5deg); } to { opacity: 1; transform: none; } }
+ #special-quiz-overlay .sq-ov-award-name { font-size: 18px; font-weight: 800; color: #fff; }
+ #special-quiz-overlay .sq-ov-award-effect { font-size: 14px; color: #c0caf5; max-width: 90%; line-height: 1.4; }
+ #special-quiz-overlay .sq-ov-award-btn { margin-top: 6px; cursor: pointer; border: none; border-radius: 999px; padding: 13px 40px; font-size: 17px; font-weight: 800; color: #0e1226; background: linear-gradient(180deg, #ffd666, #f0b429); box-shadow: 0 10px 28px rgba(240,180,41,0.45); transition: filter .12s, transform .08s; }
+ #special-quiz-overlay .sq-ov-award-btn:hover { filter: brightness(1.06); transform: translateY(-1px); }
#special-quiz-overlay .sq-ov-members-head { margin-top: 16px; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: #7aa2f7; font-weight: 700; }
#special-quiz-overlay .sq-ov-members { margin-top: 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
@media (max-width: 560px) { #special-quiz-overlay .sq-ov-members { grid-template-columns: 1fr; } }
@@ -3949,12 +3959,19 @@
สมาชิกในรอบนี้ — ต้องตอบถูกครบทุกคน
+
+
ได้รับการ์ดพิเศษ!
+
![]()
+
+
+
+
v —