@media (max-width: 768px) {
    /* Reset & Layout Geral */
    body {
        background-color: #000 !important;
        padding-bottom: 50px;
    }

    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* HEADER: Logo & Ranking */
    header {
        padding-top: 10px !important;
        padding-bottom: 5px !important;
    }

    .header-content {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    /* Logo ajustado */
    .logo-area {
        width: 100%;
        display: flex;
        justify-content: space-between !important;
        align-items: center;
        margin-bottom: 10px !important;
    }

    .logo-area img {
        height: 60px !important; /* Logo menor no mobile */
    }

    /* Botão Ranking */
    .logo-area button {
        font-size: 0.8rem;
        padding: 5px 15px;
        background: transparent;
        border: 1px solid #ffd700;
        color: #ffd700;
        border-radius: 5px;
        text-transform: uppercase;
        font-weight: bold;
    }

    /* Botão Inscrever-se */
    .registration-area {
        width: 100%;
        margin-bottom: 15px !important;
        order: 2; /* Força ordem */
        flex-direction: column !important;
    }

    #registration-container a.btn {
        width: 100%;
        background-color: #198754; /* Verde */
        border: none;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        font-size: 1.2rem;
        padding: 10px;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(25, 135, 84, 0.4);
    }
    
    /* Botão Admin centralizado abaixo */
    .registration-area .btn-outline-secondary {
        position: static;
        display: flex;
        margin-bottom: 15px;
        margin-top: 0;
        width: 45px !important;
        height: 45px !important;
        border: 1px solid #333;
        background: #111;
        color: #666;
        font-size: 1.2rem;
        order: -1; /* Joga para cima */
    }

    /* STATS ROW: Jogadores, Restantes, Premiação */
    .stats-area {
        width: 100%;
        display: grid !important;
        grid-template-columns: 1fr 1fr 1.5fr;
        gap: 10px !important;
        margin-bottom: 20px;
        order: 3;
        align-items: flex-start;
    }

    .stat-item {
        align-items: center;
        text-align: center;
    }

    .stat-label {
        font-size: 0.65rem;
        color: #aaa;
        margin-bottom: 2px;
    }

    .stat-value {
        font-size: 1.2rem;
        font-weight: bold;
    }

    /* Premiação Compacta */
    .prize-container {
        background: transparent;
        padding: 0;
        min-width: auto;
    }

    .prize-row {
        font-size: 0.9rem;
        justify-content: flex-end;
    }

    .prize-row small {
        margin-right: 5px;
        color: #ffd700; /* Dourado para 1o */
    }
    .prize-row:nth-child(2) small { color: #c0c0c0; } /* Prata */
    .prize-row:nth-child(3) small { color: #cd7f32; } /* Bronze */

    /* CARD INFO: Buyin, Rebuy, Addon, Nível */
    .tournament-info-bar {
        background: #151515;
        border: 1px solid #333;
        border-radius: 15px;
        padding: 20px 10px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 15px 5px;
        position: relative;
        margin-bottom: 20px;
    }

    .info-item {
        min-width: auto;
    }

    .info-label {
        font-size: 0.6rem;
        color: #888;
    }

    .info-value {
        font-size: 1rem;
    }

    /* Item Nível Atual - Centralizado embaixo */
    .info-item:nth-child(4) {
        grid-column: 1 / -1;
        grid-row: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 5px;
    }

    .info-item:nth-child(4) .info-label {
        margin-bottom: 5px;
        font-size: 0.7rem;
    }

    .level-badge {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        padding: 0;
        background: #ff9800;
        box-shadow: 0 0 10px rgba(255, 152, 0, 0.5);
    }

    /* TIMER GIGANTE */
    .timer-wrapper {
        margin-bottom: 10px;
        text-align: center;
    }

    .timer-display {
        font-size: 5rem;
        color: #ffd700;
        text-shadow: 0 0 20px rgba(255, 215, 0, 0.3);
    }

    /* CARD BLINDS */
    .blinds-container {
        background: #111;
        border: 1px solid #333;
        border-radius: 20px;
        padding: 15px;
        margin: 0 auto 20px auto;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .blind-box {
        text-align: center;
    }

    .small-blind-label {
        font-size: 0.7rem;
        color: #ccc;
        letter-spacing: 1px;
    }

    .blind-value {
        font-size: 2.5rem;
        color: #fff;
    }

    .blind-divider i {
        font-size: 1.5rem;
        color: #666; /* Raio mais discreto ou amarelo */
    }

    /* FOOTER: Próximo Nível e Ante */
    .next-level-bar {
        background: #151515;
        border-radius: 30px;
        padding: 8px 20px;
        width: auto;
        display: inline-block;
        border: 1px solid #333;
    }

    .next-blind-info {
        font-size: 0.9rem;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .ante-info .badge {
        font-size: 0.8rem;
        padding: 5px 10px;
        background-color: #dc3545; /* Vermelho */
    }
    
    /* Esconder mesas no mobile se foco for dashboard */
    /* #tables-container { display: none; } Opcional: Se o usuário quiser só o timer */
}