/* Mobile-first performance: skeletons, fast placeholders */
.perf-skel {
    background: linear-gradient(90deg, #0f0f14 0%, #1a1a26 42%, #12121a 88%);
    background-size: 220% 100%;
    animation: perf-shimmer 1.1s ease-in-out infinite;
    border-radius: 12px;
}

@keyframes perf-shimmer {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

.perf-skel--court {
    position: relative;
    overflow: hidden;
}

.perf-skel--court::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 45% at 50% 50%, rgba(249, 115, 22, 0.06), transparent 70%);
    pointer-events: none;
}

.perf-jornada-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 8px 0;
}

.perf-jornada-item {
    height: 52px;
    border-radius: 14px;
}

.perf-match-card {
    height: 168px;
    border-radius: 16px;
    margin-bottom: 10px;
}

.perf-score-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
}

.perf-score-box {
    height: 56px;
    border-radius: 12px;
}

.perf-lv-hero {
    height: 88px;
    border-radius: 16px;
    margin-bottom: 12px;
}

.perf-lv-tab-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.perf-lv-card {
    height: 120px;
    border-radius: 14px;
}

.perf-dash-card {
    height: 72px;
    border-radius: 18px;
}

.perf-inline {
    display: inline-block;
    min-width: 2.5rem;
    height: 1em;
    vertical-align: middle;
}