:root{--sa-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--sa-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--sa-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));--sa-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px))}:root{color-scheme:dark;--fond: #1b1410;--carte: #27201a;--bord: #3d322a;--texte: #f3e9dc;--braise: #e0732b;--braise-sombre: #b85a1e;--cendre: #8d7d6f;--erreur: #d96c6c;--succes: #8fc98f;--blanc: #fff;--fond-portrait: #2a211b;font-family:system-ui,sans-serif;background:var(--fond);color:var(--texte)}body{margin:0;min-height:100dvh;padding:var(--sa-top) var(--sa-right) var(--sa-bottom) var(--sa-left)}.appli{max-width:640px;margin:0 auto;padding:0 1rem 2rem}.barre{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--bord)}.barre h1{margin:0;font-size:1.5rem}.bouton-lien{font:inherit;color:var(--texte);background:none;border:none;padding:.25rem .5rem;cursor:pointer;border-radius:8px}.bouton-lien[aria-current=page]{color:var(--braise)}.barre h1 .bouton-lien{color:var(--braise);font-size:inherit;font-weight:700}.barre nav{display:flex;gap:.25rem;white-space:nowrap}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:.9rem}.carte h1,.carte h3,.carte p{margin:0}.carte label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--cendre)}.carte input,.carte select,.carte textarea{font:inherit;color:var(--texte);background:var(--fond);border:1px solid var(--bord);border-radius:10px;padding:.6rem .75rem}.carte textarea{resize:vertical}.carte input:focus,.carte select:focus,.carte textarea:focus{outline:2px solid var(--braise);outline-offset:1px}.bouton{font:inherit;font-weight:600;color:var(--texte);background:var(--fond);border:1px solid var(--bord);border-radius:10px;padding:.6rem 1rem;cursor:pointer}.bouton-principal{background:var(--braise);border-color:var(--braise);color:var(--blanc)}.bouton-principal:hover{background:var(--braise-sombre)}.bouton:disabled{opacity:.6;cursor:default}.indication{color:var(--cendre);font-size:.85rem}.erreur{color:var(--erreur);font-size:.9rem}.succes{color:var(--succes);font-size:.9rem}.ecran-connexion{min-height:100dvh;display:grid;place-items:center;padding:1rem}.ecran-connexion .carte{width:min(380px,100%)}.ecran-connexion h1{color:var(--braise);font-size:2rem;text-align:center}.parametres{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.parametres h2{margin:0}.parametres .role{color:var(--cendre)}.pied-parametres{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.pied-parametres p{margin:0}.serveur{color:var(--cendre)}.serveur[data-status=joignable]{color:var(--succes)}.serveur[data-status=injoignable]{color:var(--erreur)}.serveur small{display:block;margin-top:.25rem;word-break:break-all}.comptes{display:flex;flex-direction:column;gap:1rem}.liste-comptes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.liste-comptes li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.6rem 0;border-top:1px solid var(--bord)}.compte-identite{display:flex;flex-direction:column;gap:.15rem;font-size:.95rem}.compte-identite .role{font-size:.85rem}.liste-comptes li[data-status=desactive] strong{color:var(--cendre);text-decoration:line-through}.liste-comptes li[data-status=invitation_en_attente] .etat{color:var(--braise)}.liste-comptes li[data-status=invitation_expiree] .etat{color:var(--erreur)}.compte-actions{display:flex;gap:.5rem;flex-wrap:wrap}.compte-actions .bouton{padding:.4rem .75rem;font-size:.9rem}.lien-invitation{border-color:var(--braise)}.lien-invitation input{word-break:break-all;font-size:.85rem}.mise-a-jour .actions{display:flex;flex-wrap:wrap;gap:.5rem}.notes-de-version summary{cursor:pointer;color:var(--cendre)}.notes-de-version pre{max-height:10rem;overflow:auto;white-space:pre-wrap;font-size:.85rem;color:var(--cendre);background:var(--fond);border:1px solid var(--bord);border-radius:6px;padding:.5rem;margin:.5rem 0 0}.progression-telechargement{width:100%;accent-color:var(--braise)}.personnages{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.entete-section{display:flex;align-items:center;justify-content:space-between;gap:1rem}.entete-section h2,.groupe-personnages h3{margin:0}.groupe-personnages h3{color:var(--cendre);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.liste-personnages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.ligne-personnage{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;font:inherit;color:var(--texte);background:var(--carte);border:1px solid var(--bord);border-radius:12px;padding:.8rem 1rem;cursor:pointer;text-align:left}.ligne-personnage:hover{border-color:var(--braise)}.ligne-personnage .nom{flex:1;font-weight:600}.ligne-personnage .joueur{color:var(--cendre);font-size:.85rem}.fiche-personnage h2{margin:0 0 .25rem}.fiche-personnage .description{white-space:pre-wrap;line-height:1.5}.actions{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.bouton-danger{color:var(--erreur);border-color:var(--erreur)}.bandeau-personnage{text-align:left;margin-bottom:1.5rem;border-color:var(--braise)}.portrait{display:block;background:var(--fond-portrait);border:1px solid var(--bord);object-fit:contain}.portrait-vignette{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.portrait-grand{width:min(100%,300px);aspect-ratio:1;border-radius:16px;margin:0 auto .75rem}.fiche-personnage header{text-align:center}.choix-portrait{display:flex;flex-direction:column;align-items:center;gap:.6rem}.choix-portrait .portrait-grand{width:min(100%,200px);margin-bottom:0}.actions-portrait{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.partie-privee{display:flex;flex-direction:column;gap:.9rem;padding-top:.9rem;border-top:1px solid var(--bord)}.partie-privee h3,.section-privee h4{margin:0}.section-privee h4{color:var(--cendre);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.contenu-partie-privee,.section-privee{display:flex;flex-direction:column;gap:.75rem}.etat-enregistrement{align-self:flex-end;margin:0;font-size:.8rem;color:var(--cendre);min-height:1.2em}.etat-enregistrement.etat-enregistre{color:var(--succes)}.etat-enregistrement.etat-erreur,.etat-enregistrement.etat-erreur .bouton-lien{color:var(--erreur);font-size:inherit;padding:0;text-decoration:underline}.valeur{display:flex;flex-direction:column;gap:.4rem;background:var(--fond);border:1px solid var(--bord);border-radius:12px;padding:.6rem .75rem}.ligne-valeur{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ligne-valeur .libelle{font-size:1.1rem;font-weight:600;display:flex;flex-direction:column}.ligne-valeur .libelle small{font-weight:400;color:var(--cendre);font-size:.8rem}.ligne-valeur.degats .libelle{font-size:.95rem;color:var(--cendre)}.pas{display:flex;align-items:center;gap:.5rem}.bouton-pas{width:56px;height:56px;padding:0;font-size:1.8rem;line-height:1;background:var(--carte);border-color:var(--cendre)}.bouton-pas:not(:disabled):active{background:var(--braise-sombre);border-color:var(--braise)}.pas-compact .bouton-pas{width:44px;height:44px;font-size:1.4rem}.pas .chiffre{min-width:2.2ch;text-align:center;font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}.pas-compact .chiffre{font-size:1.4rem;color:var(--erreur)}.valeur-texte{color:var(--texte);font-size:inherit}.valeur-texte .libelle-texte{font-size:.9rem;color:var(--cendre)}.valeur-texte input{font-size:1.1rem;background:var(--carte)}.conditions{display:flex;flex-wrap:wrap;gap:.6rem}.condition{display:flex;align-items:center;gap:.6rem;min-height:56px;padding:.6rem 1rem;font-size:1.05rem;border-color:var(--cendre)}.condition .coche{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border:2px solid var(--cendre);border-radius:6px;font-size:1.1rem;line-height:1}.condition[aria-pressed=true]{background:var(--braise);border-color:var(--braise);color:var(--blanc)}.condition[aria-pressed=true] .coche{border-color:var(--blanc)}.inventaire .objets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.objet{display:flex;flex-direction:column;gap:.5rem;background:var(--fond);border:1px solid var(--bord);border-radius:12px;padding:.6rem .75rem}.objet-nom{overflow-wrap:anywhere}.objet-pied{display:flex;align-items:center;gap:.6rem}.objet-pied .objet-precision{flex:1;min-width:0;background:var(--carte)}.objet-retrait{min-height:44px;padding:.4rem .75rem;font-size:.9rem;white-space:nowrap}.objet-retire{flex-direction:row;align-items:center;justify-content:space-between;min-height:56px;color:var(--cendre);border-style:dashed}.annuler-retrait{color:var(--braise);font-weight:600;text-decoration:underline;min-height:44px}.ajout-objet{display:flex;gap:.6rem;align-items:stretch}.ajout-objet input{flex:1;min-width:0;font-size:1.1rem;background:var(--carte)}.ajout-objet .bouton{min-height:56px;padding:.6rem 1.1rem;font-size:1.05rem;white-space:nowrap}.notes{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--bord)}.notes h4,.notes h5{margin:0}.notes h5{font-size:.85rem;font-weight:600;color:var(--cendre);text-transform:capitalize}.notes-jour{display:flex;flex-direction:column;gap:.4rem}.notes-jour ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.note{display:flex;align-items:baseline;gap:.6rem;padding:.5rem .6rem;background:var(--fond);border:1px solid var(--bord);border-radius:12px}.note .heure{flex:none;font-size:.8rem;color:var(--cendre);font-variant-numeric:tabular-nums}.note .texte{flex:1;white-space:pre-wrap;overflow-wrap:anywhere}.note .supprimer{flex:none;min-width:44px;min-height:44px;margin:-.5rem -.6rem -.5rem 0;font-size:1.4rem;line-height:1;color:var(--cendre);align-self:center}.note-supprimee{color:var(--cendre);border-style:dashed}.note-supprimee .annuler{color:var(--braise);font-weight:600}.notes-saisie{position:sticky;bottom:var(--sa-bottom);display:flex;gap:.5rem;padding:.6rem 0;background:var(--carte)}.notes-saisie input{flex:1;min-width:0;min-height:44px}.feu{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.enregistreur select{font:inherit;color:var(--texte);background:var(--fond);border:1px solid var(--bord);border-radius:10px;padding:.6rem .75rem}.enregistreur input[type=date]{color-scheme:dark}.bouton-micro{padding:.9rem 1rem;font-size:1.05rem}.compteur{display:flex;align-items:baseline;gap:.5rem;font-size:2rem;font-variant-numeric:tabular-nums;font-weight:700}.compteur .limite{font-size:1rem;font-weight:400;color:var(--cendre)}.point-rouge{width:.8rem;height:.8rem;border-radius:50%;background:var(--erreur);align-self:center;animation:pulsation 1s ease-in-out infinite alternate}@keyframes pulsation{0%{opacity:1}to{opacity:.3}}@media(prefers-reduced-motion:reduce){.point-rouge{animation:none}}.pre-ecoute{width:100%}.progression-envoi{display:flex;align-items:center;gap:.6rem}.progression-envoi progress{flex:1;accent-color:var(--braise)}.diagnostic{color:var(--cendre);font-size:.75rem;margin:0}.tirer-pour-rafraichir{margin:0;overflow:hidden;height:0;display:flex;align-items:flex-end;justify-content:center;color:var(--cendre);font-size:.85rem;transition:height .15s ease-out}.tirer-pour-rafraichir[data-visible=false]{visibility:hidden}.journee{display:flex;flex-direction:column;gap:.6rem}.entete-journee{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.5rem;border-top:1px solid var(--bord)}.entete-journee h3{margin:0;font-size:.95rem;font-weight:600;color:var(--braise);text-transform:capitalize}.liste-messages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.message{gap:.6rem;padding:1rem 1.1rem}.entete-message{display:flex;align-items:center;gap:.75rem}.entete-message .signataire{flex:1}.heure-depot{color:var(--cendre);font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}.pied-message{display:flex;align-items:center;justify-content:space-between;gap:1rem}.message .deplacer-jour{flex-direction:row;align-items:center;gap:.5rem;font-size:.8rem}.message .deplacer-jour input[type=date]{color-scheme:dark;font-size:.8rem;padding:.25rem .5rem;color:var(--cendre)}.pied-message .supprimer{color:var(--erreur);padding:0}.lecteur{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem}.lecteur .erreur{grid-column:1 / -1;margin:0}.bouton-lecture{width:2.6rem;height:2.6rem;padding:0;border-radius:50%;display:grid;place-items:center;font-size:.9rem}.lecteur[data-playing=true] .bouton-lecture{border-color:var(--braise);color:var(--braise)}.curseur-lecture{width:100%;accent-color:var(--braise);height:2rem;margin:0;cursor:pointer}.temps{color:var(--cendre);font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}.deposer{display:flex;flex-direction:column;gap:.6rem}.choix-mode{display:flex;gap:.5rem;margin:0;padding:0;border:0}.choix-mode legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.choix-mode .bouton{flex:1;min-height:44px}.choix-mode .bouton[aria-pressed=true]{border-color:var(--braise);color:var(--braise);font-weight:600}.ecrivain textarea{min-height:7rem;line-height:1.5}.compte-caracteres{align-self:flex-end;color:var(--cendre);font-size:.75rem;font-variant-numeric:tabular-nums}.facultatif{font-weight:400;color:var(--cendre)}.signataire-bloc{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.didascalie{color:var(--cendre);font-size:.85rem;font-style:italic;overflow-wrap:anywhere}.texte-message{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.message .saisie-didascalie{font-size:.8rem}.message .saisie-didascalie input{font-size:.9rem;font-style:italic;padding:.4rem .6rem}.gestes-auteur{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem 1rem;min-width:0}.pied-message .modifier-didascalie{padding:0;font-size:.8rem;color:var(--cendre)}.animation-du-feu{display:block;width:min(40vw,192px);height:auto;aspect-ratio:1;margin:0 auto -.5rem;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.ecouter-journee{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;padding:.4rem .75rem;font-size:.85rem;white-space:nowrap}.ecouter-journee .nombre{font-size:.7rem;font-weight:400;color:var(--cendre)}.ecouter-journee[aria-pressed=true]{border-color:var(--braise);color:var(--braise)}.pied-feu{display:flex;justify-content:center;padding:.5rem 0 1rem;text-align:center}.feu[data-barre=true]{padding-bottom:calc(6rem + var(--sa-bottom))}.barre-lecture{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--carte);border-top:1px solid var(--bord);box-shadow:0 -6px 18px #00000059;padding-bottom:var(--sa-bottom)}.barre-lecture .progression-fine{height:3px;background:var(--bord)}.barre-lecture .progression-fine span{display:block;height:100%;background:var(--braise);transition:width .25s linear}.barre-lecture-contenu{max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem calc(1rem + var(--sa-right)) .6rem calc(1rem + var(--sa-left))}.barre-lecture .en-cours{display:flex;flex-direction:column;min-width:0;gap:.1rem}.barre-lecture .en-cours .signataire{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barre-lecture .detail{color:var(--cendre);font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barre-lecture .commandes{display:flex;align-items:center;gap:.35rem;flex:none}.barre-lecture .bouton-lecture.principal{width:3rem;height:3rem;border-color:var(--braise);color:var(--braise)}.barre-lecture .fermer{min-width:44px;min-height:44px;color:var(--cendre);font-size:1.1rem}