/**------- Loading screen: the XD board fills the plan; RÉESSAYER is drawn like the XD keys -------*/
.ecran-chargement { transition: opacity .6s ease; }
.ecran-chargement.fondu { opacity: 0; }
.plan-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }

/* Under the percentage, centred on the gauge (x 960). */
.bouton-reessayer { position: absolute; left: 810px; top: 512px; width: 300px; height: 64px; box-sizing: border-box; border: 2px solid rgb(10, 10, 10); border-radius: 11px; background: rgba(255, 255, 255, .41); color: var(--encre); font: 30px "Russo One", sans-serif; cursor: pointer; }
.bouton-reessayer:focus-visible, .bouton-reessayer:hover { outline: 4px solid var(--cyan); outline-offset: 2px; }
.bouton-reessayer[hidden] { display: none; }