<!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);
        }
        .logo-container { text-align: center; margin-bottom: 5px; }
        .logo-container img { max-height: 80px; width: auto; }
        .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, .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: 12px; white-space: nowrap; overflow-x: auto; }
        .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; }
        .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); }
        .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;
        }
        .info-line {
            background: rgba(0,0,0,0.3); border-radius: 8px; padding: 8px 15px;
            margin-bottom: 15px; text-align: center; font-size: 13px; color: var(--text-dim);
            display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap;
        }
        .info-line strong { color: var(--gold-light); }
        .status-badge { display: inline-block; background: var(--gold); color: #1a3c2a; padding: 4px 12px; border-radius: 15px; font-weight: bold; font-size: 13px; }
        .timer-container { display: flex; align-items: center; gap: 8px; }
        .timer {
            background: #1a3c2a; border: 2px solid var(--gold); border-radius: 20px;
            padding: 4px 12px; font-weight: bold; color: var(--gold-light); font-size: 14px;
        }
        .timer.warning { animation: pulse 0.8s infinite; border-color: var(--danger); color: var(--danger); }
        .timer.expired { animation: pulse 0.5s infinite; border-color: var(--danger); color: var(--danger); }
        @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">
    <div class="logo-container">
        <img src="logo-askpoker.png" alt="ASK POKER" onerror="this.style.display='none'; document.getElementById('logoFallback').style.display='block';">
        <div id="logoFallback" style="display:none; font-size:40px;">🃏 ASK POKER</div>
    </div>
    <p class="subtitle">Sistema de Anotações e Placar Online — Mesa Digital Auxiliar</p>
    <div class="alert" id="alert"></div>

    <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:</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>
        </div>
        <div id="playerNamesContainer" style="margin-top:15px;"></div>
        <button class="btn-gold" onclick="startMatch()" style="margin-top:15px;">🎯 Iniciar Partida</button>
    </div>

    <div class="game-panel" id="gamePanel" style="display:none;">
        <div class="scoreboard" id="scoreboard"></div>
        <div class="info-line" id="infoLine"></div>
        <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="playerCardConfirmControls" style="display:none; text-align:center; margin:15px 0;">
            <button class="btn-gold" onclick="confirmPlayerCardRound()">✅ Confirmar Escolhas da Player Card</button>
        </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;" id="actionButtons"></div>
    </div>

    <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 DE TODAS AS 10 VERSÕES ==========
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'}}
    },
    10: {
        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:'5',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:'5',suit:'♣',color:'black'},op2:{val:'6',suit:'♥',color:'red'},op3:{val:'J',suit:'♦',color:'red'},op4:{val:'A',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:'5',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:'8',suit:'♣',color:'black'},op2:{val:'9',suit:'♥',color:'red'},op3:{val:'5',suit:'♦',color:'red'},op4:{val:'10',suit:'♠',color:'black'}}
    },
    '10c': {
        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:'5',suit:'♥',color:'red'},op3:{val:'7',suit:'♠',color:'black'},op4:{val:'🃏',suit:'JOKER',color:'gold'}},
        3:{op1:{val:'🃏',suit:'JOKER',color:'gold'},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:'5',suit:'♣',color:'black'},op2:{val:'6',suit:'♥',color:'red'},op3:{val:'J',suit:'♦',color:'red'},op4:{val:'A',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:'🃏',suit:'JOKER',color:'gold'},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:'5',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:'8',suit:'♣',color:'black'},op2:{val:'9',suit:'♥',color:'red'},op3:{val:'5',suit:'♦',color:'red'},op4:{val:'10',suit:'♠',color:'black'}},
        11:{op1:{val:'9',suit:'♠',color:'black'},op2:{val:'🃏',suit:'JOKER',color:'gold'},op3:{val:'A',suit:'♥',color:'red'},op4:{val:'Q',suit:'♦',color:'red'}}
    },
    total: {
        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:'5',suit:'♥',color:'red'},op3:{val:'6',suit:'♠',color:'black'},op4:{val:'Q',suit:'♦',color:'red'}},
        3:{op1:{val:'9',suit:'♠',color:'black'},op2:{val:'4',suit:'♦',color:'red'},op3:{val:'10',suit:'♥',color:'red'},op4:{val:'2',suit:'♣',color:'black'}},
        4:{op1:{val:'3',suit:'♦',color:'red'},op2:{val:'J',suit:'♣',color:'black'},op3:{val:'7',suit:'♠',color:'black'},op4:{val:'8',suit:'♥',color:'red'}},
        5:{op1:{val:'5',suit:'♣',color:'black'},op2:{val:'6',suit:'♥',color:'red'},op3:{val:'J',suit:'♦',color:'red'},op4:{val:'A',suit:'♠',color:'black'}},
        6:{op1:{val:'2',suit:'♥',color:'red'},op2:{val:'10',suit:'♦',color:'red'},op3:{val:'4',suit:'♣',color:'black'},op4:{val:'J',suit:'♠',color:'black'}},
        7:{op1:{val:'K',suit:'♠',color:'black'},op2:{val:'3',suit:'♣',color:'black'},op3:{val:'Q',suit:'♥',color:'red'},op4:{val:'9',suit:'♦',color:'red'}},
        8:{op1:{val:'10',suit:'♣',color:'black'},op2:{val:'7',suit:'♥',color:'red'},op3:{val:'2',suit:'♦',color:'red'},op4:{val:'5',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:'4',suit:'♠',color:'black'},op2:{val:'K',suit:'♣',color:'black'},op3:{val:'5',suit:'♦',color:'red'},op4:{val:'3',suit:'♥',color:'red'}},
        11:{op1:{val:'6',suit:'♣',color:'black'},op2:{val:'2',suit:'♠',color:'black'},op3:{val:'8',suit:'♦',color:'red'},op4:{val:'4',suit:'♥',color:'red'}},
        12:{op1:{val:'7',suit:'♦',color:'red'},op2:{val:'Q',suit:'♣',color:'black'},op3:{val:'A',suit:'♥',color:'red'},op4:{val:'10',suit:'♠',color:'black'}},
        13:{op1:{val:'8',suit:'♣',color:'black'},op2:{val:'9',suit:'♥',color:'red'},op3:{val:'3',suit:'♠',color:'black'},op4:{val:'6',suit:'♦',color:'red'}}
    },
    totalc: {
        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:'5',suit:'♥',color:'red'},op3:{val:'6',suit:'♠',color:'black'},op4:{val:'Q',suit:'♦',color:'red'}},
        3:{op1:{val:'9',suit:'♠',color:'black'},op2:{val:'🃏',suit:'JOKER',color:'gold'},op3:{val:'10',suit:'♥',color:'red'},op4:{val:'2',suit:'♣',color:'black'}},
        4:{op1:{val:'3',suit:'♦',color:'red'},op2:{val:'J',suit:'♣',color:'black'},op3:{val:'7',suit:'♠',color:'black'},op4:{val:'8',suit:'♥',color:'red'}},
        5:{op1:{val:'5',suit:'♣',color:'black'},op2:{val:'6',suit:'♥',color:'red'},op3:{val:'J',suit:'♦',color:'red'},op4:{val:'A',suit:'♠',color:'black'}},
        6:{op1:{val:'2',suit:'♥',color:'red'},op2:{val:'10',suit:'♦',color:'red'},op3:{val:'4',suit:'♣',color:'black'},op4:{val:'J',suit:'♠',color:'black'}},
        7:{op1:{val:'K',suit:'♠',color:'black'},op2:{val:'3',suit:'♣',color:'black'},op3:{val:'Q',suit:'♥',color:'red'},op4:{val:'9',suit:'♦',color:'red'}},
        8:{op1:{val:'🃏',suit:'JOKER',color:'gold'},op2:{val:'7',suit:'♥',color:'red'},op3:{val:'2',suit:'♦',color:'red'},op4:{val:'5',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:'4',suit:'♠',color:'black'},op2:{val:'K',suit:'♣',color:'black'},op3:{val:'5',suit:'♦',color:'red'},op4:{val:'3',suit:'♥',color:'red'}},
        11:{op1:{val:'6',suit:'♣',color:'black'},op2:{val:'2',suit:'♠',color:'black'},op3:{val:'8',suit:'♦',color:'red'},op4:{val:'4',suit:'♥',color:'red'}},
        12:{op1:{val:'7',suit:'♦',color:'red'},op2:{val:'Q',suit:'♣',color:'black'},op3:{val:'🃏',suit:'JOKER',color:'gold'},op4:{val:'10',suit:'♠',color:'black'}},
        13:{op1:{val:'8',suit:'♣',color:'black'},op2:{val:'9',suit:'♥',color:'red'},op3:{val:'3',suit:'♠',color:'black'},op4:{val:'6',suit:'♦',color:'red'}},
        14:{op1:{val:'10',suit:'♣',color:'black'},op2:{val:'4',suit:'♦',color:'red'},op3:{val:'A',suit:'♥',color:'red'},op4:{val:'🃏',suit:'JOKER',color:'gold'}}
    }
};

