<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ASK POKER — Sistema de Anotações e Placar Online</title>
    <style>
        :root {
            --bg: #0d1f15; --panel: #1a3c2a; --gold: #c9a84c; --gold-light: #e0c060;
            --text: #f0e6c5; --text-dim: #a0c9a0; --danger: #ff4444; --success: #00cc66; --player-bg: #2a5c3a;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: 'Segoe UI', 'Montserrat', sans-serif;
            background: linear-gradient(160deg, #0a1a10 0%, #0d1f15 40%, #1a3c2a 100%);
            color: var(--text); min-height: 100vh; padding: 10px;
        }
        .container {
            max-width: 1100px; margin: 0 auto; background: rgba(26,60,42,0.7);
            border: 2px solid var(--gold); border-radius: 20px; padding: 25px;
            box-shadow: 0 15px 40px rgba(0,0,0,0.5); backdrop-filter: blur(5px);
        }
        h1 { text-align: center; color: var(--gold); font-size: 26px; letter-spacing: 3px; margin-bottom: 5px; text-transform: uppercase; }
        .subtitle { text-align: center; color: var(--text-dim); font-size: 13px; margin-bottom: 20px; }
        .setup-panel, .game-panel, .results-panel {
            background: var(--panel); border-radius: 12px; padding: 20px; margin-bottom: 20px; border: 1px solid rgba(201,168,76,0.3);
        }
        .setup-panel h2, .game-panel h2, .results-panel h2 { color: var(--gold); font-size: 18px; margin-bottom: 15px; border-bottom: 1px solid var(--gold); padding-bottom: 8px; }
        .row { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; margin-bottom: 12px; }
        label { font-weight: bold; color: var(--gold-light); min-width: 100px; }
        select, input[type="text"], input[type="number"] { padding: 8px 12px; border-radius: 6px; border: 1px solid var(--gold); background: #0d1f15; color: var(--text); font-size: 14px; }
        button { padding: 10px 20px; border-radius: 8px; border: none; font-weight: bold; cursor: pointer; transition: 0.3s; font-size: 14px; }
        .btn-gold { background: var(--gold); color: #1a3c2a; }
        .btn-gold:hover { background: var(--gold-light); box-shadow: 0 0 15px rgba(201,168,76,0.5); }
        .btn-outline { background: transparent; border: 2px solid var(--gold); color: var(--gold); }
        .btn-outline:hover { background: var(--gold); color: #1a3c2a; }
        .btn-sm { padding: 5px 12px; font-size: 12px; }
        .players-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin: 15px 0; }
        .player-card {
            background: var(--player-bg); border-radius: 10px; padding: 15px;
            border: 2px solid transparent; transition: 0.3s; position: relative;
        }
        .player-card.dealer { border-color: var(--gold); box-shadow: 0 0 15px rgba(201,168,76,0.4); }
        .player-card h3 { color: var(--gold); font-size: 15px; margin-bottom: 8px; }
        .player-card .round-choices { font-size: 11px; }
        .player-card .round-choices span { display: block; margin: 3px 0; color: var(--text-dim); }
        .player-card .round-choices .val { color: var(--gold-light); font-weight: bold; }
        .player-cards-visual { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 8px; }
        .mini-card {
            width: 36px; height: 50px; border-radius: 4px; border: 1px solid rgba(201,168,76,0.6);
            display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: bold;
            background: rgba(0,0,0,0.4);
        }
        .mini-card.red { color: #ff6666; }
        .mini-card.black { color: #ffffff; }
        .mini-card.placeholder { color: var(--text-dim); border-style: dashed; }
        .score-badge {
            position: absolute; top: 8px; right: 8px; background: var(--gold);
            color: #1a3c2a; border-radius: 50%; width: 28px; height: 28px;
            display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px;
        }
        .scoreboard {
            background: rgba(0,0,0,0.3); border-radius: 12px; padding: 15px; margin-bottom: 20px;
            display: flex; justify-content: space-around; flex-wrap: wrap; gap: 10px;
        }
        .score-item {
            text-align: center; color: var(--text); font-weight: bold;
        }
        .score-item .name { font-size: 14px; color: var(--gold); }
        .score-item .pts { font-size: 24px; }
        .round-table { width: 100%; border-collapse: collapse; margin: 10px 0; }
        .round-table th, .round-table td { padding: 8px; text-align: center; border: 1px solid rgba(201,168,76,0.4); font-size: 13px; }
        .round-table th { background: var(--gold); color: #1a3c2a; }
        .round-table select { width: 60px; }
        .results-panel { display: none; }
        .results-panel.show { display: block; }
        .winner-badge {
            display: inline-block; background: var(--gold); color: #1a3c2a; padding: 8px 20px;
            border-radius: 20px; font-weight: bold; font-size: 18px; animation: pulse 1.5s infinite;
        }
        .champion-badge {
            display: inline-block; background: #ffd700; color: #000; padding: 15px 30px;
            border-radius: 30px; font-weight: bold; font-size: 22px; animation: pulse 1s infinite;
        }
        @keyframes pulse { 0%,100% { box-shadow: 0 0 5px var(--gold); } 50% { box-shadow: 0 0 25px var(--gold); } }
        .alert { background: var(--danger); color: white; padding: 10px; border-radius: 8px; text-align: center; margin: 10px 0; font-weight: bold; display: none; }
        .alert.show { display: block; }
        .alert.success { background: var(--success); }
        .status-badge { display: inline-block; background: var(--gold); color: #1a3c2a; padding: 4px 12px; border-radius: 15px; font-weight: bold; font-size: 13px; margin-left: 10px; }
        .secret-notice { color: var(--gold-light); font-size: 12px; font-style: italic; margin-top: 5px; }
        .player-card-reveal-box {
            background: rgba(201,168,76,0.15); border: 2px dashed var(--gold); border-radius: 12px;
            padding: 20px; margin: 15px 0; text-align: center;
        }
        .hand-icon { font-size: 24px; margin-right: 5px; }
        @media (max-width:600px) {
            .container { padding: 15px; }
            .players-grid { grid-template-columns: 1fr 1fr; }
            .row { flex-direction: column; align-items: flex-start; }
        }
    </style>
</head>
<body>
<div class="container">
    <h1>🃏 ASK POKER</h1>
    <p class="subtitle">Sistema de Anotações e Placar Online — Mesa Digital Auxiliar</p>
    <div class="alert" id="alert"></div>

    <!-- PAINEL DE CONFIGURAÇÃO INICIAL -->
    <div class="setup-panel" id="setupPanel">
        <h2>⚙️ Configuração da Partida</h2>
        <div class="row">
            <label>Versão:</label>
            <select id="versionSelect">
                <option value="8">ASK POKER 8 (2-4 jog)</option>
                <option value="5">ASK POKER 5 (Modo Comum)</option>
                <option value="6">ASK POKER 6 (2 jog)</option>
                <option value="7">ASK POKER 7 (2-3 jog)</option>
                <option value="9">ASK POKER 9 (2-5 jog)</option>
                <option value="9c">ASK POKER 9+C (2-6 jog)</option>
                <option value="10">ASK POKER 10 (2-6 jog)</option>
                <option value="10c">ASK POKER 10+C (2-7 jog)</option>
                <option value="total">ASK POKER Total (2-8 jog)</option>
                <option value="totalc">ASK POKER Total+C (2-8 jog)</option>
            </select>
            <label>Modo:</label>
            <select id="modeSelect">
                <option value="freeaskflop">FreeAskFlop</option>
                <option value="freeaskpc">FreeAskPC</option>
                <option value="preask">Pre-Ask</option>
                <option value="comum">Modo Comum</option>
            </select>
            <label>Jogadores:</label>
            <select id="numPlayersSelect">
                <option value="2">2</option><option value="3">3</option><option value="4" selected>4</option>
                <option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option>
            </select>
        </div>
        <div class="row">
            <label>Formato da Partida:</label>
            <select id="matchFormat">
                <option value="bestof">Melhor de</option>
                <option value="raceto">Corrida até</option>
            </select>
            <select id="matchTarget">
                <option value="3">3</option>
                <option value="5" selected>5</option>
                <option value="10">10</option>
            </select>
            <span style="color:var(--text-dim);">mãos/pontos</span>
        </div>
        <div id="playerNamesContainer" style="margin-top:15px;"></div>
        <button class="btn-gold" onclick="startMatch()" style="margin-top:15px;">🎯 Iniciar Partida</button>
    </div>

    <!-- PAINEL DO JOGO -->
    <div class="game-panel" id="gamePanel" style="display:none;">
        <div class="scoreboard" id="scoreboard"></div>
        <h2 id="roundTitle">🎲 Rodada 1: Flop 1 <span class="status-badge" id="statusBadge">0 escolhido(s)</span></h2>
        <p style="color:var(--text-dim); font-size:12px;" id="dealerInfo"></p>
        <div class="players-grid" id="playersGrid"></div>
        <div style="overflow-x:auto;">
            <table class="round-table" id="roundTable">
                <thead><tr><th>Jogador</th><th>Escolha (1-4)</th></tr></thead>
                <tbody></tbody>
            </table>
        </div>
        <div id="playerCardNotice" class="secret-notice" style="display:none; margin: 10px 0; padding: 10px; background: rgba(201,168,76,0.1); border-radius: 8px; text-align: center;">
            🃏 <strong>Rodada da Player Card:</strong> Cada jogador deve consultar sua Player Card <strong>física</strong> em segredo e registrar a opção desejada.
        </div>
        <div id="playerCardRevealBox" class="player-card-reveal-box" style="display: none;">
            <h3 style="color: var(--gold); margin-bottom: 15px;">🃏 Revelação das Player Cards</h3>
            <p style="margin-bottom: 15px; color: var(--text-dim);">Informe o <strong>número do Cartão</strong> da Player Card de cada jogador (conforme a carta física que ele possui).</p>
            <div id="playerCardInputs" class="row" style="justify-content: center;"></div>
            <button class="btn-gold" onclick="submitPlayerCards()" style="margin-top: 15px;">✅ Confirmar Player Cards e Finalizar Mão</button>
        </div>
        <div class="row" style="margin-top:15px;" id="normalRoundControls">
            <label>Cartão Revelado:</label>
            <select id="revealedCardSelect"><option value="">-- Nº Cartão --</option></select>
            <button class="btn-gold btn-sm" onclick="confirmRound()">✅ Confirmar Rodada</button>
        </div>
        <div style="margin-top:15px;">
            <button class="btn-outline btn-sm" onclick="skipToResults()">🏁 Finalizar Mão</button>
        </div>
    </div>

    <!-- PAINEL DE RESULTADOS DA MÃO -->
    <div class="results-panel" id="resultsPanel">
        <h2>🏆 Resultado da Mão</h2>
        <div id="resultsContent"></div>
        <div id="matchStatus" style="text-align:center; margin-top:15px; font-size:18px; color:var(--gold);"></div>
        <button class="btn-gold" onclick="newHand()" style="margin-top:20px;">🔄 Próxima Mão</button>
        <button class="btn-outline" onclick="resetMatch()" style="margin-left:10px;">⚙️ Nova Partida</button>
    </div>
</div>

<script>
// ========== DADOS COMPLETOS DOS CARDS ==========
const CARD_DATA = {
    5: {
        1:{op1:{val:'A',suit:'♥',color:'red'},op2:{val:'K',suit:'♠',color:'black'},op3:{val:'10',suit:'♣',color:'black'},op4:{val:'Q',suit:'♦',color:'red'}},
        2:{op1:{val:'K',suit:'♦',color:'red'},op2:{val:'A',suit:'♠',color:'black'},op3:{val:'Q',suit:'♥',color:'red'},op4:{val:'J',suit:'♣',color:'black'}},
        3:{op1:{val:'Q',suit:'♠',color:'black'},op2:{val:'10',suit:'♦',color:'red'},op3:{val:'J',suit:'♥',color:'red'},op4:{val:'K',suit:'♣',color:'black'}},
        4:{op1:{val:'J',suit:'♠',color:'black'},op2:{val:'Q',suit:'♣',color:'black'},op3:{val:'A',suit:'♦',color:'red'},op4:{val:'10',suit:'♥',color:'red'}},
        5:{op1:{val:'10',suit:'♠',color:'black'},op2:{val:'J',suit:'♦',color:'red'},op3:{val:'K',suit:'♥',color:'red'},op4:{val:'A',suit:'♣',color:'black'}}
    },
    6: {
        1:{op1:{val:'A',suit:'♥',color:'red'},op2:{val:'K',suit:'♠',color:'black'},op3:{val:'10',suit:'♣',color:'black'},op4:{val:'Q',suit:'♦',color:'red'}},
        2:{op1:{val:'10',suit:'♥',color:'red'},op2:{val:'A',suit:'♦',color:'red'},op3:{val:'Q',suit:'♣',color:'black'},op4:{val:'9',suit:'♠',color:'black'}},
        3:{op1:{val:'Q',suit:'♠',color:'black'},op2:{val:'J',suit:'♥',color:'red'},op3:{val:'9',suit:'♦',color:'red'},op4:{val:'K',suit:'♣',color:'black'}},
        4:{op1:{val:'9',suit:'♣',color:'black'},op2:{val:'Q',suit:'♥',color:'red'},op3:{val:'J',suit:'♠',color:'black'},op4:{val:'10',suit:'♦',color:'red'}},
        5:{op1:{val:'J',suit:'♦',color:'red'},op2:{val:'10',suit:'♠',color:'black'},op3:{val:'K',suit:'♥',color:'red'},op4:{val:'A',suit:'♣',color:'black'}},
        6:{op1:{val:'K',suit:'♦',color:'red'},op2:{val:'9',suit:'♥',color:'red'},op3:{val:'A',suit:'♠',color:'black'},op4:{val:'J',suit:'♣',color:'black'}}
    },
    7: {
        1:{op1:{val:'J',suit:'♠',color:'black'},op2:{val:'Q',suit:'♣',color:'black'},op3:{val:'8',suit:'♥',color:'red'},op4:{val:'9',suit:'♦',color:'red'}},
        2:{op1:{val:'10',suit:'♣',color:'black'},op2:{val:'A',suit:'♦',color:'red'},op3:{val:'Q',suit:'♠',color:'black'},op4:{val:'K',suit:'♥',color:'red'}},
        3:{op1:{val:'9',suit:'♠',color:'black'},op2:{val:'K',suit:'♣',color:'black'},op3:{val:'10',suit:'♥',color:'red'},op4:{val:'Q',suit:'♦',color:'red'}},
        4:{op1:{val:'Q',suit:'♥',color:'red'},op2:{val:'8',suit:'♣',color:'black'},op3:{val:'J',suit:'♦',color:'red'},op4:{val:'A',suit:'♠',color:'black'}},
        5:{op1:{val:'A',suit:'♣',color:'black'},op2:{val:'J',suit:'♥',color:'red'},op3:{val:'K',suit:'♦',color:'red'},op4:{val:'10',suit:'♠',color:'black'}},
        6:{op1:{val:'8',suit:'♠',color:'black'},op2:{val:'10',suit:'♦',color:'red'},op3:{val:'9',suit:'♥',color:'red'},op4:{val:'J',suit:'♣',color:'black'}},
        7:{op1:{val:'K',suit:'♠',color:'black'},op2:{val:'9',suit:'♣',color:'black'},op3:{val:'A',suit:'♥',color:'red'},op4:{val:'8',suit:'♦',color:'red'}}
    },
    8: {
        1:{op1:{val:'J',suit:'♥',color:'red'},op2:{val:'7',suit:'♣',color:'black'},op3:{val:'K',suit:'♦',color:'red'},op4:{val:'10',suit:'♠',color:'black'}},
        2:{op1:{val:'A',suit:'♣',color:'black'},op2:{val:'8',suit:'♥',color:'red'},op3:{val:'7',suit:'♠',color:'black'},op4:{val:'9',suit:'♦',color:'red'}},
        3:{op1:{val:'9',suit:'♠',color:'black'},op2:{val:'K',suit:'♣',color:'black'},op3:{val:'10',suit:'♥',color:'red'},op4:{val:'Q',suit:'♦',color:'red'}},
        4:{op1:{val:'7',suit:'♦',color:'red'},op2:{val:'9',suit:'♥',color:'red'},op3:{val:'8',suit:'♣',color:'black'},op4:{val:'A',suit:'♠',color:'black'}},
        5:{op1:{val:'8',suit:'♠',color:'black'},op2:{val:'Q',suit:'♣',color:'black'},op3:{val:'J',suit:'♦',color:'red'},op4:{val:'7',suit:'♥',color:'red'}},
        6:{op1:{val:'10',suit:'♣',color:'black'},op2:{val:'A',suit:'♦',color:'red'},op3:{val:'Q',suit:'♥',color:'red'},op4:{val:'J',suit:'♠',color:'black'}},
        7:{op1:{val:'K',suit:'♠',color:'black'},op2:{val:'J',suit:'♣',color:'black'},op3:{val:'A',suit:'♥',color:'red'},op4:{val:'8',suit:'♦',color:'red'}},
        8:{op1:{val:'Q',suit:'♠',color:'black'},op2:{val:'10',suit:'♦',color:'red'},op3:{val:'9',suit:'♣',color:'black'},op4:{val:'K',suit:'♥',color:'red'}}
    },
    9: {
        1:{op1:{val:'J',suit:'♥',color:'red'},op2:{val:'8',suit:'♠',color:'black'},op3:{val:'K',suit:'♦',color:'red'},op4:{val:'7',suit:'♣',color:'black'}},
        2:{op1:{val:'A',suit:'♣',color:'black'},op2:{val:'9',suit:'♥',color:'red'},op3:{val:'7',suit:'♠',color:'black'},op4:{val:'Q',suit:'♦',color:'red'}},
        3:{op1:{val:'9',suit:'♠',color:'black'},op2:{val:'K',suit:'♣',color:'black'},op3:{val:'10',suit:'♥',color:'red'},op4:{val:'6',suit:'♦',color:'red'}},
        4:{op1:{val:'7',suit:'♦',color:'red'},op2:{val:'J',suit:'♣',color:'black'},op3:{val:'6',suit:'♠',color:'black'},op4:{val:'8',suit:'♥',color:'red'}},
        5:{op1:{val:'8',suit:'♣',color:'black'},op2:{val:'6',suit:'♥',color:'red'},op3:{val:'J',suit:'♦',color:'red'},op4:{val:'10',suit:'♠',color:'black'}},
        6:{op1:{val:'6',suit:'♣',color:'black'},op2:{val:'10',suit:'♦',color:'red'},op3:{val:'Q',suit:'♥',color:'red'},op4:{val:'J',suit:'♠',color:'black'}},
        7:{op1:{val:'K',suit:'♠',color:'black'},op2:{val:'Q',suit:'♣',color:'black'},op3:{val:'A',suit:'♥',color:'red'},op4:{val:'9',suit:'♦',color:'red'}},
        8:{op1:{val:'10',suit:'♣',color:'black'},op2:{val:'7',suit:'♥',color:'red'},op3:{val:'8',suit:'♦',color:'red'},op4:{val:'A',suit:'♠',color:'black'}},
        9:{op1:{val:'Q',suit:'♠',color:'black'},op2:{val:'A',suit:'♦',color:'red'},op3:{val:'9',suit:'♣',color:'black'},op4:{val:'K',suit:'♥',color:'red'}}
    },
    '9c': {
        1:{op1:{val:'🃏',suit:'JOKER',color:'gold'},op2:{val:'8',suit:'♠',color:'black'},op3:{val:'K',suit:'♦',color:'red'},op4:{val:'7',suit:'♣',color:'black'}},
        2:{op1:{val:'A',suit:'♣',color:'black'},op2:{val:'9',suit:'♥',color:'red'},op3:{val:'7',suit:'♠',color:'black'},op4:{val:'Q',suit:'♦',color:'red'}},
        3:{op1:{val:'9',suit:'♠',color:'black'},op2:{val:'K',suit:'♣',color:'black'},op3:{val:'10',suit:'♥',color:'red'},op4:{val:'6',suit:'♦',color:'red'}},
        4:{op1:{val:'7',suit:'♦',color:'red'},op2:{val:'J',suit:'♣',color:'black'},op3:{val:'🃏',suit:'JOKER',color:'gold'},op4:{val:'8',suit:'♥',color:'red'}},
        5:{op1:{val:'8',suit:'♣',color:'black'},op2:{val:'6',suit:'♥',color:'red'},op3:{val:'J',suit:'♦',color:'red'},op4:{val:'10',suit:'♠',color:'black'}},
        6:{op1:{val:'6',suit:'♣',color:'black'},op2:{val:'10',suit:'♦',color:'red'},op3:{val:'Q',suit:'♥',color:'red'},op4:{val:'J',suit:'♠',color:'black'}},
        7:{op1:{val:'K',suit:'♠',color:'black'},op2:{val:'🃏',suit:'JOKER',color:'gold'},op3:{val:'A',suit:'♥',color:'red'},op4:{val:'9',suit:'♦',color:'red'}},
        8:{op1:{val:'10',suit:'♣',color:'black'},op2:{val:'7',suit:'♥',color:'red'},op3:{val:'8',suit:'♦',color:'red'},op4:{val:'A',suit:'♠',color:'black'}},
        9:{op1:{val:'Q',suit:'♠',color:'black'},op2:{val:'A',suit:'♦',color:'red'},op3:{val:'9',suit:'♣',color:'black'},op4:{val:'K',suit:'♥',color:'red'}},
        10:{op1:{val:'J',suit:'♥',color:'red'},op2:{val:'Q',suit:'♣',color:'black'},op3:{val:'6',suit:'♠',color:'black'},op4:{val:'🃏',suit:'JOKER',color:'gold'}}
    }
};

// ========== ESTADO GLOBAL DA PARTIDA ==========
let match = {
    version: '8', mode: 'freeaskflop', numPlayers: 4,
    playerNames: [],
    format: 'bestof', // 'bestof' ou 'raceto'
    target: 5,        // meta de mãos/pontos
    scores: [],       // array de pontos
    matchOver: false,
    dealerIndex: 0,
    handsPlayed: 0
};

// ========== ESTADO DA MÃO ATUAL ==========
let hand = {
    currentRound: 1,
    choices: {},
    communityCards: [],
    playerCardNums: [],
    usedCards: [],
    round1Options: [],
    started: false,
    resolved: false
};

document.getElementById('versionSelect').addEventListener('change', updateNumPlayers);
document.getElementById('modeSelect').addEventListener('change', updateMode);
updateNumPlayers();
updatePlayerNameFields();

function getCardData(version) { return CARD_DATA[version] || CARD_DATA['8']; }

function updateNumPlayers() {
    const v = document.getElementById('versionSelect').value;
    const sel = document.getElementById('numPlayersSelect');
    const limits = {5:4, 6:2, 7:3, 8:4, 9:5, '9c':6, 10:6, '10c':7, total:8, totalc:8};
    const max = limits[v] || 4;
    sel.innerHTML = '';
    for(let i=2; i<=max; i++) sel.innerHTML += `<option value="${i}">${i}</option>`;
    sel.value = Math.min(max, 4);
    updatePlayerNameFields();
}

function updateMode() {
    const mode = document.getElementById('modeSelect').value;
    const v = document.getElementById('versionSelect').value;
    if (mode === 'comum' && ['9c','10c','totalc'].includes(v)) {
        showAlert('Modo Comum disponível apenas para versões sem curinga.','warning');
        document.getElementById('modeSelect').value = 'freeaskflop';
    }
    updatePlayerNameFields();
}

function updatePlayerNameFields() {
    const n = parseInt(document.getElementById('numPlayersSelect').value);
    const container = document.getElementById('playerNamesContainer');
    let html = '<label>Nomes:</label>';
    for(let i=0; i<n; i++) html += `<input type="text" id="pname${i}" placeholder="Jogador ${i+1}" style="margin:3px;">`;
    container.innerHTML = html;
}

// ========== INICIAR PARTIDA COMPLETA ==========
function startMatch() {
    match.version = document.getElementById('versionSelect').value;
    match.mode = document.getElementById('modeSelect').value;
    match.numPlayers = parseInt(document.getElementById('numPlayersSelect').value);
    match.format = document.getElementById('matchFormat').value;
    match.target = parseInt(document.getElementById('matchTarget').value);
    
    match.playerNames = [];
    for(let i=0; i<match.numPlayers; i++) {
        match.playerNames.push(document.getElementById('pname'+i)?.value || `Jogador ${i+1}`);
    }
    match.scores = new Array(match.numPlayers).fill(0);
    match.matchOver = false;
    match.dealerIndex = 0;
    match.handsPlayed = 0;

    document.getElementById('setupPanel').style.display = 'none';
    document.getElementById('gamePanel').style.display = 'block';
    
    updateScoreboard();
    startNewHand();
    showAlert('Partida iniciada! Meta: ' + (match.format==='bestof'?'Melhor de ':'Corrida até ') + match.target + '.', 'success');
}

// ========== INICIAR NOVA MÃO ==========
function startNewHand() {
    if (match.matchOver) {
        showAlert('A partida já terminou! Inicie uma nova partida.', 'warning');
        return;
    }
    
    hand = {
        currentRound: 1,
        choices: {},
        communityCards: [],
        playerCardNums: new Array(match.numPlayers).fill(null),
        usedCards: [],
        round1Options: [],
        started: true,
        resolved: false
    };
    
    // Distribuir Player Cards aleatoriamente (se não for Modo Comum)
    if (match.mode !== 'comum') {
        const totalCards = Object.keys(getCardData(match.version)).length;
        const available = [...Array(totalCards).keys()].map(x=>x+1);
        for(let i=0; i<match.numPlayers; i++) {
            const idx = Math.floor(Math.random()*available.length);
            hand.playerCardNums[i] = available[idx];
            available.splice(idx,1);
        }
    }
    
    document.getElementById('resultsPanel').classList.remove('show');
    document.getElementById('gamePanel').style.display = 'block';
    buildGameUI();
    updateDealerInfo();
    updateStatusBadge();
}

// ========== INTERFACE DO JOGO ==========
function buildGameUI() {
    const grid = document.getElementById('playersGrid'); grid.innerHTML = '';
    const notice = document.getElementById('playerCardNotice');
    const revealBox = document.getElementById('playerCardRevealBox');
    const normalControls = document.getElementById('normalRoundControls');

    // Aviso da Player Card na rodada 3
    notice.style.display = (match.mode !== 'comum' && hand.currentRound === 3) ? 'block' : 'none';
    
    // Painel de revelação só aparece DEPOIS da rodada 5
    revealBox.style.display = 'none';
    normalControls.style.display = 'flex';

    if (hand.resolved) {
        // Mão já resolvida
        return;
    }

    for(let i=0; i<match.numPlayers; i++) {
        const isDealer = (i === match.dealerIndex);
        const card = document.createElement('div');
        card.className = 'player-card' + (isDealer ? ' dealer' : '');
        let html = `<h3>${isDealer ? '🥇 ' : ''}${match.playerNames[i]}</h3>`;
        if (match.mode !== 'comum') {
            html += `<p style="font-size:11px;color:var(--text-dim);"><em>Player Card: oculta</em></p>`;
        }
        html += '<div class="round-choices" id="choices'+i+'"></div>';
        html += '<div class="player-cards-visual" id="visualCards'+i+'"></div>';
        card.innerHTML = html; grid.appendChild(card);
    }
    updateRoundTable(); updateRoundTitle(); updateRevealedCardSelect();
    for(let i=0; i<match.numPlayers; i++) {
        updatePlayerChoicesDisplay(i);
        updateVisualCards(i);
    }
}

function updateScoreboard() {
    const sb = document.getElementById('scoreboard');
    let html = '';
    const fmtLabel = match.format === 'bestof' ? 'Melhor de ' + match.target : 'Corrida até ' + match.target;
    html += `<div style="width:100%; text-align:center; color:var(--gold); margin-bottom:5px; font-size:14px;">🏆 ${fmtLabel} mãos</div>`;
    for(let i=0; i<match.numPlayers; i++) {
        html += `<div class="score-item"><span class="name">${match.playerNames[i]}</span><br><span class="pts">${match.scores[i]}</span></div>`;
    }
    sb.innerHTML = html;
}

function updateRoundTable() {
    const tbody = document.querySelector('#roundTable tbody'); tbody.innerHTML = '';
    for(let i=0; i<match.numPlayers; i++) {
        const tr = document.createElement('tr');
        const order = (i - match.dealerIndex + match.numPlayers) % match.numPlayers + 1;
        tr.innerHTML = `
            <td>${match.playerNames[i]} ${i===match.dealerIndex?'(D)':''} <small style="color:var(--text-dim);">(${order}º)</small></td>
            <td><select id="choice${i}" class="choice-select" onchange="autoRegister(${i})">
                <option value="">--</option>
                <option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option>
            </select></td>
        `;
        tbody.appendChild(tr);
    }
}

function autoRegister(playerIndex) {
    const sel = document.getElementById('choice'+playerIndex);
    const choice = parseInt(sel.value);
    if (!choice) {
        const r = hand.currentRound;
        if (hand.choices[playerIndex] && hand.choices[playerIndex][r]) {
            const oldChoice = hand.choices[playerIndex][r];
            delete hand.choices[playerIndex][r];
            if (r === 1) {
                const idx = hand.round1Options.indexOf(oldChoice);
                if (idx > -1) hand.round1Options.splice(idx, 1);
            }
            updatePlayerChoicesDisplay(playerIndex);
            updateVisualCards(playerIndex);
            updateStatusBadge();
        }
        return;
    }
    registerChoice(playerIndex, choice);
}

function registerChoice(playerIndex, choice) {
    const r = hand.currentRound;
    if (!hand.choices[playerIndex]) hand.choices[playerIndex] = {};

    // Validações
    if (r === 1 && hand.round1Options.includes(choice) && hand.choices[playerIndex][1] !== choice) {
        showAlert('Opção já escolhida na 1ª rodada! Escolha outra.','warning');
        document.getElementById('choice'+playerIndex).value = hand.choices[playerIndex][1] || '';
        return;
    }
    let count = 0;
    for (let rr=1; rr<=5; rr++) if (hand.choices[playerIndex][rr] === choice) count++;
    if (count >= 3 && hand.choices[playerIndex][r] !== choice) {
        showAlert('Limite de 3 repetições! Escolha outra opção.','warning');
        document.getElementById('choice'+playerIndex).value = hand.choices[playerIndex][r] || '';
        return;
    }

    // Atualizar estado
    const oldChoice = hand.choices[playerIndex][r];
    if (oldChoice && r === 1) {
        const idx = hand.round1Options.indexOf(oldChoice);
        if (idx > -1) hand.round1Options.splice(idx, 1);
    }
    hand.choices[playerIndex][r] = choice;
    if (r === 1 && !hand.round1Options.includes(choice)) hand.round1Options.push(choice);

    updatePlayerChoicesDisplay(playerIndex);
    updateVisualCards(playerIndex);
    updateStatusBadge();
    showAlert(`${match.playerNames[playerIndex]} registrou Opção ${choice} na Rodada ${r}.`,'success');
}

function updatePlayerChoicesDisplay(playerIndex) {
    const div = document.getElementById('choices'+playerIndex);
    if (!div) return;
    let html = '';
    for(let r=1; r<=hand.currentRound; r++) {
        const val = hand.choices[playerIndex]?.[r] || '-';
        html += `<span>R${r}: <span class="val">${val}</span></span>`;
    }
    div.innerHTML = html;
}

function updateVisualCards(playerIndex) {
    const container = document.getElementById('visualCards'+playerIndex);
    if (!container) return;
    
    const cards = [];
    const cardDataVersion = getCardData(match.version);
    
    for (let r=1; r <= hand.currentRound; r++) {
        const choice = hand.choices[playerIndex]?.[r];
        if (!choice) continue;
        
        let cardNum = null;
        if (match.mode === 'comum') {
            cardNum = hand.communityCards.find(c => c.round === r)?.cardNum;
        } else {
            if (r === 1) cardNum = hand.communityCards.find(c => c.round === 1)?.cardNum;
            else if (r === 2) cardNum = hand.communityCards.find(c => c.round === 2)?.cardNum;
            else if (r === 3) {
                if (hand.playerCardNums[playerIndex]) cardNum = hand.playerCardNums[playerIndex];
            }
            else if (r === 4) cardNum = hand.communityCards.find(c => c.round === 4)?.cardNum;
            else if (r === 5) cardNum = hand.communityCards.find(c => c.round === 5)?.cardNum;
        }
        
        if (cardNum && cardDataVersion[cardNum]) {
            const cardData = cardDataVersion[cardNum]['op'+choice];
            if (cardData) cards.push(cardData);
        }
    }
    
    let html = '';
    cards.forEach(card => {
        const colorClass = card.color === 'red' ? 'red' : 'black';
        html += `<div class="mini-card ${colorClass}">${card.val}${card.suit}</div>`;
    });
    for (let i = cards.length; i < 5; i++) {
        html += `<div class="mini-card placeholder">?</div>`;
    }
    container.innerHTML = html;
}

function updateStatusBadge() {
    const r = hand.currentRound;
    let chosen = 0;
    for(let i=0; i<match.numPlayers; i++) if (hand.choices[i]?.[r]) chosen++;
    document.getElementById('statusBadge').textContent = `${chosen}/${match.numPlayers} escolhido(s)`;
}

function updateRoundTitle() {
    const r = hand.currentRound;
    const titles = {
        comum: ['','Flop 1','Flop 2','Flop 3','Turn','River'],
        freeaskflop: ['','Flop 1','Flop 2','Player Card (secreta)','Turn','River']
    };
    const mode = match.mode === 'comum' ? 'comum' : 'freeaskflop';
    document.getElementById('roundTitle').innerHTML = `🎲 Rodada ${r}: ${titles[mode][r]} <span class="status-badge" id="statusBadge">0/${match.numPlayers} escolhido(s)</span>`;
}

function updateRevealedCardSelect() {
    const sel = document.getElementById('revealedCardSelect');
    const totalCards = Object.keys(getCardData(match.version)).length;
    sel.innerHTML = '<option value="">-- Nº Cartão --</option>';
    for(let i=1; i<=totalCards; i++) if (!hand.usedCards.includes(i)) sel.innerHTML += `<option value="${i}">Cartão ${i}</option>`;
}

function updateDealerInfo() {
    document.getElementById('dealerInfo').textContent = `Dealer: ${match.playerNames[match.dealerIndex]} | Ordem: horário a partir da esquerda.`;
}

// ========== CONFIRMAR RODADA ==========
function confirmRound() {
    const r = hand.currentRound;
    for(let i=0; i<match.numPlayers; i++) {
        if (!hand.choices[i]?.[r]) return showAlert(`Jogador ${match.playerNames[i]} ainda não escolheu!`);
    }
    const cardNum = parseInt(document.getElementById('revealedCardSelect').value);
    if (!cardNum && (match.mode !== 'freeaskflop' || r !== 3)) {
        return showAlert('Selecione o número do cartão revelado!');
    }
    if (cardNum && hand.usedCards.includes(cardNum)) return showAlert('Cartão já usado!');

    if (cardNum) hand.usedCards.push(cardNum);
    hand.communityCards.push({round: r, cardNum: cardNum});

    hand.currentRound++;
    if (hand.currentRound > 5) {
        // Terminaram as 5 rodadas
        if (match.mode === 'comum') {
            finishHand();
        } else {
            // Mostrar painel de revelação das Player Cards
            document.getElementById('normalRoundControls').style.display = 'none';
            document.getElementById('playerCardRevealBox').style.display = 'block';
            buildPlayerCardInputs();
            showAlert('River confirmado! Informe as Player Cards para finalizar a mão.','success');
        }
    } else {
        buildGameUI(); updateDealerInfo(); updateStatusBadge();
        showAlert(`Rodada ${r} concluída! Avançando.`,'success');
    }
}

function buildPlayerCardInputs() {
    const container = document.getElementById('playerCardInputs');
    container.innerHTML = '';
    const totalCards = Object.keys(getCardData(match.version)).length;
    for(let i=0; i<match.numPlayers; i++) {
        let options = `<option value="">--</option>`;
        for(let c=1; c<=totalCards; c++) {
            if (!hand.usedCards.includes(c) || hand.playerCardNums[i] === c) {
                options += `<option value="${c}">Cartão ${c}</option>`;
            }
        }
        container.innerHTML += `
            <div style="display: flex; flex-direction: column; align-items: center; margin: 5px;">
                <label>${match.playerNames[i]}</label>
                <select id="pcInput${i}" class="player-card-select" style="width: 100px;">
                    ${options}
                </select>
            </div>
        `;
    }
}

function submitPlayerCards() {
    for(let i=0; i<match.numPlayers; i++) {
        const val = parseInt(document.getElementById('pcInput'+i).value);
        if (!val) return showAlert(`Informe o número da Player Card de ${match.playerNames[i]}!`);
        if (hand.usedCards.includes(val) && hand.playerCardNums[i] !== val) return showAlert(`Cartão ${val} já foi utilizado!`);
        hand.playerCardNums[i] = val;
    }
    hand.resolved = true;
    finishHand();
}

// ========== FINALIZAR MÃO E ATRIBUIR PONTOS ==========
function finishHand() {
    const results = evaluateAllHands();
    displayResults(results);
    
    // Atribuir pontos ao(s) vencedor(es)
    results.winners.forEach(idx => {
        match.scores[idx]++;
    });
    match.handsPlayed++;
    updateScoreboard();
    
    // Verificar se a partida terminou
    checkMatchOver(results.winners);
    
    document.getElementById('gamePanel').style.display = 'none';
    document.getElementById('resultsPanel').classList.add('show');
}

function checkMatchOver(winners) {
    let champion = null;
    if (match.format === 'bestof') {
        const needed = Math.ceil(match.target / 2); // Ex: melhor de 5 -> precisa de 3
        for(let i=0; i<match.numPlayers; i++) {
            if (match.scores[i] >= needed) champion = i;
        }
    } else { // raceto
        for(let i=0; i<match.numPlayers; i++) {
            if (match.scores[i] >= match.target) champion = i;
        }
    }
    
    if (champion !== null) {
        match.matchOver = true;
        document.getElementById('matchStatus').innerHTML = `
            <span class="champion-badge">🏆 ${match.playerNames[champion]} É O GRANDE CAMPEÃO!</span>`;
    } else {
        const fmtLabel = match.format === 'bestof' ? 'Melhor de ' + match.target : 'Corrida até ' + match.target;
        document.getElementById('matchStatus').innerHTML = `Placar: ${fmtLabel}`;
    }
}

function displayResults(results) {
    const div = document.getElementById('resultsContent');
    let html = '<table style="width:100%;border-collapse:collapse;">';
    html += '<tr><th>Jogador</th><th>Player Card</th><th>Mão</th><th>Resultado</th><th>Pts</th></tr>';
    results.evaluated.forEach((p, idx) => {
        const isWinner = results.winners.includes(idx);
        const hand = p.hand;
        const icon = hand.icon || '';
        const cardsHtml = p.cards.map(card => {
            const colorClass = card.color === 'red' ? 'red' : 'black';
            return `<span class="mini-card ${colorClass}" style="display:inline-block; margin:1px;">${card.val}${card.suit}</span>`;
        }).join('');
        
        html += `<tr style="${isWinner ? 'background:rgba(201,168,76,0.3);' : ''}">
            <td>${p.name}</td>
            <td style="color:var(--gold);">Cartão ${p.playerCardNum || '?'}</td>
            <td>${cardsHtml}</td>
            <td style="color:${isWinner?'var(--gold)':'var(--text)'};font-weight:bold;">${icon} ${hand.name}</td>
            <td style="font-weight:bold; color:var(--gold);">${match.scores[idx]}</td>
        </tr>`;
    });
    html += '</table>';
    if (results.winners.length === 1) {
        html += `<p style="text-align:center;margin-top:15px;"><span class="winner-badge">🏆 ${results.evaluated[results.winners[0]].name} VENCEU A MÃO!</span></p>`;
    } else {
        const names = results.winners.map(i=>results.evaluated[i].name).join(' e ');
        html += `<p style="text-align:center;margin-top:15px;"><span class="winner-badge">🤝 Empate na mão entre ${names}!</span></p>`;
    }
    div.innerHTML = html;
}

// ========== MOTOR DE AVALIAÇÃO DE MÃOS ==========
const VALUE_MAP = {'2':2,'3':3,'4':4,'5':5,'6':6,'7':7,'8':8,'9':9,'10':10,'J':11,'Q':12,'K':13,'A':14,'🃏':15};
function evaluateHand(cards) {
    if (!cards || cards.length < 5) return {rank:0, name:'Incompleta', score:0, icon:''};
    const values = cards.map(c => VALUE_MAP[c.val] || 0);
    const suits = cards.map(c => c.suit);
    const jokers = cards.filter(c => c.suit === 'JOKER').length;
    const normalCards = cards.filter(c => c.suit !== 'JOKER');
    const valueCounts = {}; normalCards.forEach(c => { const v = VALUE_MAP[c.val]; valueCounts[v] = (valueCounts[v]||0)+1; });
    const suitCounts = {}; normalCards.forEach(c => { suitCounts[c.suit] = (suitCounts[c.suit]||0)+1; });
    let isFlush = false; for(const [s,cnt] of Object.entries(suitCounts)) if(cnt + jokers >= 5) { isFlush = true; break; }
    const normalVals = normalCards.map(c=>VALUE_MAP[c.val]).sort((a,b)=>a-b);
    const uniqueVals = [...new Set(normalVals)];
    let isStraight = false, straightHigh = 0;
    if (uniqueVals.length + jokers >= 5) {
        for (let start=2; start<=14; start++) {
            let needed = 0; for (let v=start; v<start+5; v++) if (!uniqueVals.includes(v > 14 ? v-13 : v)) needed++;
            if (needed <= jokers) { isStraight = true; straightHigh = start+4; break; }
        }
    }
    const isStraightFlush = isStraight && isFlush;
    const groups = {4:[],3:[],2:[],1:[]};
    for(const [v,cnt] of Object.entries(valueCounts)) groups[cnt].push(parseInt(v));
    for(const k in groups) groups[k].sort((a,b)=>b-a);
    
    if (groups[4].length >= 1 && jokers >= 1) return {rank:9, name:'RePóker (Five of a Kind)', score:900 + groups[4][0]*5, icon:'🃏'};
    if (isStraightFlush && straightHigh === 14) return {rank:10, name:'Royal Flush (Sequência Real)', score:1000, icon:'👑'};
    if (isStraightFlush) return {rank:9, name:'Straight Flush (Sequência de Naipe)', score:900 + straightHigh, icon:'🃏'};
    if (groups[4].length>=1 || (groups[3].length>=1 && jokers>=1) || (groups[2].length>=1 && jokers>=2)) {
        const quadVal = groups[4][0] || groups[3][0] || groups[2][0];
        return {rank:8, name:'Quadra (Four of a Kind)', score:800 + quadVal*4, icon:'4️⃣'};
    }
    if ((groups[3].length>=1 && groups[2].length>=1) || (groups[3].length>=1 && jokers>=1) || (groups[2].length>=2 && jokers>=1)) return {rank:7, name:'Full House (Full House)', score:700, icon:'🏠'};
    if (isFlush) return {rank:6, name:'Flush (5 do Naipe)', score:600, icon:'🌸'};
    if (isStraight) return {rank:5, name:'Sequência (Straight)', score:500 + straightHigh, icon:'📏'};
    if (groups[3].length>=1 || (groups[2].length>=1 && jokers>=1)) {
        const tripVal = groups[3][0] || groups[2][0];
        return {rank:4, name:'Trinca (Three of a Kind)', score:400 + tripVal*3, icon:'3️⃣'};
    }
    if (groups[2].length>=2) return {rank:3, name:'Dois Pares (Two Pairs)', score:300, icon:'2️⃣'};
    if (groups[2].length>=1 || jokers>=1) {
        const pairVal = groups[2][0] || Math.max(...uniqueVals);
        return {rank:2, name:'Um Par (One Pair)', score:200 + pairVal*2, icon:'1️⃣'};
    }
    const highVal = Math.max(...values);
    return {rank:1, name:'Carta Alta (High Card)', score:100 + highVal, icon:'🅰️'};
}
function compareHands(h1, h2) { return h1.rank !== h2.rank ? h1.rank - h2.rank : h1.score - h2.score; }

function evaluateAllHands() {
    const playerCards = [];
    for(let i=0; i<match.numPlayers; i++) {
        const cards = [];
        for(let r=1; r<=5; r++) {
            let cardNum, option;
            if (match.mode === 'comum') {
                cardNum = hand.communityCards.find(c=>c.round===r)?.cardNum;
                option = hand.choices[i]?.[r];
            } else {
                if (r===1) { cardNum = hand.communityCards.find(c=>c.round===1)?.cardNum; option = hand.choices[i]?.[1]; }
                else if (r===2) { cardNum = hand.communityCards.find(c=>c.round===2)?.cardNum; option = hand.choices[i]?.[2]; }
                else if (r===3) { cardNum = hand.playerCardNums[i]; option = hand.choices[i]?.[3]; }
                else if (r===4) { cardNum = hand.communityCards.find(c=>c.round===4)?.cardNum; option = hand.choices[i]?.[4]; }
                else if (r===5) { cardNum = hand.communityCards.find(c=>c.round===5)?.cardNum; option = hand.choices[i]?.[5]; }
            }
            if (cardNum && option && getCardData(match.version)[cardNum]) {
                cards.push(getCardData(match.version)[cardNum]['op'+option]);
            }
        }
        playerCards.push({name: match.playerNames[i], cards, playerCardNum: hand.playerCardNums[i]});
    }
    const evaluated = playerCards.map(p => ({...p, hand: evaluateHand(p.cards)}));
    let winners = [0];
    for(let i=1; i<evaluated.length; i++) {
        const cmp = compareHands(evaluated[i].hand, evaluated[winners[0]].hand);
        if (cmp > 0) winners = [i];
        else if (cmp === 0) winners.push(i);
    }
    return { evaluated, winners };
}

function showAlert(msg, type) {
    const alert = document.getElementById('alert');
    alert.textContent = msg; alert.className = 'alert show ' + (type || '');
    setTimeout(() => alert.classList.remove('show'), 3000);
}

function skipToResults() {
    if (match.mode !== 'comum' && hand.currentRound >= 5 && !hand.resolved) {
        if (confirm('Pular para a revelação das Player Cards?')) {
            document.getElementById('normalRoundControls').style.display = 'none';
            document.getElementById('playerCardRevealBox').style.display = 'block';
            buildPlayerCardInputs();
        }
    } else if (confirm('Finalizar mão prematuramente?')) {
        hand.resolved = true;
        finishHand();
    }
}

function newHand() {
    if (match.matchOver) {
        showAlert('A partida já terminou! Inicie uma nova partida.','warning');
        return;
    }
    match.dealerIndex = (match.dealerIndex + 1) % match.numPlayers;
    startNewHand();
}

function resetMatch() {
    document.getElementById('resultsPanel').classList.remove('show');
    document.getElementById('gamePanel').style.display = 'none';
    document.getElementById('setupPanel').style.display = 'block';
    match = { version: '8', mode: 'freeaskflop', numPlayers: 4, playerNames: [], format: 'bestof', target: 5, scores: [], matchOver: false, dealerIndex: 0, handsPlayed: 0 };
}
</script>
</body>
</html>