/* Lecture DMS illustrative sur capture réelle, sans assertion d’un état détecté. */
.dms-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.dms-overlay svg{display:block;width:100%;height:100%}
.dms-face-scan{animation:dms-scan 4.8s ease-in-out infinite}
.dms-eye-landmarks{animation:dms-eye-read 3.6s ease-in-out infinite}
.dms-face-glow{animation:dms-face-read 4.8s ease-in-out infinite}
.dms-belt-zone{animation:dms-belt-read 8s linear infinite}
.dms-frame .dvr-channel,.dms-frame>b{z-index:2}
.hero-motion-paused .dms-overlay *,.ml-explore-paused .dms-overlay *{animation-play-state:paused!important}
@keyframes dms-scan{0%{stroke-dashoffset:0;opacity:.3}50%{opacity:.8}100%{stroke-dashoffset:-52;opacity:.3}}
@keyframes dms-eye-read{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes dms-face-read{0%,100%{stroke-opacity:.35}50%{stroke-opacity:.85}}
@keyframes dms-belt-read{to{stroke-dashoffset:-28}}
@media(prefers-reduced-motion:reduce){.dms-overlay *{animation:none!important}}

.dms-readout{position:absolute;z-index:2;box-sizing:border-box;background:#142019df;border:1px solid #e2f69473;border-radius:5px;color:#edffbd;font-family:Arial,sans-serif;font-size:clamp(8px,.7vw,10px);line-height:1.25;letter-spacing:.03em;padding:5px 7px;white-space:nowrap}
.dms-readout-face{left:53.33%;top:24.5%;width:38.33%}
.dms-readout-belt{left:66.11%;top:64.5%;width:31.67%;padding:4px 6px}
.dms-readout strong{display:block;font-weight:400}.dms-readout small{display:block;margin-top:2px;color:#cbd7ba;font-size:7px;letter-spacing:0}
/* Le libellé CEINTURE remplace le badge DMS redondant, surtout sur petit écran. */
.dms-frame>b{display:none}
/* Isoler les vues caméra du rafraîchissement du fond cartographique animé. */
.hero .dms-frame,.hero .dvr-road{isolation:isolate;transform:translateZ(0);backface-visibility:hidden}
.dms-readout{transform:translateZ(0);backface-visibility:hidden}