// ==============================
// フロント表示（ショートコード） 
// ==============================
add_shortcode('pacha_roulette_coupon', function(){
    $spin_nonce = wp_create_nonce('pacha_roulette_spin_nonce');
    $admin_url = admin_url('admin-ajax.php');

    $html = <<<EOD
<style>
    #roulette-wrapper {
        text-align:center;
        margin:40px auto;
        position:relative;
        width:90vw;
        max-width:350px;
    }
    #rouletteCanvas {
        border-radius:50%;
        width:100%;
        height:auto;
        box-shadow:0 0 20px 5px rgba(0,102,204,0.3);
        transition:transform 4s cubic-bezier(0.2, 0.8, 0.5, 1), box-shadow .3s;
        transform:rotate(0deg); 
        z-index: 10;
    }
    /* インジケーター（針）のスタイル */
    #indicator {
        position:absolute;
        display: block;
        top: -20px; 
        left: 50%;
        width: 0;
        height: 0;
        border-left: 15px solid transparent; 
        border-right: 15px solid transparent; 
        border-bottom: 30px solid #ff0000;
        transform: translateX(-50%);
        z-index: 9999;
    }
    .glow {
        animation:glowPulse 1s infinite alternate;
    }
    @keyframes glowPulse {
        from {box-shadow:0 0 15px 2px rgba(0,102,204,0.4);} 
        to {box-shadow:0 0 30px 8px rgba(0,153,255,0.8);}
    }
    .flash {
        animation:flashBg 1s ease-out;
    }
    @keyframes flashBg {
        0% {background-color:rgba(0,102,204,0.7);} 
        100% {background-color:transparent;}
    }
    #startBtn {
        padding:15px 30px;
        font-size:20px;
        width:80%;
        max-width:200px;
        margin-top:20px;
        border:none;
        border-radius:8px;
        background:#0066cc;
        color:#fff;
        cursor:pointer;
    }
    #rouletteCanvas.won {
        box-shadow:0 0 20px 5px rgba(255,165,0,0.5);
    } 
</style>
<div id="roulette-wrapper">
    <div id="indicator"></div>
    <canvas id="rouletteCanvas" width="300" height="300"></canvas>
    <button id="startBtn">スタート</button>
    <div id="resultArea" style="margin-top:20px;font-size:18px;"></div>
