:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--nuit:#0f1a2e;--bois:#14213a;--bois-clair:#1f2e4d;--papier:#ede4d0;--encre:#1a1f2b;--encre-douce:#4d5568;--sang:#c62a1f;--sang-sombre:#6e140f;--laiton:#f0b04a;--texte:#ede4d0;--texte-doux:#a3b2c9;--ligne:#2c3d5f;--gaz:#f0b04a38;--titre:"Fraunces", Georgia, serif;--plume:"Fraunces", Georgia, serif;--corps:"Fraunces", Georgia, "Times New Roman", serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{background:var(--nuit);height:100%;color:var(--texte);margin:0}body{font:17px/1.5 var(--corps);font-variation-settings:"SOFT" 50, "opsz" 14;overflow:hidden}.appli:after,.accueil:after{content:"";background-image:var(--grain);opacity:.16;mix-blend-mode:overlay;pointer-events:none;z-index:30;position:absolute;inset:0}.accueil{position:relative}button{font:inherit;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--laiton);outline-offset:2px}.appli{background:var(--bois);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);width:100%;max-width:480px;height:100dvh;margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 0 60px #0009}.appli>*{min-width:0}.barre{padding:10px 12px 8px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:var(--nuit);border-bottom:1px solid var(--ligne);align-items:center;gap:8px;display:flex}.barre .lieu{min-width:0;font:italic 14px/1.2 var(--titre);color:var(--laiton);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.icone{border:1px solid var(--ligne);font:600 14px/1 var(--titre);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.pastille{background:var(--sang);color:#f6eddc;min-width:18px;height:18px;font:12px/18px var(--corps);text-align:center;border-radius:999px;padding:0 4px}.scene{background:#0d0a09;height:38dvh;min-height:220px;position:relative;overflow:hidden}.scene .portrait{filter:grayscale()sepia(.55)hue-rotate(185deg)saturate(1.7)brightness(.82)contrast(1.15);background-position:50% 22%;background-size:cover;animation:16s ease-in-out infinite alternate souffle;position:absolute;inset:-4%}.scene .lampe{background:radial-gradient(ellipse 70% 55% at 50% 14%, var(--gaz), transparent 70%);mix-blend-mode:screen;pointer-events:none;animation:5.3s step-end infinite flamme;position:absolute;inset:0}.scene .voile{pointer-events:none;background:linear-gradient(#0f1a2e00 40%,#0f1a2ef2 100%),radial-gradient(#0000 50%,#050a1499 100%);position:absolute;inset:0}.scene .legende{justify-content:space-between;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:10px;left:14px;right:14px}.scene .nom{font:900 30px/1 var(--titre);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;color:var(--sang);text-shadow:2px 2px 0 var(--sang-sombre), 0 3px 14px #000000d9;letter-spacing:-.01em}.scene .nom small{font:italic 400 15px/1.3 var(--corps);color:var(--papier);text-shadow:0 1px 6px #000000e6;letter-spacing:0;margin-top:4px;display:block}.fiche-btn{border:1px solid var(--laiton);color:var(--laiton);font:600 14px/1 var(--titre);cursor:pointer;white-space:nowrap;background:#0f1a2ebf;border-radius:999px;padding:7px 13px}.suspects{gap:8px;display:flex;position:absolute;top:10px;left:10px}.avatar{cursor:pointer;filter:grayscale()sepia(.5)hue-rotate(185deg)saturate(1.5)brightness(.95);background-position:50% 20%;background-size:cover;border:2px solid #ede4d059;border-radius:50%;width:44px;height:44px;padding:0;box-shadow:0 2px 8px #0009}.avatar[aria-pressed=true]{border-color:var(--laiton)}@keyframes souffle{50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--laiton) 25%, transparent)}}@keyframes flamme{0%{opacity:.9}17%{opacity:.75}31%{opacity:1}52%{opacity:.82}68%{opacity:.95}83%{opacity:.7}to{opacity:.9}}@media (prefers-reduced-motion:reduce){.scene .portrait,.scene .lampe{animation:none}}.fil{overscroll-behavior:contain;flex-direction:column;gap:10px;padding:14px 14px 8px;display:flex;overflow-y:auto}.bulle{overflow-wrap:anywhere;white-space:pre-wrap;border-radius:14px;max-width:86%;padding:9px 12px;animation:.25s ease-out apparait}.bulle.suspect{background:var(--grain), var(--papier);background-blend-mode:soft-light;color:var(--encre);font:17px/1.5 var(--plume);border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 2px #00000059}.bulle.joueur{background:var(--bois-clair);border:1px solid var(--ligne);border-bottom-right-radius:4px;align-self:flex-end}.bulle .geste{font:italic 14px/1.3 var(--corps);color:var(--sang);margin-bottom:3px;display:block}.bulle.systeme{color:var(--texte-doux);text-align:center;background:0 0;align-self:center;font-size:15px;font-style:italic}.bulle.wren{border:1px dashed var(--laiton);max-width:92%;color:var(--laiton);font:italic 15px/1.4 var(--corps);text-align:center;background:0 0;align-self:center}.note-carnet{font:600 13px/1.2 var(--titre);color:var(--sang);background:var(--papier);cursor:pointer;border:0;border-radius:999px;align-self:flex-start;margin-top:-4px;padding:4px 10px}@keyframes apparait{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.bulle{animation:none}}.actions{border-top:1px solid var(--ligne);background:var(--nuit);padding:8px 10px calc(10px + env(safe-area-inset-bottom,0px));gap:6px;display:grid}.actions .rangee{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.actions button{border:1px solid var(--ligne);background:var(--bois-clair);height:46px;font:600 15px/1 var(--titre);cursor:pointer;border-radius:12px}.actions button.fort{background:var(--sang);border-color:var(--sang);color:#f6eddc}.actions button:disabled{opacity:.5;cursor:default}.ligne-saisie{align-items:flex-end;gap:8px;display:flex}.ligne-saisie textarea{resize:none;min-width:0;height:44px;max-height:120px;font:17px/1.35 var(--corps);background:var(--bois-clair);color:var(--texte);border:1px solid var(--ligne);border-radius:22px;flex:1;padding:11px 14px}.actions .envoyer{background:var(--sang);height:44px;color:var(--papier);box-shadow:2px 2px 0 var(--sang-sombre);border:0;border-radius:22px;flex:none;padding:0 18px}.actions .etat{color:var(--texte-doux);text-align:center;margin:0;font-size:13px}.actions .etat.vif{color:var(--laiton);font-style:italic}.actions .micro{cursor:pointer}.actions .micro.ecoute{background:var(--laiton);color:var(--encre);animation:1.4s ease-in-out infinite souffle}.actions .micro.reflexion,.actions .micro.parle{background:var(--bois-clair);color:var(--texte);border:1px solid var(--laiton)}@media (prefers-reduced-motion:reduce){.actions .micro.ecoute{animation:none}}.bulle.joueur.provisoire{opacity:.8;min-width:150px;font-style:italic}.jauge{background:var(--ligne);border-radius:3px;height:5px;margin-top:6px;display:block;overflow:hidden}.jauge span{background:var(--laiton);height:100%;transition:width 80ms linear;display:block}.fond{z-index:20;cursor:default;background:#0000008c;border:0;width:100%;padding:0;position:absolute;inset:0}.volet{background:var(--bois);border-top:1px solid var(--laiton);z-index:21;max-height:86%;padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;gap:12px;display:grid;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.volet h2{font:400 20px/1.2 var(--titre);letter-spacing:.05em;color:var(--laiton);justify-content:space-between;align-items:center;gap:10px;margin:0;display:flex}.volet h2 button{color:var(--texte-doux);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:24px}.volet h3{font:400 15px/1.2 var(--titre);letter-spacing:.08em;color:var(--texte-doux);margin:4px 0 0}.choix{gap:8px;display:grid}.choix button{text-align:left;background:var(--bois-clair);border:1px solid var(--ligne);cursor:pointer;border-radius:10px;padding:10px 12px}.choix button[aria-pressed=true]{border-color:var(--sang);background:#3a1d19}.puces{flex-wrap:wrap;gap:8px;display:flex}.puces button{background:var(--bois-clair);border:1px solid var(--ligne);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:15px}.puces button[aria-pressed=true]{border-color:var(--sang);background:var(--sang);color:#f6eddc}.champ{font:17px/1.3 var(--corps);background:var(--bois-clair);color:var(--texte);border:1px solid var(--ligne);border-radius:10px;width:100%;padding:10px 12px}textarea.champ{resize:vertical;min-height:120px}.fiche-papier{background:var(--papier);color:var(--encre);border-radius:4px;gap:6px;padding:14px;display:grid}.fiche-papier dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:0;font-size:15px;display:grid}.fiche-papier dt{font:13px/1.6 var(--titre);color:var(--sang);letter-spacing:.05em}.fiche-papier dd{margin:0}.fiche-papier .decl{font:italic 17px/1.5 var(--plume);margin:6px 0 0}.carnet-liste{gap:10px;margin:0;padding:0;list-style:none;display:grid}.carnet-liste li{background:var(--papier);color:var(--encre);border-left:3px solid var(--sang);border-radius:3px;padding:9px 11px}.carnet-liste b{font:400 13px/1.2 var(--titre);letter-spacing:.06em;color:var(--sang);margin-bottom:3px;display:block}.carnet-liste .cit{font:italic 14px/1.4 var(--plume);color:var(--encre-douce);margin-top:4px;display:block}.doux{color:var(--texte-doux);margin:0;font-size:15px}.palier{background:var(--papier);color:var(--encre);border-radius:3px;margin:0;padding:9px 11px}.bouton-large{background:var(--bois-clair);border:1px solid var(--laiton);cursor:pointer;font:15px/1 var(--titre);letter-spacing:.05em;border-radius:10px;width:100%;padding:12px}.bouton-large.fort{background:var(--sang);border-color:var(--sang);color:#f6eddc}.bouton-large:disabled{opacity:.5;cursor:default}.apercu{background:var(--papier);color:var(--encre);font:italic 17px/1.45 var(--plume);border-radius:4px;margin:0;padding:10px 12px}.erreur{color:#e88a7f;margin:0;font-size:15px}.accueil{background:radial-gradient(ellipse 80% 45% at 50% 0%, #ffbe6e21, transparent 70%), var(--nuit);max-width:480px;height:100dvh;padding:calc(40px + env(safe-area-inset-top,0px)) 22px 30px;align-content:start;gap:18px;margin:0 auto;display:grid;overflow-y:auto}.accueil .editeur{font:italic 15px/1 var(--titre);color:var(--laiton);text-align:center;margin:0}.accueil h1{font:900 50px/.95 var(--titre);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;color:var(--sang);text-shadow:3px 3px 0 var(--sang-sombre);text-align:center;letter-spacing:-.01em;margin:4px 0 0}.accueil h1 small{font:italic 400 22px/1.2 var(--titre);color:var(--papier);text-shadow:none;margin-bottom:6px;display:block}.accueil .sous{font:italic 18px/1.4 var(--plume);color:var(--texte-doux);text-align:center;margin:0}.accueil .lanterne{background:radial-gradient(circle,#ffc878e6 0 18%,#ffaa5059 38%,#0000 70%);border-radius:50%;width:64px;height:64px;margin:0 auto;animation:5.3s step-end infinite flamme}.accueil form,.accueil section{gap:10px;display:grid}.accueil label{font:14px/1.2 var(--titre);letter-spacing:.08em;color:var(--texte-doux)}.grades{gap:8px;display:grid}.grades button{text-align:left;background:var(--bois-clair);border:1px solid var(--ligne);cursor:pointer;border-radius:10px;padding:10px 12px}.grades button[aria-pressed=true]{border-color:var(--laiton)}.grades small{color:var(--texte-doux);font-size:14px;display:block}.bilan{gap:10px;display:grid}.bilan .sceau{font:400 22px/1.2 var(--titre);color:var(--laiton);text-align:center;margin:0}.banc{align-content:start;gap:18px;max-width:960px;height:100dvh;margin:0 auto;padding:24px 16px 60px;display:grid;overflow-y:auto}.banc h1{font:400 30px/1.1 var(--titre);margin:0}.banc h2{font:400 20px/1.2 var(--titre);color:var(--laiton);margin:0 0 6px}.banc section{border-top:1px solid var(--ligne);gap:10px;padding-top:14px;display:grid}.banc button{background:var(--bois-clair);border:1px solid var(--ligne);cursor:pointer;border-radius:8px;padding:6px 10px}.banc button:disabled{opacity:.5;cursor:default}.banc .puces button[aria-pressed=true]{border-color:var(--sang);background:var(--sang);color:#f6eddc}.tableau{border-collapse:collapse;width:100%;font-size:14px;display:block;overflow-x:auto}.tableau th,.tableau td{border-bottom:1px solid var(--ligne);text-align:left;white-space:nowrap;padding:5px 8px}.liste-simple{margin:0;padding-left:18px}.scenario{border:1px solid var(--ligne);border-radius:8px;margin:8px 0;padding:8px 10px}.echange{border-left:2px solid var(--ligne);margin:8px 0;padding-left:10px}.echange p{margin:2px 0}.banc audio{width:100%;margin-top:6px}details summary{cursor:pointer}.recit{background:#070c16;max-width:480px;height:100dvh;margin:0 auto;position:relative;overflow:clip}.recit .decor{overflow:clip}.recit:after{content:"";background-image:var(--grain);opacity:.2;mix-blend-mode:overlay;pointer-events:none;z-index:30;position:absolute;inset:0}.recit.vide{text-align:center;color:var(--texte-doux);place-items:center;padding:30px;display:grid}.recit .decor{position:absolute;inset:0}.recit .plan{opacity:0;filter:grayscale()sepia(.55)hue-rotate(185deg)saturate(1.6)brightness(.8)contrast(1.15);background-position:50%;background-size:cover;transition:opacity 2.6s ease-in-out;animation:linear forwards travelling;position:absolute;inset:-6%}.recit .plan.inverse{animation-name:travelling-inverse}.recit .plan.vu{opacity:1}.recit.accueil .plan.vu,.recit.fin .plan{animation:16s ease-in-out infinite alternate souffle}.recit.fin .plan.vu{opacity:.55}@keyframes travelling{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.14)translate(-2%,-2.5%)}}@keyframes travelling-inverse{0%{transform:scale(1.14)translate(2%,-2%)}to{transform:scale(1.03)translateY(1%)}}.recit .brume{pointer-events:none;mix-blend-mode:screen;filter:blur(28px);position:absolute;inset:-30% -60%}.recit .b1{background:radial-gradient(30% 12% at 30% 70%,#becde652,#0000 70%),radial-gradient(25% 10% at 75% 55%,#becde638,#0000 70%);animation:48s linear infinite alternate brume}.recit .b2{background:radial-gradient(35% 14% at 60% 82%,#aab9d747,#0000 70%),radial-gradient(22% 9% at 20% 40%,#aab9d729,#0000 70%);animation:66s linear infinite alternate-reverse brume}@keyframes brume{0%{transform:translate(-12%)}to{transform:translate(12%)}}.recit .gaz{background:radial-gradient(ellipse 60% 40% at 50% 8%, var(--gaz), transparent 70%);mix-blend-mode:screen;pointer-events:none;animation:5.3s step-end infinite flamme;position:absolute;inset:0}.recit .ombre{pointer-events:none;background:linear-gradient(#070c168c 0%,#0000 22% 55%,#070c16eb 100%),radial-gradient(#0000 45%,#03060cb3 100%);position:absolute;inset:0}.recit .ouverture{z-index:10;padding:24px 24px calc(30px + env(safe-area-inset-bottom,0px));text-align:center;gap:14px;display:grid;position:absolute;bottom:0;left:0;right:0}.recit .editeur{font:italic 16px/1 var(--titre);color:var(--chapitre,var(--laiton));margin:0}.recit .chemise{z-index:5;left:50%;bottom:calc(var(--haut-texte,300px) - 6px);width:min(70%,320px);max-height:calc(100dvh - var(--haut-texte,300px) - 40px);object-fit:contain;border-radius:2px;transition:opacity 1.4s,transform 1.4s;position:absolute;transform:translate(-50%)rotate(-3deg);box-shadow:0 18px 40px #000000bf,0 0 0 1px #0006}.recit:not(.accueil) .chemise{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-30px)rotate(-7deg)scale(.92)}.recit h1{font:900 54px/.95 var(--titre);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;color:var(--sang);text-shadow:3px 3px 0 var(--sang-sombre), 0 4px 20px #000000e6;letter-spacing:-.01em;margin:0}.recit h1.long{font-size:40px;line-height:1}.recit .date{font:italic 19px/1.3 var(--plume);color:var(--papier);text-shadow:0 1px 8px #000000e6;margin:-4px 0 6px}.recit .conseil{font:italic 14px/1.4 var(--corps);color:var(--texte-doux);margin:0}.recit .suite{font:italic 22px/1.35 var(--plume);color:var(--papier);text-shadow:0 1px 10px #000000e6;margin:0 0 8px}.recit .sous-titre{left:20px;right:20px;bottom:calc(108px + env(safe-area-inset-bottom,0px));z-index:10;min-height:3em;font:20px/1.4 var(--plume);color:var(--papier);text-align:center;text-shadow:0 1px 3px #000,0 2px 14px #000000f2;margin:0;position:absolute}.recit .commandes{z-index:10;padding:0 16px calc(22px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.recit .commandes .icone{background:#0f1a2eb3}.recit .avance{font:12px/1 var(--corps);color:var(--texte-doux);font-variant-numeric:tabular-nums;flex-basis:100%;align-items:center;gap:10px;margin-bottom:6px;display:flex}.recit .avance input{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:28px;margin:0}.recit .avance input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--chapitre,var(--laiton)) var(--fait), #ede4d038 var(--fait));border-radius:2px;height:3px}.recit .avance input::-moz-range-track{background:linear-gradient(to right, var(--chapitre,var(--laiton)) var(--fait), #ede4d038 var(--fait));border-radius:2px;height:3px}.recit .avance input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--chapitre,var(--laiton));border:2px solid var(--nuit);border-radius:50%;width:16px;height:16px;margin-top:-6.5px}.recit .avance input::-moz-range-thumb{background:var(--chapitre,var(--laiton));border:2px solid var(--nuit);border-radius:50%;width:14px;height:14px}@media (prefers-reduced-motion:reduce){.recit .plan,.recit .brume,.recit .gaz{animation:none!important}.recit .chemise{transition:none}}