:root{--encre:#ecf0f7;--doux:#7a879f;--trait:#ecf0f71a;--accent:#ecf0f7;--pluie:#4e9fd6}*{box-sizing:border-box;margin:0;padding:0}html{font-size:min(1.72vh,1.02vw)}body{cursor:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;width:100vw;height:100vh;color:var(--encre);font-synthesis:none;background:linear-gradient(178deg,#070910 0%,#0a0e16 60%,#0d121c 100%);font-family:Archivo,system-ui,sans-serif;overflow:hidden}body:after{content:"";pointer-events:none;z-index:2;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}#ecran{z-index:1;opacity:0;flex-direction:column;height:100%;padding:3rem 4rem 2.2rem;animation:1.6s cubic-bezier(.2,.7,.3,1) .3s forwards entree;display:flex;position:relative}@keyframes entree{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}#bandeau{letter-spacing:.2em;text-transform:uppercase;color:var(--doux);justify-content:space-between;align-items:baseline;font-family:IBM Plex Mono,monospace;font-size:1.65rem;display:flex}#lieu{transition:color .4s}#lieu.futur{color:var(--accent)}#horloge{font-variation-settings:"wdth" 118, "wght" 300;letter-spacing:.01em;color:var(--encre);font-variant-numeric:tabular-nums;text-transform:none;cursor:pointer;font-family:Archivo,sans-serif;font-size:2.9rem}#horloge-grand{z-index:6;opacity:0;pointer-events:none;background:#070910;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}#horloge-grand.ouvert{opacity:1;pointer-events:auto}#horloge-grand-heure{font-variation-settings:"wdth" 118, "wght" 200;letter-spacing:-.02em;color:var(--encre);font-variant-numeric:tabular-nums;font-family:Archivo,sans-serif;font-size:min(42vh,34vw)}#pages{will-change:transform, opacity;flex-direction:column;flex:1;display:flex}#pages.glisse{transition:transform .34s cubic-bezier(.2,.7,.3,1),opacity .34s}#principal{flex:1;align-items:center;gap:5rem;display:flex;position:relative}#icone{flex:none;width:17rem;height:17rem}#icone svg{width:100%;height:100%;display:block}#temperature{font-variation-settings:"wdth" 112, "wght" 180;letter-spacing:-.035em;font-variant-numeric:tabular-nums;align-items:flex-start;font-size:16.5rem;line-height:.8;display:flex}#temperature i{font-variation-settings:"wdth" 100, "wght" 250;color:var(--doux);margin-top:.06em;margin-left:.06em;font-size:.3em;font-style:normal}#temperature b{font-variation-settings:"wdth" 100, "wght" 200;color:var(--doux);letter-spacing:-.02em;align-self:flex-end;margin-bottom:.06em;margin-left:.34em;font-size:.34em;font-weight:400}#condition{font-variation-settings:"wdth" 100, "wght" 350;letter-spacing:-.005em;margin-top:1.6rem;font-size:3.4rem}#mesures{color:var(--doux);letter-spacing:.05em;gap:2rem;margin-top:1.5rem;font-family:IBM Plex Mono,monospace;font-size:1.6rem;display:flex}#mesures span{white-space:nowrap}#mesures span+span:before{content:"·";opacity:.45;margin-right:2rem}#ruban{flex:none;height:19rem;margin:0 -4rem}#ruban svg{width:100%;height:100%;display:block;overflow:visible}.heure{letter-spacing:.12em;fill:var(--doux);font-family:IBM Plex Mono,monospace;font-size:17px}.degre{font-variation-settings:"wdth" 108, "wght" 500;fill:var(--encre);font-family:Archivo,sans-serif;font-size:19px}#jours{flex:none;justify-content:center;align-items:center;gap:.9rem;height:2.2rem;margin-top:.6rem;display:flex}#jours span{background:var(--encre);opacity:.22;border-radius:1rem;width:.7rem;height:.7rem;transition:width .3s cubic-bezier(.2,.7,.3,1),opacity .3s,background .3s}#jours span.actif{opacity:1;background:var(--accent);width:2.6rem}#panne{z-index:3;text-align:center;background:#070910;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;display:none;position:fixed;inset:0}#panne.visible{display:flex}#panne h1{font-variation-settings:"wdth" 108, "wght" 300;letter-spacing:-.02em;font-size:4rem}#panne p{color:var(--doux);letter-spacing:.06em;font-family:IBM Plex Mono,monospace;font-size:1.7rem}#modules{text-align:right;cursor:pointer;flex-direction:column;align-items:flex-end;gap:1.1rem;padding:1.6rem 0 1.6rem 3rem;display:none;position:absolute;top:44%;right:0;transform:translateY(-50%)}#modules.visible{display:flex}#modules-corps{flex-direction:column;align-items:flex-end;gap:.8rem;transition:opacity .22s;display:flex}#modules-corps .label{letter-spacing:.18em;text-transform:uppercase;color:var(--doux);font-family:IBM Plex Mono,monospace;font-size:1.3rem}#modules-corps .valeur{font-variation-settings:"wdth" 110, "wght" 230;letter-spacing:-.015em;color:var(--encre);font-size:4.8rem;line-height:1}#modules-corps .valeur:after{content:"›";opacity:.4;color:var(--doux);margin-left:.7rem}#modules-points{gap:.55rem;display:flex}#modules-points span{background:var(--encre);opacity:.22;border-radius:1rem;width:.55rem;height:.55rem;transition:width .3s cubic-bezier(.2,.7,.3,1),opacity .3s,background .3s}#modules-points span.actif{opacity:1;background:var(--accent);width:1.6rem}#fenetre{z-index:5;opacity:0;pointer-events:none;background:#070910;padding:3.4rem 4.2rem;transition:opacity .3s,transform .3s cubic-bezier(.2,.7,.3,1);position:fixed;inset:0;overflow-y:auto;transform:translateY(1.2rem)}#fenetre.ouverte{opacity:1;pointer-events:auto;transform:none}#fenetre .fermer{color:var(--doux);cursor:pointer;background:0 0;border:none;padding:.8rem;font-family:IBM Plex Mono,monospace;font-size:1.9rem;line-height:1;position:absolute;top:1.5rem;right:2.2rem}#fenetre h2{font-variation-settings:"wdth" 108, "wght" 300;letter-spacing:-.01em;margin-bottom:.3rem;font-size:2.6rem}#fenetre .sous{letter-spacing:.06em;color:var(--doux);text-transform:uppercase;margin-bottom:2rem;font-family:IBM Plex Mono,monospace;font-size:1.3rem}#fenetre .ligne{border-top:1px solid var(--trait);justify-content:space-between;gap:1.5rem;padding:1rem 0;font-size:1.5rem;display:flex}#fenetre .ligne:last-of-type{border-bottom:1px solid var(--trait)}#fenetre .ligne .principal{color:var(--encre)}#fenetre .ligne .detail{color:var(--doux);letter-spacing:.04em;text-align:right;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:1.2rem}#fenetre .ligne.actuel .principal{color:var(--accent)}#fenetre .retour{letter-spacing:.1em;text-transform:uppercase;color:var(--doux);opacity:.6;margin-top:2.4rem;font-family:IBM Plex Mono,monospace;font-size:1.1rem}.kiosk-boot-placeholder{background:linear-gradient(178deg,#070910 0%,#0a0e16 60%,#0d121c 100%);position:fixed;inset:0}