/* ===========================================================================
 * asce-training-simplify.css
 * Flagship training pages: the Live Call Lab viz (asce-cinematic-viz) is the
 * simplified hero. The real engine (Chart.js graphs, gauges, digital readout)
 * keeps RUNNING + scoring in the background — we hide it offscreen (NOT
 * display:none, so Chart.js canvases stay measurable and the official score,
 * medals, XP, progression, localStorage all keep working untouched).
 * Gated behind body.simplified so a "Show instruments" toggle can reveal the
 * classic dashboard with zero engine changes.
 * =========================================================================== */
.acv-hero { margin: 0 0 22px; }

.simplified .graphs-section .graph-box,   /* idealGraph, userGraph, spectrogram boxes */
.simplified .freq-gauges,                 /* SUB / ULTRA vertical bars */
.simplified .digital-display {            /* IDEAL/USER/AMP/DELTA + match% */
    position: absolute !important;
    width: 1px; height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    opacity: 0;
    pointer-events: none;
}

/* "Show instruments" toggle — tiny, unobtrusive, restores the classic dashboard */
.acv-instruments-toggle {
    display: inline-block; margin: 10px auto 0; cursor: pointer;
    background: transparent; border: 1px solid rgba(255,255,255,0.18);
    color: rgba(255,255,255,0.55); font-size: 0.72rem; letter-spacing: 1px;
    text-transform: uppercase; padding: 6px 14px; border-radius: 20px;
    transition: all 0.2s ease;
}
.acv-instruments-toggle:hover { color: #FF8800; border-color: #FF6600; }