<!DOCTYPE html>
<html lang="bn">
<head>
<meta charset="UTF-8">
<title>Playing Guide - CV111</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
    body { background: #0b1d1a; color: #c5c0b5; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: 0; line-height: 1.8; }
    .header-bg { background: linear-gradient(160deg, #133a2e 0%, #0b1d1a 80%); padding: 18px 16px; border-bottom: 1px solid rgba(0,230,118,.15); position: sticky; top: 0; display: flex; align-items: center; gap: 12px; }
    .header-bg a { color: #ffd54f; text-decoration: none; font-size: 20px; }
    .header-bg span { color: #fff; font-weight: 800; font-size: 17px; }
    main { max-width: 720px; margin: 0 auto; padding: 24px 18px 50px; font-size: 14.5px; }
    main h2 { color: #ffd54f !important; font-size: 16px !important; margin-top: 22px; }
    main font[color="#00ff00"] { color: #00e676 !important; }
    main font[color="#007aff"] { color: #c5c0b5 !important; }
</style>
</head>
<body>
<div class="header-bg"><a href="/newprofile.php"><i class="fa-solid fa-arrow-left"></i></a><span>Playing Guide</span></div>
<main id="guideContent">লোড হচ্ছে...</main>

<script>
async function loadGuide() {
    try {
        const res = await fetch('/deepanshu/api/webapi/GetPlayingGuide.php');
        const data = await res.json();
        if (data.data && data.data.playingGuide) {
            document.getElementById('guideContent').innerHTML = data.data.playingGuide;
        } else {
            document.getElementById('guideContent').textContent = 'Load করা যায়নি।';
        }
    } catch (e) {
        document.getElementById('guideContent').textContent = 'একটা সমস্যা হয়েছে।';
    }
}
loadGuide();
</script>
</body>
</html>
