@font-face{font-family:Big Shoulders Display Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-display-vietnamese-wght-normal-B-JM5mJH.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Display Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-display-latin-ext-wght-normal-EP2r9iG4.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Display Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-display-latin-wght-normal-Bn_gnr7w.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--nuit:#14110e;--creme:#e8dcc8;--cuir:#3a2c22;--cuivre:#b87333;--ambre:#f0a030;--piste:#6fa03c;--coupe:#a33b2a;--motard-1:#b87333;--motard-2:#f0a030;--motard-3:#6fa03c;--motard-4:#c9a227;--motard-5:#3e7c8c;--motard-6:#9c5b3c;--fond:var(--nuit);--texte:var(--creme);--texte-attenue:color-mix(in srgb, var(--creme) 60%, transparent);--surface:var(--cuir);--accent:var(--cuivre);--police-display:"Big Shoulders Display Variable", "Archivo Narrow", "Helvetica Neue", sans-serif;--police-texte:system-ui, -apple-system, sans-serif;--taille-micro:.75rem;--taille-corps:1rem;--taille-titre:3rem;--taille-odometre:4rem;--taille-locuteur:30vh;--graisse-display:700;--interlettre-display:.02em;--espace-1:.5rem;--espace-2:1rem;--espace-3:1.5rem;--espace-4:2.5rem;--rayon:4px;--rayon-large:10px;--trait:2px;--creux:inset 0 3px 8px #0009;--relief:inset 0 1px 0 color-mix(in srgb, var(--creme) 14%, transparent), 0 1px 2px #00000080;--cible-min:56px;--cible-gantee:88px;--duree-courte:.16s;--duree-odometre:.9s;--duree-retombee:.45s;--courbe-mecanique:cubic-bezier(.2, .9, .1, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--fond);color:var(--texte);font-family:var(--police-texte);font-size:var(--taille-corps);-webkit-font-smoothing:antialiased;touch-action:manipulation;overscroll-behavior:none;margin:0;line-height:1.5}#root{background:radial-gradient(115% 80% at 50% -5%, color-mix(in srgb, var(--cuir) 45%, transparent) 0%, transparent 65%)}:focus-visible{outline:var(--trait) solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.odometre{--hauteur-cran:var(--taille-odometre);padding:var(--espace-1);background:var(--nuit);border:var(--trait) solid var(--cuivre);border-radius:var(--rayon);box-shadow:var(--creux);gap:2px;display:inline-flex;position:relative}.odometre__cran{width:calc(var(--hauteur-cran) * .62);height:var(--hauteur-cran);background:var(--cuir);border-radius:2px;position:relative;overflow:hidden}.odometre__cran:after{content:"";pointer-events:none;background:linear-gradient(#0000008c 0%,#0000 28% 72%,#0000008c 100%);position:absolute;inset:0}.odometre__bande{transition:transform var(--duree-odometre) var(--courbe-mecanique);flex-direction:column;display:flex}.odometre__chiffre{height:var(--hauteur-cran);font-family:var(--police-display);font-size:calc(var(--hauteur-cran) * .78);font-weight:var(--graisse-display);font-variant-numeric:tabular-nums;color:var(--creme);place-items:center;line-height:1;display:grid}.odometre__lecture{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.accueil{align-items:center;gap:var(--espace-4);min-height:100%;padding:var(--espace-4) var(--espace-3) 0;text-align:center;flex-direction:column;display:flex}.accueil__entete{gap:var(--espace-1);flex-direction:column;display:flex}.accueil__titre{font-family:var(--police-display);font-size:var(--taille-titre);font-weight:var(--graisse-display);letter-spacing:var(--interlettre-display);color:var(--creme);margin:0;line-height:.9}.accueil__sous-titre{font-size:var(--taille-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--cuivre);margin:0}.accueil__demarrage,.accueil__balade{align-items:center;gap:var(--espace-3);flex-direction:column;width:min(100%,22rem);display:flex}.bouton{width:100%;min-height:var(--cible-min);padding:0 var(--espace-3);font-family:var(--police-display);letter-spacing:var(--interlettre-display);color:var(--creme);background:var(--surface);border:var(--trait) solid transparent;border-radius:var(--rayon);box-shadow:var(--relief);cursor:pointer;transition:transform var(--duree-courte) var(--courbe-mecanique), box-shadow var(--duree-courte), border-color var(--duree-courte);font-size:1.5rem}.bouton:hover:not(:disabled){border-color:var(--cuivre)}.bouton:active:not(:disabled){transform:scale(.98);box-shadow:inset 0 1px 3px #00000080}.bouton:disabled{opacity:.45;box-shadow:none;cursor:default}.bouton--principal{color:var(--nuit);background:var(--cuivre)}.bouton--principal:disabled{color:var(--texte-attenue);background:var(--surface)}.accueil__separateur{align-items:center;gap:var(--espace-2);width:100%;font-size:var(--taille-micro);text-transform:uppercase;letter-spacing:.2em;color:var(--texte-attenue);display:flex}.accueil__separateur:before,.accueil__separateur:after{content:"";background:color-mix(in srgb, var(--cuivre) 40%, transparent);flex:1;height:1px}.accueil__label{font-size:var(--taille-micro);text-transform:uppercase;letter-spacing:.16em;color:var(--texte-attenue)}.accueil__saisie{width:100%;min-height:var(--cible-gantee);font-family:var(--police-display);font-size:3.25rem;font-weight:var(--graisse-display);font-variant-numeric:tabular-nums;letter-spacing:.28em;text-align:center;text-indent:.28em;color:var(--creme);background:var(--nuit);border:var(--trait) solid var(--cuivre);border-radius:var(--rayon);box-shadow:var(--creux)}.accueil__saisie::placeholder{color:color-mix(in srgb, var(--creme) 22%, transparent)}.qr{line-height:0}.qr svg{border-radius:var(--rayon);width:100%;height:auto}.accueil__consigne{font-size:var(--taille-corps);color:var(--texte-attenue);margin:0}.accueil__erreur{color:var(--ambre);margin:0}.accueil__pied{align-items:center;gap:var(--espace-2);flex-direction:column;width:100%;margin-top:auto;display:flex}.accueil__identite{align-items:center;gap:var(--espace-1);font-size:var(--taille-micro);text-transform:uppercase;letter-spacing:.16em;color:var(--texte-attenue);flex-direction:column;display:flex}.accueil__identite-nom{font-family:var(--police-display);font-size:1.375rem;font-weight:var(--graisse-display);letter-spacing:var(--interlettre-display);color:var(--creme)}.accueil__changer{padding:var(--espace-1) var(--espace-2);margin:calc(var(--espace-1) * -1) 0;font:inherit;text-transform:uppercase;letter-spacing:inherit;color:var(--cuivre);border:0;border-bottom:1px solid color-mix(in srgb, var(--cuivre) 45%, transparent);cursor:pointer;background:0 0}.accueil__moto{width:min(100%,26rem);color:color-mix(in srgb, var(--cuivre) 58%, var(--nuit))}.accueil__moto :is(path,circle){stroke-dasharray:1;stroke-dashoffset:1px;animation:moto-tracer .62s var(--courbe-mecanique) forwards;animation-delay:calc(var(--ordre,0) * .11s)}@keyframes moto-tracer{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.accueil__moto :is(path,circle){animation-delay:0s!important}}.accueil__saisie--texte{letter-spacing:.06em;text-indent:.06em;text-transform:none;font-size:2rem}@media (orientation:landscape) and (height<=500px){.accueil{gap:var(--espace-2);padding-top:var(--espace-2)}.accueil__titre{font-size:2rem}.accueil__saisie{min-height:var(--cible-min);font-size:2.25rem}.accueil__moto{display:none}.accueil__identite{gap:var(--espace-2);flex-direction:row}}.panneau{z-index:10;align-items:center;gap:var(--espace-3);padding:var(--espace-4) var(--espace-3);background:var(--nuit);color:var(--creme);cursor:default;flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.panneau__liste{gap:var(--espace-2);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.panneau__motard{padding:var(--espace-1) var(--espace-2);font-family:var(--police-display);letter-spacing:var(--interlettre-display);background:var(--surface);border-radius:var(--rayon);font-size:1.25rem}.panneau__astuce,.panneau__diagnostic{max-width:24rem;font-size:var(--taille-micro);color:var(--texte-attenue);margin:0;line-height:1.6}.panneau__diagnostic{gap:var(--espace-2);text-align:left;align-items:center;display:flex}.panneau__diagnostic input{width:22px;height:22px;accent-color:var(--cuivre);flex:none}.panneau .bouton{margin-top:auto}.panneau .bouton+.bouton{margin-top:0}.panneau__modes{gap:var(--espace-2);border:0;flex-direction:column;width:min(100%,24rem);margin:0;padding:0;display:flex}.panneau__legende{padding:0 0 var(--espace-1);font-size:var(--taille-micro);text-transform:uppercase;letter-spacing:.16em;color:var(--texte-attenue)}.mode{gap:0 var(--espace-2);padding:var(--espace-2);text-align:left;background:var(--surface);border:var(--trait) solid transparent;border-radius:var(--rayon);cursor:pointer;grid-template-columns:auto 1fr;grid-template-areas:"radio nom""radio detail";display:grid}.mode--actif{border-color:var(--cuivre)}.mode input{width:22px;height:22px;accent-color:var(--cuivre);grid-area:radio;align-self:center}.mode__nom{font-family:var(--police-display);letter-spacing:var(--interlettre-display);color:var(--creme);grid-area:nom;font-size:1.35rem}.mode__detail{font-size:var(--taille-micro);color:var(--texte-attenue);grid-area:detail;line-height:1.5}.sensibilite{gap:var(--espace-1);padding:var(--espace-2);text-align:left;background:var(--nuit);border-radius:var(--rayon);flex-direction:column;display:flex}.sensibilite input[type=range]{width:100%;height:var(--cible-min);accent-color:var(--cuivre)}.sensibilite__reperes{font-size:var(--taille-micro);color:var(--texte-attenue);justify-content:space-between;display:flex}.jauge{background:var(--nuit);height:14px;box-shadow:var(--creux);border-radius:999px;position:relative;overflow:hidden}.jauge__barre{width:calc(var(--mesure,0) * 100%);background:var(--cuivre);border-radius:999px;transition:width 70ms linear;position:absolute;inset:0 auto 0 0}.jauge__seuil{top:0;bottom:0;left:calc(var(--seuil,.5) * 100%);background:var(--creme);width:2px;position:absolute}.jauge__titre{padding-top:var(--espace-2)}.journal{gap:var(--espace-1);flex-direction:column;display:flex}.journal__texte{max-height:40vh;padding:var(--espace-1);color:var(--texte-attenue);white-space:pre;background:var(--nuit);border-radius:var(--rayon);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem;line-height:1.4;overflow:auto}.session{height:100%;transition:background-color var(--duree-courte) ease-out;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;place-items:center;display:grid;position:relative}.session--silence{background:var(--nuit)}.session--attente{background:var(--cuir)}.session__details{top:max(var(--espace-2), env(safe-area-inset-top));right:var(--espace-2);width:var(--cible-min);height:var(--cible-min);font-family:var(--police-display);color:var(--creme);background:color-mix(in srgb, var(--nuit) 72%, transparent);border:var(--trait) solid color-mix(in srgb, var(--creme) 45%, transparent);cursor:pointer;border-radius:50%;place-items:center;font-size:1.75rem;display:grid;position:absolute}.session__attente{bottom:var(--espace-4);font-size:var(--taille-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--texte-attenue);margin:0;position:absolute}.session--panne{background:var(--nuit);padding:var(--espace-4) var(--espace-3)}.panne{gap:var(--espace-3);text-align:center;flex-direction:column;align-items:center;max-width:24rem;display:flex}.panne__titre{font-family:var(--police-display);font-size:2.25rem;font-weight:var(--graisse-display);letter-spacing:var(--interlettre-display);color:var(--ambre);margin:0;line-height:1}.panne__conduite{color:var(--texte-attenue);margin:0}.session--coupe:before{content:"";z-index:5;border:10px solid var(--coupe);pointer-events:none;position:absolute;inset:0}.session__coupe{bottom:max(var(--espace-3), env(safe-area-inset-bottom));z-index:6;padding:var(--espace-1) var(--espace-3);font-family:var(--police-display);letter-spacing:.1em;text-transform:uppercase;color:var(--creme);background:var(--coupe);border-radius:var(--rayon);margin:0;font-size:1.5rem;position:absolute}.grille{grid-template-columns:repeat(var(--colonnes,1), 1fr);width:100%;height:100%;padding:3px;padding-top:max(3px, env(safe-area-inset-top));padding-bottom:max(3px, env(safe-area-inset-bottom));gap:3px;display:grid}.tuile{background:var(--cuir);border-radius:var(--rayon);box-shadow:var(--relief);transition:background-color var(--duree-retombee) ease-out, box-shadow var(--duree-retombee) ease-out;animation:tuile-apparait .2s var(--courbe-mecanique) backwards;animation-delay:calc(var(--rang,0) * 30ms);place-items:center;display:grid;overflow:hidden}.tuile--parle{background:var(--teinte);box-shadow:none;transition-duration:0s}@keyframes tuile-apparait{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tuile__nom{font-family:var(--police-display);font-weight:var(--graisse-display);letter-spacing:var(--interlettre-display);text-align:center;padding:0 var(--espace-1);line-height:.9;font-size:min(13vh, calc(165vw / (var(--colonnes,1) * var(--longueur,5))));color:color-mix(in srgb, var(--creme) 45%, transparent);transition:color var(--duree-retombee) ease-out}.tuile--parle .tuile__nom{color:var(--nuit);transform:scale(calc(1 + var(--niveau,0) * .06));transition-duration:0s}.tuile--coupe{background:color-mix(in srgb, var(--coupe) 35%, var(--cuir))}.tuile--coupe .tuile__nom{color:color-mix(in srgb, var(--creme) 40%, transparent);text-decoration:line-through;text-decoration-thickness:.08em}