/* mm-tournament-dragon.css — UI de la Variante del Dragón */

.mmt-dragon-bar {
    background: linear-gradient(135deg, #2b2140 0%, #3a2b5c 100%);
    color: #ede7fb;
    border: 1px solid #5b4a8a;
    border-radius: 12px;
    padding: 12px 14px;
    margin: 12px auto 0;
    max-width: 480px;
    box-shadow: 0 4px 14px rgba(80, 50, 140, 0.25);
}

.mmt-dragon-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.mmt-dragon-title {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.2px;
}

.mmt-dragon-reserve {
    font-size: 12px;
    color: #cdbff2;
    white-space: nowrap;
}
.mmt-dragon-reserve strong { color: #fff; }

.mmt-dragon-btn {
    width: 100%;
    border: none;
    border-radius: 10px;
    padding: 11px 14px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(90deg, #7b5cff 0%, #9b59b6 100%);
    box-shadow: 0 3px 10px rgba(123, 92, 255, 0.35);
    transition: filter 0.15s ease, transform 0.05s ease;
}
.mmt-dragon-btn:hover { filter: brightness(1.08); }
.mmt-dragon-btn:active { transform: translateY(1px); }

.mmt-dragon-btn-cancel {
    background: linear-gradient(90deg, #e74c3c 0%, #c0392b 100%);
    box-shadow: 0 3px 10px rgba(231, 76, 60, 0.35);
}

.mmt-dragon-btn-disabled,
.mmt-dragon-btn:disabled {
    filter: grayscale(0.5) brightness(0.8);
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
}

.mmt-dragon-hint {
    display: none;
    margin-top: 9px;
    font-size: 12px;
    line-height: 1.4;
    color: #ffe9a8;
    background: rgba(255, 233, 168, 0.08);
    border: 1px solid rgba(255, 233, 168, 0.25);
    border-radius: 8px;
    padding: 7px 10px;
}

/* Modo despliegue: resaltar casillas válidas de la primera fila propia */
#player-board.mmt-spawn-active .square-55d63 { cursor: default; }
#player-board .square-55d63.mmt-spawn-target {
    cursor: pointer !important;
    box-shadow: inset 0 0 0 4px rgba(123, 92, 255, 0.85) !important;
    animation: mmtSpawnPulse 1.1s ease-in-out infinite;
}

@keyframes mmtSpawnPulse {
    0%, 100% { box-shadow: inset 0 0 0 4px rgba(123, 92, 255, 0.55) !important; }
    50%      { box-shadow: inset 0 0 0 5px rgba(155, 89, 182, 0.95) !important; }
}

/* Etiqueta de variante en listados/torneos */
.mmt-variant-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(90deg, #7b5cff, #9b59b6);
    border-radius: 999px;
    padding: 2px 9px;
    vertical-align: middle;
}