/* Event results — extracted from app/views/events/results.php */

.scb-hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.scb-hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px color-mix(in srgb, black 20%, transparent);
}

.scb-winner-card {
    background: linear-gradient(135deg, var(--color-warn), color-mix(in srgb, var(--color-warn) 75%, var(--color-accent-hot)));
    color: var(--color-bg);
    padding: 2rem;
    border-radius: 1rem;
    max-width: 400px;
    margin: 0 auto;
    position: relative;
}
.scb-winner-crown {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}
.scb-winner-name {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
.scb-winner-crew {
    font-size: 1rem;
    opacity: 0.8;
    margin-bottom: 0.5rem;
}
.scb-winner-country {
    font-size: 0.9rem;
    opacity: 0.7;
    margin-bottom: 1rem;
}
.scb-winner-title {
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

:root {
    --color-podium-silver: #94a3b8;
    --color-podium-bronze: #cd7f32;
}

.scb-podium-first, .scb-podium-second, .scb-podium-third {
    background: var(--color-surface-2);
    border-radius: var(--radius);
    padding: 1.5rem;
    text-align: center;
    position: relative;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}
.scb-podium-first {
    border-color: var(--color-warn);
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--color-warn) 10%, transparent),
        color-mix(in srgb, var(--color-warn) 5%, transparent)
    );
}
.scb-podium-second {
    border-color: var(--color-podium-silver);
}
.scb-podium-third {
    border-color: var(--color-podium-bronze);
}
.scb-podium-empty {
    opacity: 0.5;
    border-color: var(--color-border);
}
.scb-podium-position {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: var(--color-warn);
}
.scb-podium-position i {
    margin-right: 0.5rem;
}
.scb-podium-dancer {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: 0.5rem;
}
.scb-podium-crew {
    color: var(--color-muted);
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}
.scb-podium-country {
    color: var(--color-muted);
    font-size: 0.85rem;
    margin-bottom: 1rem;
}
.scb-podium-title {
    font-size: 0.8rem;
    color: var(--color-warn);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.phase-tab {
    border-color: var(--color-border);
    color: var(--color-muted);
}
.phase-tab.active {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: var(--color-text);
}
.battle-row {
    display: none;
}
.battle-row.active {
    display: table-row;
}

@media (max-width: 768px) {
    .scb-winner-card {
        padding: 1.5rem;
    }
    .scb-podium-first, .scb-podium-second, .scb-podium-third {
        padding: 1rem;
        margin-bottom: 1rem;
    }
}