let match = {
    version: '8', mode: 'freeaskflop', numPlayers: 4,
    playerNames: [], format: 'bestof', target: 5,
    scores: [], matchOver: false, dealerIndex: 0, handsPlayed: 0
};

let hand = {
    currentRound: 1, choices: {}, communityCards: [],
    playerCardNums: [], usedCards: [], round1Options: [],
    dealtPlayerCards: [],
    started: false, resolved: false
};

let timerInterval = null;
let timerSeconds = 24;
let timerActive = false;

document.getElementById('versionSelect').addEventListener('change', updateVersionSettings);
document.getElementById('modeSelect').addEventListener('change', updateVersionSettings);
updateVersionSettings();
updatePlayerNameFields();

function getCardData(version) { return CARD_DATA[version] || CARD_DATA['8']; }

function getVersionName(v) {
    const names = {5:'ASK 5', 6:'ASK 6', 7:'ASK 7', 8:'ASK 8', 9:'ASK 9', '9c':'ASK 9+C', 10:'ASK 10', '10c':'ASK 10+C', total:'ASK Total', totalc:'ASK Total+C'};
    return names[v] || 'ASK ' + v;
}

function updateVersionSettings() {
    const v = document.getElementById('versionSelect').value;
    const m = document.getElementById('modeSelect').value;
    const sel = document.getElementById('numPlayersSelect');
    const modeSel = document.getElementById('modeSelect');
    
    let maxPlayers = 4;
    let allowedModes = ['freeaskflop', 'freeaskpc', 'preask', 'comum'];
    let defaultMode = 'freeaskflop';
    
    if (v === '5') {
        allowedModes = ['comum'];
        maxPlayers = 2;
        defaultMode = 'comum';
        modeSel.value = 'comum';
    } else if (v === '6') {
        allowedModes = ['freeaskflop', 'freeaskpc', 'preask', 'comum'];
        maxPlayers = (m === 'comum') ? 3 : 2;
        defaultMode = 'freeaskflop';
    } else if (v === '7') {
        allowedModes = ['freeaskflop', 'freeaskpc', 'preask', 'comum'];
        maxPlayers = (m === 'comum') ? 4 : 3;
        defaultMode = 'freeaskflop';
    } else if (['8', '9', '9c', '10', '10c', 'total', 'totalc'].includes(v)) {
        allowedModes = ['freeaskflop', 'freeaskpc', 'preask'];
        const limits = {8:4, 9:5, '9c':6, 10:6, '10c':7, total:8, totalc:8};
        maxPlayers = limits[v] || 4;
        defaultMode = 'freeaskflop';
        if (m === 'comum') modeSel.value = 'freeaskflop';
    }
    
    const options = modeSel.querySelectorAll('option');
    options.forEach(opt => {
        opt.disabled = !allowedModes.includes(opt.value);
    });
    if (!allowedModes.includes(modeSel.value)) modeSel.value = defaultMode;
    
    sel.innerHTML = '';
    for(let i=2; i<=maxPlayers; i++) sel.innerHTML += `<option value="${i}">${i}</option>`;
    sel.value = Math.min(maxPlayers, 4);
    
    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;
}

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');
}

