:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.app{color:#e6e8ef;min-height:100svh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background-color:#0a0e18;background-position:50%;background-size:cover;flex-direction:column;font-family:system-ui,sans-serif;display:flex}.app__entete{justify-content:flex-end;padding:.75rem;display:flex}.app__contenu{flex-direction:column;flex:1;gap:1rem;padding:0 1rem 1rem;display:flex;overflow-y:auto}.app__bouton-saisie{color:inherit;background:0 0;border:1px solid;padding:.9rem;font-size:1rem;font-weight:700}.app__gain,.app__rappel-export{text-align:center;border:1px solid;padding:.6rem;font-size:.85rem}.app__gain p,.app__rappel-export p{margin:.15rem 0}.app__pied{flex-direction:column;align-items:center;padding:0 1rem .5rem;display:flex}.app__bouton-dev{color:inherit;opacity:.35;background:0 0;border:none;padding:.3rem;font-size:.65rem}.app__barre-onglets{border-top:1px solid;display:flex}.app__onglet{color:inherit;opacity:.55;background:0 0;border:none;flex:1;padding:.4rem;font-size:.7rem}.app__onglet--actif{opacity:1;font-weight:700}.rank-badge{border:1px solid;border-radius:8px;flex-direction:column;align-items:center;padding:.4rem .7rem;line-height:1;display:inline-flex}.rank-badge__label{text-transform:uppercase;letter-spacing:.05em;font-size:.6rem}.rank-badge__valeur{font-size:1.1rem;font-weight:700}.xp-bar{width:100%}.xp-bar__ligne{justify-content:space-between;align-items:baseline;margin-bottom:.25rem;font-size:.85rem;display:flex}.xp-bar__niveau{font-weight:700}.xp-bar__piste{border:1px solid;border-radius:5px;width:100%;height:10px;overflow:hidden}.xp-bar__remplissage{background:currentColor;height:100%}.etat-badge{flex-direction:column;gap:.35rem;display:flex}.etat-badge__etat{border:1px solid;border-radius:999px;align-self:flex-start;padding:.15rem .5rem;font-size:.85rem;font-weight:700}.etat-badge__portes{font-size:.8rem}.etat-badge__portes p{margin:.15rem 0}.stats-panel{flex-direction:column;gap:.5rem;display:flex}.stats-panel__ligne{grid-template-columns:5.5rem 1fr 2.5rem;align-items:center;gap:.5rem;font-size:.85rem;display:grid}.stats-panel__piste{border:1px solid;border-radius:4px;height:8px;overflow:hidden}.stats-panel__remplissage{background:currentColor;height:100%}.stats-panel__valeur{text-align:right;font-variant-numeric:tabular-nums}.sortie-modal__fond{z-index:20;background:#0000008c;align-items:flex-end;display:flex;position:fixed;inset:0}.sortie-modal__feuille{width:100%;max-height:92vh;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));background:#10131e;flex-direction:column;gap:.9rem;display:flex;overflow-y:auto}.sortie-modal__champ{flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.sortie-modal__etiquette{display:block}.sortie-modal__champ input[type=text],.sortie-modal__champ input[type=date],.sortie-modal__champ textarea{padding:.4rem;font-size:1rem}.sortie-modal__rpe{grid-template-columns:repeat(5,1fr);gap:.35rem;display:grid}.sortie-modal__rpe-bouton{color:inherit;background:0 0;border:1px solid;padding:.5rem 0}.sortie-modal__rpe-bouton--actif{border-width:2px;font-weight:700}.sortie-modal__equipements{flex-direction:column;gap:.25rem;display:flex}.sortie-modal__equipement{align-items:center;gap:.4rem;font-size:.85rem;display:flex}.sortie-modal__note-vide{margin:0;font-size:.8rem}.sortie-modal__erreur{margin:0;font-size:.85rem}.sortie-modal__actions{justify-content:space-between;gap:.5rem;margin-top:.5rem;display:flex}.sortie-modal__actions button{flex:1;padding:.6rem;font-size:1rem}.check-forme__fond{z-index:30;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.check-forme__feuille{width:100%;max-width:22rem;max-height:92vh;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:calc(1rem + env(safe-area-inset-bottom));text-align:center;background:#10131e;flex-direction:column;align-items:center;gap:.75rem;display:flex;overflow-y:auto}.check-forme__valeurs{grid-template-columns:repeat(5,1fr);gap:.4rem;width:100%;display:grid}.check-forme__valeurs button{color:inherit;background:0 0;border:1px solid;padding:.6rem 0;font-size:1.1rem}.check-forme__passer{color:inherit;background:0 0;border:none;font-size:.85rem;text-decoration:underline}.export-import{justify-content:center;gap:1rem;padding:.5rem 0;font-size:.75rem;display:flex}.export-import button{color:inherit;background:0 0;border:none;padding:.3rem;text-decoration:underline}.forme-tendance{justify-content:center;align-items:center;gap:.3rem;padding:.4rem 0;display:flex}.forme-tendance__point{background:currentColor;border-radius:50%;width:6px;height:6px}.dev-panel__fond{z-index:40;background:#0000008c;align-items:flex-end;display:flex;position:fixed;inset:0}.dev-panel__feuille{width:100%;max-height:92vh;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));background:#10131e;flex-direction:column;gap:.75rem;display:flex;overflow-y:auto}.dev-panel__actions{flex-direction:column;gap:.5rem;display:flex}.dev-panel__actions button{color:inherit;text-align:left;background:0 0;border:1px solid;padding:.7rem;font-size:.9rem}.dev-panel__json{white-space:pre-wrap;word-break:break-word;border:1px solid;max-height:60vh;padding:.6rem;font-size:.7rem;overflow-y:auto}.dev-panel__fermer{color:inherit;background:0 0;border:none;align-self:center;padding:.4rem;font-size:.8rem;text-decoration:underline}
