/* Scores, dates, judge letters, entry numbers — the "precision" register */
.data-mono {
    font-family: 'JetBrains Mono', monospace;
    font-feature-settings: "tnum" 1; /* tabular figures, so score columns align */
    letter-spacing: -0.01em;
}

/* Signature arena glyph — small static version, used as section dividers */
.arena-glyph {
    stroke: #5C5544;
    stroke-width: 1.5;
    fill: none;
}


/* =========================================================
   Dressage Arena Glyph
   ========================================================= */

.arena-glyph {
    width: 100%;
    height: auto;
    overflow: visible;
}

.arena-outline,
.arena-centerline {
    fill: none;
    stroke: var(--mud-palette-text-primary, #1E2A22);
    stroke-width: 1.5;
}

.arena-centerline {
    stroke-width: 1;
    stroke-dasharray: 4 5;
    opacity: 0.5;
}

.pt {
    stroke: none;
}

.pt--plain {
    fill: var(--mud-palette-text-secondary, #5C5544);
}

.pt--judge,
.pt--head {
    fill: var(--mud-palette-primary, #A8792F);
}

.lbl {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    fill: var(--mud-palette-text-secondary, #5C5544);
    text-anchor: middle;
}

/* Animated variant */

.arena-glyph--animated .arena-outline {
    stroke-dasharray: 920;
    stroke-dashoffset: 920;
    animation: arena-draw 1.8s ease-out forwards;
}

.arena-glyph--animated .arena-centerline {
    stroke-dashoffset: 360;
    animation: arena-draw-center 0.6s ease-out 1.6s forwards;
}

.arena-glyph--animated .pt,
.arena-glyph--animated .lbl {
    opacity: 0.5;
    animation: arena-fade-in 0.5s ease-out forwards;
}

@keyframes arena-draw {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes arena-draw-center {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes arena-fade-in {
    to {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .arena-glyph--animated .arena-outline,
    .arena-glyph--animated .arena-centerline {
        animation: none;
        stroke-dashoffset: 0;
    }

    .arena-glyph--animated .pt,
    .arena-glyph--animated .lbl {
        animation: none;
        opacity: 1;
    }
}