function startNewHand() {
    if (match.matchOver) return showAlert('A partida já terminou!', 'warning');
    stopTimer();
    hand = {
        currentRound: 1, choices: {}, communityCards: [],
        playerCardNums: new Array(match.numPlayers).fill(null),
        usedCards: [], round1Options: [], started: true, resolved: false,
        dealtPlayerCards: new Array(match.numPlayers).fill(null)
    };
    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.dealtPlayerCards[i] = available[idx];
            available.splice(idx,1);
        }
    }
    document.getElementById('resultsPanel').classList.remove('show');
    document.getElementById('gamePanel').style.display = 'block';
    buildGameUI();
    updateDealerInfo();
    updateInfoLine();
    startTimer();
}

function updateInfoLine() {
    const div = document.getElementById('infoLine');
    if (!div) return;
    const fmt = match.format === 'bestof' ? 'Melhor de ' + match.target : 'Corrida até ' + match.target;
    const roundNames = {
        comum: ['','Flop 1','Flop 2','Flop 3','Turn','River'],
        freeaskflop: ['','Flop 1','Flop 2','Player Card','Turn','River']
    };
    const mode = match.mode === 'comum' ? 'comum' : 'freeaskflop';
    const roundName = roundNames[mode][hand.currentRound] || '';
    const chosen = (hand.choices) ? Object.values(hand.choices).filter(c => c[hand.currentRound]).length : 0;
    div.innerHTML = `
        <span>🃏 <strong>${getVersionName(match.version)}</strong></span>
        <span>/</span>
        <span>🎮 <strong>${match.mode}</strong></span>
        <span>/</span>
        <span>⏱️ <strong>${fmt}</strong></span>
        <span>/</span>
        <span>🎲 <strong>Rodada ${hand.currentRound}: ${roundName}</strong></span>
        <span>/</span>
        <span>👥 <strong>${match.numPlayers} Jogadores</strong></span>
        <span class="status-badge" id="statusBadge">${chosen}/${match.numPlayers} escolhido(s)</span>
        <span class="timer-container">
            ⏳ <span class="timer" id="timerDisplay">24s</span>
        </span>
    `;
}

