:root{--flottement-amplitude: 8px;--flottement-periode: 6s;--fondu: .4s;--bandeau-fond: rgba(16, 38, 64, .82);--bandeau-texte: #ffffff}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;cursor:none;-webkit-user-select:none;user-select:none;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}#scene{position:fixed;top:0;right:0;bottom:0;left:0}#decor{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#bfe3f2,#d8efd0 45%,#6fa85a 62%,#3f7a35) center / cover}#decor video{width:100%;height:100%;object-fit:cover}#avatar{position:absolute;left:50%;bottom:4vh;height:88vh;aspect-ratio:2 / 3;transform:translate(-50%);animation:flottement var(--flottement-periode) ease-in-out infinite}#avatar canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity var(--fondu) ease-in-out}#avatar-veille{opacity:1}#avatar-direct,body.direct #avatar-veille{opacity:0}body.direct #avatar-direct{opacity:1}#avatar #avatar-veille{transition:none}body.direct #avatar #avatar-veille{transition:opacity 0s linear var(--fondu)}@keyframes flottement{0%,to{transform:translate(-50%) translateY(var(--flottement-amplitude))}50%{transform:translate(-50%) translateY(calc(-1 * var(--flottement-amplitude)))}}#ombre{position:absolute;left:50%;bottom:2.5vh;width:34vh;height:4vh;border-radius:50%;background:radial-gradient(ellipse at center,#00000073,#0000 70%);filter:blur(6px);transform:translate(-50%);animation:ombre var(--flottement-periode) ease-in-out infinite}@keyframes ombre{0%,to{transform:translate(-50%) scale(1);opacity:.9}50%{transform:translate(-50%) scale(.86);opacity:.6}}#bandeau{position:absolute;left:50%;bottom:5vh;transform:translate(-50%);max-width:80vw;padding:1.6vh 3vw;border-radius:1.2vh;background:var(--bandeau-fond);color:var(--bandeau-texte);font-size:3.4vh;font-weight:600;text-align:center;box-shadow:0 1vh 3vh #00000040;animation:apparition .6s ease-out}@keyframes apparition{0%{opacity:0;transform:translate(-50%) translateY(2vh)}}#indicateur{position:absolute;right:1.5vh;bottom:1.5vh;width:1.2vh;height:1.2vh;border-radius:50%;background:transparent}body[data-etat=ERREUR] #indicateur,body.hors-ligne #indicateur{background:#d9822b}@media(prefers-reduced-motion:reduce){#avatar,#ombre{animation:none}}