</div>
<script>
(function(){
    const canvas=document.getElementById('rouletteCanvas');
    const ctx=canvas.getContext('2d');
    const startBtn=document.getElementById('startBtn');
    const resultArea=document.getElementById('resultArea');
    const wrapper=document.getElementById('roulette-wrapper');
    let segments=[], totalRate=0, angle=0, hitSegmentIndex=-1;
    const totalSpinCount=5; 
    
    // ルーレットデータ取得
    fetch('{$admin_url}?action=pacha_get_roulette_data')
    .then(r=>r.json()).then(data=>{
        segments=data;
        totalRate=segments.reduce((a,b)=>a+Number(b.rate),0);
        
        if (totalRate === 0) {
            resultArea.innerHTML = 'ルーレットアイテムが設定されていません。';
            startBtn.disabled = true;
        }
        drawRoulette();
    }).catch(err => {
        console.error('ルーレットデータの取得に失敗しました:', err);
        resultArea.innerHTML = 'ルーレットの初期設定に問題があります。'; 
        startBtn.disabled = true; 
    });
    
    const radToDeg = (rad) => rad * (180 / Math.PI);
    const colors = ["#ff5722", "#4caf50", "#2196f3", "#ffc107", "#9c27b0"];
    
    function drawRoulette(){
        const cx=150,cy=150,r=140;
        let start=0;
        ctx.clearRect(0,0,300,300);
        
        segments.forEach((s, index)=>{
            if (totalRate === 0) return;
            
            const ang=2*Math.PI*(Number(s.rate)/totalRate); 

            ctx.beginPath();
            ctx.moveTo(cx,cy);
            ctx.arc(cx,cy,r,start,start+ang);
            
            ctx.fillStyle = colors[index % colors.length];
            
            if(hitSegmentIndex===index) {
                const grad = ctx.createRadialGradient(cx, cy, r * 0.3, cx, cy, r);
                grad.addColorStop(0, '#ffcc00'); 
                grad.addColorStop(1, '#ffaa00');
                ctx.fillStyle = grad;
            }
            ctx.fill();
            
            ctx.strokeStyle = '#ffffff'; 
            ctx.lineWidth = 3;
            ctx.stroke();

            ctx.save();
            ctx.translate(cx,cy);
            ctx.rotate(start+ang/2);                        
            
            ctx.restore();
            s.startAngle = start;
            s.endAngle = start + ang;
            start+=ang;
        });
    }    
    
    startBtn.addEventListener('click', ()=>{
        if(segments.length === 0 || totalRate === 0) {
            resultArea.innerHTML = 'ルーレットのアイテムが設定されていません。';
            return;
        }
        startBtn.disabled=true; 
        canvas.classList.add('glow');
        canvas.classList.remove('won');
        hitSegmentIndex=-1;
        resultArea.innerHTML='';

        // ⭐️【修正なし】CSSトランジションを維持
        canvas.style.transition = 'transform 4s cubic-bezier(0.2, 0.8, 0.5, 1), box-shadow .3s';
        
        fetch('{$admin_url}', {
            method: 'POST',
            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
            body: 'action=pacha_roulette_spin&_wpnonce={$spin_nonce}'
        })
        .then(r => r.json())
        .then(res => {
            if (res.html.includes('すでに挑戦済み') || res.html.includes('設定がありません')) {
                canvas.classList.remove('glow');
                resultArea.innerHTML = res.html;
                startBtn.disabled = false;
                // 制限時は即座にリセット
                canvas.style.transition = 'none'; 
                canvas.style.transform = 'rotate(0deg)';
                return;
            }

            if(res.hit_index !== undefined) {
                hitSegmentIndex = res.hit_index;
            }
            
            let targetAngleRad = 0;
            if(hitSegmentIndex !== -1 && segments[hitSegmentIndex]) {
                const hit = segments[hitSegmentIndex];
                const midAngle = hit.startAngle + (hit.endAngle - hit.startAngle) / 2;
                targetAngleRad = -midAngle;
            } else {
                targetAngleRad = -(Math.random() * 2 * Math.PI);
            }
            const targetAngleDeg = radToDeg(targetAngleRad);
            const finalStopAngle = targetAngleDeg + 90;
            const totalSpinDeg = (360 * totalSpinCount) + (finalStopAngle % 360) + 720;
            canvas.style.transform = 'rotate(' + totalSpinDeg + 'deg)';
            
            // 4秒後にアニメーション停止と結果表示
            setTimeout(() => {
                const hitTitle = hitSegmentIndex !== -1 ? segments[hitSegmentIndex].title.toLowerCase() : '';
                
                if(hitTitle !== '' && hitTitle !== 'ハズレ'){ 
                    wrapper.classList.add('flash');
                    canvas.classList.add('won');
                    setTimeout(() => { wrapper.classList.remove('flash'); }, 1200);
                }
                
                drawRoulette(); 

                resultArea.innerHTML=res.html;
                
                startBtn.disabled=false; 
                
                // ⭐️【修正箇所】回転をリセット
                // CSSトランジションが有効なまま 0deg に戻すため、逆回転アニメーションが発生
                canvas.style.transform = 'rotate(0deg)'; 
                
                canvas.classList.remove('glow');
            }, 4000);
        })
        .catch(err => {
            console.error('抽選処理に失敗しました:', err);
            resultArea.innerHTML = '抽選中にエラーが発生しました。';
            startBtn.disabled = false;
            canvas.classList.remove('glow');
            canvas.style.transform = 'rotate(' + angle + 'deg)';
        });
    });
})();
</script>
EOD;

    return $html;
});

