/* Écran de l'Apple Watch : l'app Alyxa à la place de la face d'Apple (voir js/ecran.js) */
.ecr{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:var(--m);mask-image:var(--m);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden}
.ecr[hidden]{display:none}
.ecr-centre{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%)}
.ecr::after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.03) 28%,transparent 46%);mix-blend-mode:screen}
.wa{position:absolute;left:0;top:0;width:184px;height:224px;transform-origin:0 0;overflow:hidden;background:#07101e;color:#fff;font:700 14px/1 -apple-system,BlinkMacSystemFont,"SF Pro Rounded","Inter",system-ui,sans-serif;letter-spacing:-.01em}
.wa-lueur{position:absolute;inset:-20px;background:radial-gradient(circle at 50% 44%,rgba(52,170,110,.34) 0%,rgba(24,96,92,.22) 32%,rgba(10,28,50,.0) 62%),linear-gradient(180deg,#0b2236 0%,#081426 55%,#0a1226 100%)}
.wa-haut{position:absolute;left:0;right:0;top:0;height:50px}
.wa-retour{position:absolute;left:5px;top:6px;width:32px;height:32px;border-radius:50%;background:rgba(26,92,200,.28);box-shadow:inset 0 0 0 1.3px rgba(56,130,246,.75);display:grid;place-items:center}
.wa-droite{position:absolute;right:8px;top:9px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.wa-heure{display:flex;align-items:center;gap:3px;font-size:17px;font-weight:800}
.wa-nom{font-size:15px;font-weight:800;color:rgba(255,255,255,.45)}
.wa-anneau{position:absolute;left:12px;right:12px;top:42px;height:120px;display:grid;place-items:center}
.wa-anneau canvas{position:absolute;left:50%;top:50%;width:140px;height:140px;margin:-70px 0 0 -70px}
.wa-chrono{position:relative;font-size:25px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.wa-arret{position:absolute;left:-6px;right:-6px;bottom:-8px;height:58px;border-radius:30px;background:linear-gradient(180deg,rgba(66,86,100,.62),rgba(48,64,78,.62));display:flex;align-items:center;justify-content:center;gap:9px;font-size:17px;font-weight:800;padding-bottom:8px}
.wa-arret i{width:12px;height:12px;border-radius:2.5px;background:#fff;display:block}
.ecr.sur-scene{opacity:0;transition:opacity .5s ease}
.ecr.sur-scene.visible{opacity:1}
.wa svg{display:block;width:auto;height:auto;overflow:visible}
.wa-retour svg{width:9px;height:15px}
.wa-heure svg{width:8px;height:12px}