オラクルカード（1枚引き）
今日のあなたに導かれた1枚を引きましょう。
※同じ日に引いても、結果は変わりません。
カード裏面
カード1のメッセージ（仮）。ここに解説テキストが入ります。
`; } else { // 1〜30：無料公開 messageHTML = (card && card.text) ? card.text : `カード${idx+1}のメッセージ`; } // ローディング演出 await new Promise(r => setTimeout(r, 3000)); // 画像セット（ロック時はLOCKED_IMG） imgFront.src = displayImg; imgFront.removeAttribute('aria-hidden'); inlineLd.style.display='none'; inlineLd.classList.remove('show'); isFlipping = true; card3d.classList.add('flipped'); card3d.addEventListener('transitionend', ()=>{ // ★ タイトル（金）＋ 本文 を描画 textEl.innerHTML = `${titleHtml}${messageHTML}`; setTextVisible(true); // ★ タイトル位置にゆっくりスクロール const titleEl = textEl.querySelector('.card-title'); if (titleEl) { smoothScrollTo(titleEl, 3000); } else { // タイトルがない場合は本文上まで（フォールバック） smoothScrollTo(textEl, 3000); } addGlow(); radialFlash(800); twinkle.start(); // Noは常に表示 showCardNumber(idx + 1); btnDraw.disabled = false; // 同日再表示OK仕様 btnRetry.disabled = false; isFlipping = false; isDrawing = false; if (!sameDaySaved()) saveToday(idx); }, { once:true }); }); // ====== 「リセット」処理 ====== btnRetry.addEventListener('click',()=>{ if(isDrawing||isFlipping)return; toBack(); removeGlow(); twinkle.stop(); wrap.scrollIntoView({ behavior: "smooth", block: "start" }); fctx.clearRect(0,0,flashCanvas.width,flashCanvas.height); textEl.textContent="カードの裏面が表示されています。『占う』を押して結果を見ましょう。"; hideCardNumber(); // ★ 念押し btnDraw.disabled=false; }); })();