function startTimer() {
    stopTimer();
    timerSeconds = 24;
    timerActive = true;
    updateTimerDisplay();
    timerInterval = setInterval(() => {
        timerSeconds--;
        updateTimerDisplay();
        if (timerSeconds <= 0) {
            stopTimer();
            const td = document.getElementById('timerDisplay');
            if (td) {
                td.textContent = 'Tempo Esgotado - Já Pode Cobrar';
                td.classList.add('expired');
            }
            showAlert('⏰ Tempo Esgotado - Já Pode Cobrar!', 'warning');
        }
    }, 1000);
}

function stopTimer() {
    if (timerInterval) clearInterval(timerInterval);
    timerInterval = null;
    timerActive = false;
    const td = document.getElementById('timerDisplay');
    if (td) { td.classList.remove('warning', 'expired'); td.textContent = '24s'; }
}

function updateTimerDisplay() {
    const td = document.getElementById('timerDisplay');
    if (!td) return;
    td.textContent = timerSeconds + 's';
    td.classList.remove('warning', 'expired');
    if (timerSeconds <= 8) td.classList.add('warning');
}

function buildGameUI() {
    const grid = document.getElementById('playersGrid'); grid.innerHTML = '';
    const notice = document.getElementById('playerCardNotice');
    const revealBox = document.getElementById('playerCardRevealBox');
    const normalControls = document.getElementById('normalRoundControls');
    const pcConfirmControls = document.getElementById('playerCardConfirmControls');
    const actionDiv = document.getElementById('actionButtons');

    notice.style.display = 'none';
    revealBox.style.display = 'none';
    normalControls.style.display = 'none';
    pcConfirmControls.style.display = 'none';

    if (hand.resolved) return;

    if (match.mode === 'freeaskflop' && hand.currentRound === 3) {
        notice.style.display = 'block';
        pcConfirmControls.style.display = 'block';
    } else if (hand.currentRound <= 5) {
        normalControls.style.display = 'flex';
    }

    let actionHTML = '';
    if (hand.currentRound < 5) {
        actionHTML = '<button class="btn-outline btn-sm" onclick="skipToResults()">🏁 Encerrar Mão</button>';
    } else if (hand.currentRound === 5) {
        actionHTML = '<button class="btn-gold btn-sm" onclick="skipToResults()">🃏 Revelar Player Cards</button>';
    }
    actionDiv.innerHTML = actionHTML;

    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(); updateRevealedCardSelect();
    for(let i=0; i<match.numPlayers; i++) {
        updatePlayerChoicesDisplay(i);
        updateVisualCards(i);
    }
}