// ... (その他のPHP関数はv1.0.34と同じで変更なし) ...<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://pacha.jp/sitemap.xsl"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
<!-- Sitemap is generated on 2025-11-13 18:54:13 GMT -->
	<url>
		<loc>https://pacha.jp/</loc>
		<lastmod>2025-11-08T01:29:07+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/quiz/</loc>
		<lastmod>2025-11-01T00:34:20+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/cat/</loc>
		<lastmod>2025-10-21T11:00:29+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/recs/</loc>
		<lastmod>2025-10-21T14:26:19+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/welcome/</loc>
		<lastmod>2025-10-21T11:06:12+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/bot/</loc>
		<lastmod>2025-11-10T15:53:45+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/wedd/</loc>
		<lastmod>2025-10-21T11:05:48+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/vip/</loc>
		<lastmod>2025-10-21T11:05:32+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/priv/</loc>
		<lastmod>2025-10-21T11:04:48+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/party/</loc>
		<lastmod>2025-10-21T11:04:28+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/lunch/</loc>
		<lastmod>2025-10-21T11:03:52+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/grand/</loc>
		<lastmod>2025-10-21T11:03:13+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/drink-2/</loc>
		<lastmod>2025-10-21T11:02:40+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/dining/</loc>
		<lastmod>2025-10-21T11:01:32+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/course/</loc>
		<lastmod>2025-10-21T11:01:04+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/bday/</loc>
		<lastmod>2025-10-21T10:59:08+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/bar/</loc>
		<lastmod>2025-11-02T01:08:48+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/anniv/</loc>
		<lastmod>2025-10-21T10:57:18+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/info/</loc>
		<lastmod>2025-11-02T16:53:52+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/bar-table/</loc>
		<lastmod>2025-11-08T17:24:37+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/dining-table/</loc>
		<lastmod>2025-11-08T17:27:41+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/vip-room/</loc>
		<lastmod>2025-11-08T17:33:52+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/bar-counter/</loc>
		<lastmod>2025-11-09T03:21:15+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/counter-seat/</loc>
		<lastmod>2025-11-08T17:29:44+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/hall-water-tank/</loc>
		<lastmod>2025-11-09T03:34:34+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/hallway/</loc>
		<lastmod>2025-11-09T03:39:34+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/private-room/</loc>
		<lastmod>2025-11-08T17:55:10+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/beef-tongue-steak/</loc>
		<lastmod>2025-11-07T14:03:26+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/wagyu-roast-beef/</loc>
		<lastmod>2025-11-07T14:03:17+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/wagyu-steak/</loc>
		<lastmod>2025-11-07T14:03:10+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/wagyu-beef-shabu-shabu/</loc>
		<lastmod>2025-11-07T14:01:27+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/carbonara/</loc>
		<lastmod>2025-11-07T14:01:19+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/iga-beef-nabe/</loc>
		<lastmod>2025-11-07T14:01:11+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/iga-beef-motsunabe/</loc>
		<lastmod>2025-11-07T14:01:00+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/pork-steak/</loc>
		<lastmod>2025-11-07T14:00:53+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/assorted-skewers/</loc>
		<lastmod>2025-11-07T14:00:46+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/pizza-margherita/</loc>
		<lastmod>2025-11-08T16:44:25+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/bagna-cauda/</loc>
		<lastmod>2025-11-07T14:00:38+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/squid-ink-pasta/</loc>
		<lastmod>2025-11-07T14:00:29+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/pistachio-cheese-terrine/</loc>
		<lastmod>2025-11-07T14:00:04+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/beef-tongue-shabu-shabu/</loc>
		<lastmod>2025-11-08T17:19:07+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/garlic-shrimp-salad/</loc>
		<lastmod>2025-11-08T17:14:12+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/tomahawk-steak/</loc>
		<lastmod>2025-11-08T17:00:08+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/chocolate-terrine/</loc>
		<lastmod>2025-11-07T13:59:44+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/octopus-carpaccio/</loc>
		<lastmod>2025-11-08T16:54:32+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/iga-beef/</loc>
		<lastmod>2025-11-07T13:59:35+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/summer-roll/</loc>
		<lastmod>2025-11-07T13:59:24+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/fried-shrimp/</loc>
		<lastmod>2025-11-07T13:59:13+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/tomato-pasta/</loc>
		<lastmod>2025-11-07T13:59:03+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/anchovy-pasta/</loc>
		<lastmod>2025-11-07T13:58:53+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/bolognese/</loc>
		<lastmod>2025-11-07T13:58:44+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/tarako-pasta/</loc>
		<lastmod>2025-11-07T13:57:38+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/arancini/</loc>
		<lastmod>2025-11-03T11:35:53+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/chicken-steak/</loc>
		<lastmod>2025-11-03T11:25:55+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/sea-bream-carpaccio/</loc>
		<lastmod>2025-11-03T11:15:31+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/take-out-roast-beef-bowl/</loc>
		<lastmod>2025-11-03T11:15:56+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/roast-pork/</loc>
		<lastmod>2025-11-03T11:15:41+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/6-assorted/</loc>
		<lastmod>2025-11-03T11:15:48+00:00</lastmod>
	</url>
	<url>
		<loc>https://pacha.jp/peperoncino/</loc>
		<lastmod>2025-11-08T16:50:49+00:00</lastmod>
	</url>
</urlset>
<!-- Sitemap is generated for this view -->