:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fond:#070b12;--panneau:#0e1624;--panneau-haut:#141f33;--trait:#1f2d45;--trait-fort:#2d4063;--texte:#e6edf8;--faible:#8ba0bf;--tres-faible:#5b6e8c;--entree:#4cc9f0;--sortie:#4ade80;--alerte:#fbbf24;--interdit:#fb7185;--r-petit:6px;--r:10px;--r-grand:14px;--titre:"IBM Plex Sans Condensed", "IBM Plex Sans", system-ui, sans-serif;--corps:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--fond);color:var(--texte);font-family:var(--corps);-webkit-text-size-adjust:100%;margin:0;font-size:15px;line-height:1.5}a{color:var(--entree);text-decoration:none}h1,h2,h3{font-family:var(--titre);text-wrap:balance;margin:0;line-height:1.15}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.2rem;font-weight:600}h3{font-size:1rem;font-weight:600}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.sous{color:var(--faible);font-size:.82rem}.barre-appli{z-index:20;height:52px;padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));background:color-mix(in srgb, var(--fond) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--trait);align-items:center;gap:.7rem;display:flex;position:sticky;top:0}.marque{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--texte);font-size:.78rem;font-weight:500}.marque b{color:var(--entree);font-weight:500}.temoin{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faible);align-items:center;gap:.4rem;margin-left:auto;font-size:.68rem;display:inline-flex}.temoin i{background:var(--sortie);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--sortie) 18%, transparent);border-radius:50%}.temoin.coupe{color:var(--alerte)}.temoin.coupe i{background:var(--alerte);box-shadow:0 0 0 3px color-mix(in srgb, var(--alerte) 18%, transparent)}.app{max-width:60rem;padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));margin:0 auto;padding-block:1.25rem 5rem}.entete{align-items:flex-start;gap:.85rem;margin-bottom:1rem;display:flex}.entete .titre{min-width:0;font-family:var(--titre);flex:1;font-size:1.4rem;font-weight:700}.entete .titre span{font-family:var(--corps);color:var(--faible);margin-top:.15rem;font-size:.8rem;font-weight:400;display:block}.retour{border:1px solid var(--trait);border-radius:var(--r);background:var(--panneau);width:38px;height:38px;color:var(--faible);flex:none;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.retour:hover{color:var(--texte);border-color:var(--trait-fort)}.jeton{font-family:var(--mono);letter-spacing:.08em;border:1px solid var(--trait-fort);border-radius:var(--r-petit);color:var(--entree);padding:.1rem .4rem;font-size:.72rem;display:inline-block}.stats{background:var(--trait);border:1px solid var(--trait);border-radius:var(--r);grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:1px;margin-bottom:1.1rem;display:grid;overflow:hidden}.stat{background:var(--panneau);flex-direction:column;gap:.1rem;min-width:0;padding:.6rem .7rem .55rem;display:flex}.stat b{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:500;line-height:1.1}.stat span{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tres-faible);white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;overflow:hidden}.stat.entree b{color:var(--entree)}.stat.sortie b{color:var(--sortie)}.stat.alerte b{color:var(--alerte)}.stat.interdit b{color:var(--interdit)}.onglets{border-bottom:1px solid var(--trait);scrollbar-width:none;gap:.2rem;margin-bottom:1.1rem;display:flex;overflow-x:auto}.onglets::-webkit-scrollbar{display:none}.onglets a{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faible);border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:.6rem .9rem;font-size:.74rem}.onglets a:hover{color:var(--texte)}.onglets a.actif{color:var(--entree);border-bottom-color:var(--entree)}.outils{border-bottom:1px solid var(--trait);flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:.9rem;display:flex}.carte{background:var(--panneau);border:1px solid var(--trait);border-radius:var(--r-grand);margin-bottom:.9rem;padding:.9rem}.carte>.tete{background:var(--panneau-haut);border-bottom:1px solid var(--trait);border-radius:var(--r-grand) var(--r-grand) 0 0;font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--faible);align-items:center;gap:.5rem;min-width:0;margin:-.9rem -.9rem .85rem;padding:.65rem .9rem;font-size:.72rem;font-weight:500;display:flex}.carte>.tete h3{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;min-width:0;margin:0}.carte.serree{padding:.75rem .9rem}.liste{display:grid}.ligne{align-items:center;gap:.6rem;min-width:0;display:flex}.ligne>.pousse{margin-left:auto}.rangee{border-top:1px solid var(--trait);align-items:center;gap:.7rem;min-width:0;min-height:48px;padding:.6rem 0;display:flex}.rangee:first-child{border-top:none}a>.rangee:hover{background:var(--panneau-haut);margin-inline:-.9rem;padding-inline:.9rem}.badge{border-radius:var(--r-petit);font-family:var(--mono);letter-spacing:.05em;font-variant-numeric:tabular-nums;background:var(--panneau-haut);border:1px solid var(--trait-fort);color:var(--faible);white-space:nowrap;align-items:center;gap:.25rem;padding:.12rem .45rem;font-size:.68rem;font-weight:500;display:inline-flex}.badge.ok{color:var(--sortie);border-color:color-mix(in srgb, var(--sortie) 38%, transparent);background:color-mix(in srgb, var(--sortie) 10%, var(--panneau))}.badge.attention{color:var(--alerte);border-color:color-mix(in srgb, var(--alerte) 38%, transparent);background:color-mix(in srgb, var(--alerte) 10%, var(--panneau))}.badge.danger{color:var(--interdit);border-color:color-mix(in srgb, var(--interdit) 38%, transparent);background:color-mix(in srgb, var(--interdit) 10%, var(--panneau))}.badge.accent{color:var(--entree);border-color:color-mix(in srgb, var(--entree) 38%, transparent);background:color-mix(in srgb, var(--entree) 10%, var(--panneau))}button,.bouton{border:1px solid var(--trait-fort);border-radius:var(--r);background:var(--panneau-haut);min-height:42px;color:var(--texte);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .95rem;font-weight:500;display:inline-flex}button:hover,.bouton:hover{border-color:var(--faible)}button:focus-visible,.bouton:focus-visible,a:focus-visible{outline:2px solid var(--entree);outline-offset:2px}button:disabled{opacity:.45;cursor:default}button.primaire{background:var(--entree);border-color:var(--entree);color:#06121b;font-weight:600}button.primaire:hover{background:color-mix(in srgb, var(--entree) 85%, #fff)}button.danger{color:var(--interdit);border-color:color-mix(in srgb, var(--interdit) 40%, transparent);background:0 0}button.plat{min-height:34px;color:var(--tres-faible);background:0 0;border:none;padding:.25rem .45rem}button.plat:hover{color:var(--texte)}button.petit{min-height:34px;padding:.3rem .6rem;font-size:.8rem}.boutons{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}label.champ{min-width:0;margin-bottom:.8rem;display:block}label.champ>span{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tres-faible);margin-bottom:.3rem;font-size:.66rem;display:block}input,select,textarea{background:var(--fond);width:100%;min-height:42px;color:var(--texte);border:1px solid var(--trait-fort);border-radius:var(--r);font:inherit;padding:.5rem .65rem}input::placeholder,textarea::placeholder{color:var(--tres-faible)}textarea{resize:vertical;min-height:76px}input:focus,select:focus,textarea:focus{outline:2px solid var(--entree);outline-offset:-1px;border-color:var(--entree)}input[type=file]{padding:.45rem;font-size:.85rem}.duo{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.trio{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}@media (width<=540px){.trio{grid-template-columns:1fr 1fr}}.alerte{border-radius:var(--r);border:1px solid color-mix(in srgb, var(--interdit) 40%, transparent);background:color-mix(in srgb, var(--interdit) 10%, var(--panneau));color:#ffe0e4;border-left-width:3px;margin-bottom:.8rem;padding:.65rem .8rem;font-size:.87rem}.info{border-radius:var(--r);border:1px solid var(--trait);border-left:3px solid var(--entree);background:var(--panneau-haut);color:var(--faible);margin:.7rem 0;padding:.65rem .8rem;font-size:.85rem}.info strong{color:var(--texte)}.vide{text-align:center;border:1px dashed var(--trait-fort);border-radius:var(--r-grand);background:var(--panneau);color:var(--faible);place-items:center;gap:.5rem;margin:0;padding:2.5rem 1.25rem;font-size:.9rem;display:grid}.vide b{font-family:var(--titre);color:var(--texte);font-size:1.05rem;font-weight:600;display:block}.vide:before{content:"";border:2px solid var(--trait-fort);border-radius:var(--r-petit);background:linear-gradient(var(--trait-fort), var(--trait-fort)) 50% 30% / 60% 2px no-repeat, linear-gradient(var(--trait-fort), var(--trait-fort)) 50% 55% / 60% 2px no-repeat, linear-gradient(var(--trait-fort), var(--trait-fort)) 50% 80% / 35% 2px no-repeat;width:34px;height:34px}.attente-barre{background:linear-gradient(90deg, transparent, var(--entree), transparent);z-index:50;height:2px;animation:1.1s ease-in-out infinite balayage;position:fixed;inset:0 0 auto}@keyframes balayage{0%{opacity:.25}50%{opacity:1}to{opacity:.25}}.hors-ligne{z-index:40;padding:.6rem max(16px, env(safe-area-inset-left,0px)) calc(.6rem + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-right,0px));text-align:center;font-family:var(--mono);letter-spacing:.04em;background:var(--alerte);color:#2e1f00;cursor:pointer;font-size:.76rem;font-weight:500;position:fixed;bottom:0;left:0;right:0}.vignettes{flex-wrap:wrap;gap:.45rem;display:flex}.vignettes img{object-fit:cover;border-radius:var(--r-petit);border:1px solid var(--trait-fort);width:78px;height:78px}.modale-fond{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03060ec7;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modale{background:var(--panneau);border:1px solid var(--trait-fort);border-radius:var(--r-grand) var(--r-grand) 0 0;width:100%;max-width:34rem;max-height:92vh;padding:1rem max(16px, env(safe-area-inset-left,0px)) calc(1.4rem + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-right,0px));overflow:auto}.modale h2{font-size:1.1rem}@media (width>=560px){.modale-fond{align-items:center;padding:1rem}.modale{border-radius:var(--r-grand);padding-bottom:1.4rem}}@media (prefers-reduced-motion:reduce){.attente-barre{animation:none}*{transition:none!important}}