/*
 * reveal.v1.css — démo du « pendu inversé » (accueil v3). Complète arqualea.v2.css.
 * Largeurs des trous par classes (gw-1 à gw-8) : aucune valeur en ligne (CSP style-src 'self').
 */
.scorebar { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; align-items: end; gap: 2px 12px; margin-top: 14px; }
.score-k { font: 500 11px/1.3 var(--f-display); letter-spacing: .2em; text-transform: uppercase; color: var(--c-steel); grid-column: 1; }
.score { grid-column: 1; font: 400 30px/1 var(--f-num); font-variant-numeric: tabular-nums; color: var(--c-gold); }
.score.drop { color: var(--c-ko); }
.score-ctl { grid-column: 2; grid-row: 1 / span 2; display: flex; gap: 6px; }
.gauge { height: 2px; background: var(--c-gold-faint); margin-top: 10px; overflow: hidden; }
.gauge span { display: block; height: 100%; width: 100%; background: linear-gradient(90deg, var(--c-gold), #F1DFB6); transform-origin: left; transition: transform .6s ease-out; }

.reveal-clues { list-style: none; margin: 12px 0 0; padding: 0; counter-reset: c; }
.reveal-clues li { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; padding: 8px 0; border-bottom: 1px dashed rgba(159,178,216,.14); font-size: 15px; align-items: baseline; min-height: 38px; }
.reveal-clues li.pending { color: rgba(159,178,216,.45); }
.reveal-clues li.pending .k { color: rgba(159,178,216,.45); }
.reveal-clues li.fresh { animation: clue-in .5s ease-out; }
@keyframes clue-in { from { opacity: 0; transform: translateX(-6px); } to { opacity: 1; transform: none; } }
.reveal-clues .k { font: 500 11px/1.3 var(--f-display); letter-spacing: .16em; text-transform: uppercase; color: var(--c-steel); }
.reveal-clues .v { font: 400 15px/1.5 var(--f-num); letter-spacing: .03em; overflow-wrap: anywhere; }
.reveal-clues .v.full { font-family: var(--f-body); letter-spacing: 0; }
.reveal-clues .v.done { font-family: var(--f-body); letter-spacing: 0; color: var(--c-ivory); }
.reveal-clues .lt { color: var(--c-ivory); }
.reveal-clues .lt.new { color: var(--c-gold); }

/* Trou : une seule barre par bloc caché, de longueur trompeuse */
.gh { display: inline-block; height: .95em; vertical-align: -.12em; border-bottom: 1px solid var(--c-gold); margin: 0 2px; }
.gw-1 { width: .7em; } .gw-2 { width: 1.1em; } .gw-3 { width: 1.5em; } .gw-4 { width: 1.9em; }
.gw-5 { width: 2.4em; } .gw-6 { width: 2.9em; } .gw-7 { width: 3.4em; } .gw-8 { width: 4em; }

.demo-next { width: 100%; margin-top: 12px; justify-content: space-between; }
.demo-next .cost { font: 400 12px/1 var(--f-num); letter-spacing: 0; text-transform: none; color: var(--c-ko); }
.demo-next[disabled] { opacity: .5; cursor: default; }
.mission .mask-row { margin-top: 14px; align-items: center; justify-content: flex-start; gap: 14px; }
.mission .mask-row .k { font: 500 11px/1.3 var(--f-display); letter-spacing: .16em; text-transform: uppercase; color: var(--c-steel); }

@media (prefers-reduced-motion: reduce) { .gauge span { transition: none; } .reveal-clues li.fresh { animation: none; } }