# Findings — Audit technique ## Variables CSS existantes (lignes 9-14) ``` --bg:#0b0b14 --bg2:#111120 --bg3:#181828 --bg4:#20203a --border:#2a2a45 --text:#dddaf8 --muted:#6868a0 --ser:#c060ff --end:#f0bf30 --mat:#28c8f0 --amour:#ff5070 --xp:#ffa040 --ok:#28e888 --warn:#ff9820 --r:10px ``` La majorité du CSS utilise déjà `var()`, mais il y a ~320 occurrences de couleurs inline dans le JS (rgb/rgba dans les templates littéraux). Les couleurs de jauges (--ser, --end, etc.) devront rester saturées même en mode clair. ## Progression enclos — données disponibles `enclosGlobalState(enc)` retourne `{globalMax, allDone, started, el, ddDone}`. - `ddDone / enc.dragodindes.length` = % progression simple - Fonctionne déjà, juste pas affiché visuellement sur les tabs ## Timer pause — détection retard - `enc.timer.pausedAt` = timestamp de mise en pause - `Date.now() - enc.timer.pausedAt` = durée de pause en ms - Seuil suggéré : 5 minutes (300 000 ms) ## Raccourcis clavier - Aucun listener keyboard existant - Attention aux inputs focus : vérifier `document.activeElement.tagName !== 'INPUT'` ## Animations - Transitions CSS existent sur tabs, gauges, pills (partielles) - Aucune transition de contenu (#enclos-content) lors du changement d'onglet