function updateScoreboard() {
    const sb = document.getElementById('scoreboard');
    let html = '';
    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 old = hand.choices[playerIndex][r];
            delete hand.choices[playerIndex][r];
            if (r===1) { const idx = hand.round1Options.indexOf(old); if(idx>-1) hand.round1Options.splice(idx,1); }
            updatePlayerChoicesDisplay(playerIndex);
            updateVisualCards(playerIndex);
            updateInfoLine();
        }
        return;
    }
    registerChoice(playerIndex, choice);
    startTimer();
}

function registerChoice(playerIndex, choice) {
    const r = hand.currentRound;
    if (!hand.choices[playerIndex]) hand.choices[playerIndex] = {};

    if (r === 1) {
        let countThisOption = 0;
        for (let i = 0; i < match.numPlayers; i++) {
            if (hand.choices[i] && hand.choices[i][1] === choice) countThisOption++;
        }
        if (hand.choices[playerIndex][1] === choice) {
            // permitido
        } else if (match.numPlayers <= 4) {
            if (countThisOption >= 1) {
                showAlert('Opção já escolhida na 1ª rodada! Todos devem ter opções DIFERENTES.','warning');
                document.getElementById('choice'+playerIndex).value = hand.choices[playerIndex][1] || '';
                return;
            }
        } else {
            if (countThisOption >= 2) {
                showAlert('Limite de repetições na 1ª rodada!','warning');
                document.getElementById('choice'+playerIndex).value = hand.choices[playerIndex][1] || '';
                return;
            }
            const firstFour = [];
            for (let i = 0; i < Math.min(4, match.numPlayers); i++) {
                if (i !== playerIndex && hand.choices[i] && hand.choices[i][1]) {
                    firstFour.push(hand.choices[i][1]);
                }
            }
            if (playerIndex < 4 && firstFour.includes(choice) && hand.choices[playerIndex][1] !== choice) {
                showAlert('Os 4 primeiros jogadores devem ter opções diferentes!','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;
    }

    const old = hand.choices[playerIndex][r];
    if (old && r === 1) {
        const idx = hand.round1Options.indexOf(old);
        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);
    updateInfoLine();
    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 text = '';
    for(let r=1; r<=5; r++) {
        const val = hand.choices[playerIndex]?.[r] || '-';
        let cardNum = '';
        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) cardNum = (hand.playerCardNums[playerIndex] && hand.resolved) ? 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 || '';
        }
        const displayVal = cardNum ? cardNum + '' + val : (val !== '-' ? val : '-');
        text += (r>1 ? ' / ' : '') + `R${r}:${displayVal}`;
    }
    div.textContent = text;
}

function updateVisualCards(playerIndex) {
    const container = document.getElementById('visualCards'+playerIndex);
    if (!container) return;
    const cardDataVersion = getCardData(match.version);
    const slots = new Array(5).fill(null);
    for (let r = 1; r <= 5; r++) {
        if (r >= hand.currentRound) continue;
        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) slots[r-1] = cardData;
        }
    }
    let html = '';
    for (let i = 0; i < 5; i++) {
        if (slots[i]) {
            const card = slots[i];
            const colorClass = card.color === 'red' ? 'red' : 'black';
            html += `<div class="mini-card ${colorClass}">${card.val}${card.suit}</div>`;
        } else {
            html += `<div class="mini-card placeholder">?</div>`;
        }
    }
    container.innerHTML = html;
}

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.`;
}

function confirmPlayerCardRound() {
    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!`);
    }
    hand.currentRound++;
    buildGameUI();
    updateDealerInfo();
    updateInfoLine();
    startTimer();
    showAlert('Escolhas da Player Card confirmadas! Avançando para o Turn.','success');
}

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!`);
    let cardNum = parseInt(document.getElementById('revealedCardSelect').value);
    if (!cardNum) return showAlert('Selecione o número do cartão revelado!');
    if (hand.usedCards.includes(cardNum)) return showAlert('Cartão já usado!');
    hand.usedCards.push(cardNum);
    hand.communityCards.push({round: r, cardNum: cardNum});
    hand.currentRound++;
    
    stopTimer();
    
    if (hand.currentRound > 5) {
        buildGameUI();
        updateDealerInfo();
        updateInfoLine();
        if (match.mode === 'comum') {
            finishHand();
        } else {
            document.getElementById('normalRoundControls').style.display = 'none';
            document.getElementById('playerCardRevealBox').style.display = 'block';
            document.getElementById('actionButtons').innerHTML = '';
            buildPlayerCardInputs();
            showAlert('River confirmado! Informe as Player Cards para finalizar a mão.','success');
        }
    } else {
        buildGameUI(); updateDealerInfo(); updateInfoLine();
        startTimer();
        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++) {
        const dealt = hand.dealtPlayerCards[i];
        let options = '<option value="">-- Selecione o Cartão --</option>';
        for (let c = 1; c <= totalCards; c++) {
            if (!hand.usedCards.includes(c)) {
                const selected = (dealt === c) ? ' selected' : '';
                options += `<option value="${c}"${selected}>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:150px;">${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)) return showAlert(`Cartão ${val} já foi utilizado!`);
        hand.playerCardNums[i] = val;
    }
    hand.resolved = true;
    finishHand();
}

function finishHand() {
    stopTimer();
    const results = evaluateAllHands();
    displayResults(results);
    results.winners.forEach(idx => match.scores[idx]++);
    match.handsPlayed++;
    updateScoreboard();
    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);
        for(let i=0; i<match.numPlayers; i++) if(match.scores[i] >= needed) champion = i;
    } else {
        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;
}

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 (hand.currentRound < 5) {
        if (confirm('Tem certeza que deseja encerrar a mão prematuramente? As Player Cards não serão reveladas.')) {
            stopTimer();
            hand.resolved = true;
            finishHand();
        }
    } else if (hand.currentRound === 5 && !hand.resolved) {
        stopTimer();
        document.getElementById('normalRoundControls').style.display = 'none';
        document.getElementById('playerCardRevealBox').style.display = 'block';
        document.getElementById('actionButtons').innerHTML = '';
        buildPlayerCardInputs();
    }
}
function newHand() {
    if (match.matchOver) return showAlert('A partida já terminou!', 'warning');
    match.dealerIndex = (match.dealerIndex + 1) % match.numPlayers;
    startNewHand();
}
function resetMatch() {
    stopTimer();
    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>