:root{--nuit: #14181f;--nuit-clair: #1c222c;--nuit-carte: #222a36;--or: #c9a227;--or-pale: #e0c463;--sang: #8e2b25;--brume: #d8d2c4;--brume-sourde: #9a978e;--filet: #3a4352;--texture-nuit: url(../textures/papier_nuit.webp);--texture-carte: url(../textures/carte_petrole.webp);--texture-papier: url(../textures/papier_ivoire.webp);--texture-bois: url(../textures/bois_cafe.webp);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--r: 10px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--nuit);position:relative;color:var(--brume);font-family:var(--serif);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(120% 70% at 50% 4%,#c9a22721,#090c10db 56%,#06080bf5),var(--texture-nuit);background-position:center;background-size:auto,cover}#root{position:relative;z-index:1}.app{max-width:640px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));min-height:100%;display:flex;flex-direction:column;text-shadow:0 1px 1px rgba(0,0,0,.26)}h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.2}h1{font-size:1.9rem;margin:0 0 4px}h2{font-size:1.35rem;margin:26px 0 10px}h3{font-size:1.05rem;margin:18px 0 6px}p{margin:0 0 12px}.sur{font-family:var(--sans);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--or);margin:0 0 10px}.sourdine{color:var(--brume-sourde);font-size:.9rem}.centre{text-align:center}.serre{margin-bottom:4px}.filet{border:0;border-top:1px solid var(--filet);margin:20px 0;box-shadow:0 1px #c9a2270f}.carte{background-color:var(--nuit-carte);background-image:linear-gradient(#1f2731db,#1b232ce6),var(--texture-carte);background-position:center;background-size:auto,cover;border:1px solid var(--filet);border-radius:var(--r);padding:16px 18px;margin:0 0 14px;box-shadow:0 10px 24px #0003,inset 0 1px #e0c46309}.carte.accent{border-color:var(--or);box-shadow:0 10px 26px #00000038,inset 0 1px #e0c4631a}.carte.alerte{border-color:var(--sang);box-shadow:0 10px 26px #00000038,inset 0 1px #8e2b251f}.narration{font-size:1.06rem;line-height:1.62;white-space:pre-wrap}.consigne{background-color:#c9a22714;background-image:linear-gradient(#c9a22713,#312a1b29),var(--texture-carte);background-position:center;background-size:auto,cover;border-left:3px solid var(--or);border-radius:0 6px 6px 0;padding:12px 14px;margin:0 0 12px;font-size:.95rem}.secret{background-color:#8e2b2524;background-image:linear-gradient(#531b1b6b,#2e1c1f8c),var(--texture-carte);background-position:center;background-size:auto,cover;border-left:3px solid var(--sang);border-radius:0 6px 6px 0;padding:12px 14px;margin:0 0 14px}.fragment-glyphes{display:block;width:100%;height:auto;margin:12px 0 14px;padding:8px 10px;background-color:#e8dcc3;background-image:linear-gradient(#f6ecd35c,#deccab38),var(--texture-papier);background-position:center;background-size:auto,cover;border:1px solid rgba(201,162,39,.45);border-radius:4px;box-shadow:0 6px 16px #00000038}button,.bouton{display:block;width:100%;padding:15px 18px;margin:0 0 10px;font-family:var(--sans);font-size:1rem;font-weight:600;color:var(--nuit);background:linear-gradient(145deg,var(--or-pale),var(--or) 48%,#aa8120);border:0;border-radius:var(--r);cursor:pointer;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 1px #fff2b73d,0 4px 10px #0000002e;text-shadow:none}button:active,.bouton:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.discret{background-color:#1c222cb8;background-image:linear-gradient(#1c222cc2,#161c24d1),var(--texture-carte);background-position:center;background-size:auto,cover;color:var(--brume);border:1px solid var(--filet)}button.danger{background:var(--sang);color:var(--brume)}.rangee{display:flex;gap:10px}.rangee>*{flex:1}.grille-nombres{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.grille-nombres button{padding:14px 0;margin:0;font-size:1.1rem;background-color:var(--nuit-carte);background-image:linear-gradient(#1f2731d1,#1b232ce0),var(--texture-carte);background-position:center;background-size:auto,cover;color:var(--brume);border:1px solid var(--filet)}.grille-nombres button[aria-pressed=true]{background:linear-gradient(145deg,var(--or-pale),var(--or) 55%,#aa8120);color:var(--nuit);border-color:var(--or)}.bascule{display:inline-flex;border:1px solid var(--filet);border-radius:8px;overflow:hidden}.bascule button{width:auto;margin:0;padding:8px 16px;font-size:.85rem;background:transparent;color:var(--brume-sourde);border-radius:0}.bascule button[aria-pressed=true]{background:var(--or);color:var(--nuit)}.ligne{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--filet)}.ligne:last-child{border-bottom:0}.ligne .titre{font-weight:700}.ligne .meta{font-size:.8rem;color:var(--brume-sourde)}.horloge{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px;font-family:var(--sans);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brume-sourde)}.horloge .heure{font-family:var(--sans);font-size:.76rem;font-weight:600;letter-spacing:.16em;color:var(--or);font-variant-numeric:tabular-nums}.horloge .reste{font-family:var(--sans);font-size:.76rem;letter-spacing:.16em;color:var(--brume-sourde);font-variant-numeric:tabular-nums}.titre-phase{font-size:2.2rem;font-weight:700;line-height:1.08;letter-spacing:-.01em;margin:0 0 22px}.jauge{height:2px;background:var(--filet);overflow:hidden;margin-bottom:24px}.jauge>div{height:100%;background:var(--or);box-shadow:0 0 6px #c9a2278c;transition:width 1s linear}.pastille{display:inline-block;font-family:var(--sans);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:99px;border:1px solid var(--filet);color:var(--brume-sourde);margin:0 6px 6px 0}.pastille .page{color:var(--or);font-weight:600}.pastille.or{border-color:var(--or);color:var(--or)}.pastille.sang{border-color:var(--sang);color:#d98077}.pied{margin-top:auto;padding-top:24px;font-family:var(--sans);font-size:.72rem;color:var(--brume-sourde);text-align:center}ul.liste{margin:0 0 12px;padding-left:1.1em}ul.liste li{margin-bottom:6px}.champ{width:100%;padding:12px 14px;font-family:var(--serif);font-size:1rem;color:var(--brume);background-color:var(--nuit-clair);background-image:linear-gradient(#191f28e0,#161c24eb),var(--texture-carte);background-position:center;background-size:auto,cover;border:1px solid var(--filet);border-radius:8px;margin-bottom:10px}.code-saisie{font-family:var(--sans);font-size:1.6rem;letter-spacing:.5em;text-align:center}.lien-personnel{margin-top:6px;font-family:var(--sans);font-size:.72rem}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.hote{border-left:3px solid var(--or);padding:2px 0 2px 14px;margin:0 0 20px}.hote .sur{color:var(--or-pale)}.hote ul{margin:0;padding-left:1.1em}.hote li{margin-bottom:6px}.hote li:last-child{margin-bottom:0}.transcription{border:1px solid var(--filet);border-radius:var(--r);padding:8px 12px;margin:0 0 14px;font-size:.86rem;color:var(--brume-sourde);background-color:#1c222cb3;background-image:linear-gradient(#1a212ab8,#171d25c7),var(--texture-carte);background-position:center;background-size:auto,cover}.transcription>summary{cursor:pointer;color:var(--brume-sourde);font-family:var(--sans);font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;list-style:none}.transcription>summary::-webkit-details-marker{display:none}.transcription>summary:before{content:"▸ "}.transcription[open]>summary:before{content:"▾ "}.transcription[open]>summary{margin-bottom:10px}.transcription .narration{font-size:.94rem;line-height:1.55}.objet-personnel{display:block;width:100%;max-width:260px;margin:4px auto 12px;border-radius:var(--r);border:1px solid rgba(201,162,39,.28);box-shadow:0 10px 24px #0000004d}.objet-personnel.portrait{max-width:320px}.visage-pnj{float:left;width:34%;max-width:132px;margin:0 12px 8px 0;border-radius:3px;border:1px solid rgba(201,162,39,.26);box-shadow:0 6px 14px #00000042}.bande-voix{position:relative;margin:-16px -18px 14px;border-radius:var(--r) var(--r) 0 0;overflow:hidden}.bande-voix img{display:block;width:100%;height:172px;object-fit:cover;object-position:50% 20%}.bande-voix:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0d1100 34%,#12161ceb)}.bande-voix .qui{position:absolute;left:18px;right:18px;bottom:12px;z-index:1;margin:0;font-family:var(--sans);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--or-pale)}.rangee-pnj{display:flex;gap:10px;margin-bottom:14px}.rangee-pnj>*{flex:1}.rangee-pnj button{margin:0;padding:13px 8px;font-size:.85rem}.musique{display:flex;align-items:center;gap:10px;margin:-2px 0 14px;opacity:.72}.musique button{flex:0 0 auto;width:34px;padding:4px 0;margin:0;text-align:center}.musique input[type=range]{flex:1 1 auto;max-width:160px;accent-color:var(--or, #c9a227)}.musique .sourdine{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.medaillon-tete{display:flex;align-items:center;gap:14px;margin-bottom:4px}.medaillon-tete img{width:76px;height:76px;flex:0 0 76px}.medaillon-tete h1,.medaillon-tete .sur{margin-bottom:0}@media (max-width: 380px){.medaillon-tete img{width:60px;height:60px;flex:0 0 60px}}.ligne-piece{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--filet, rgba(201, 162, 39, .18))}.ligne-piece:last-of-type{border-bottom:0}.ligne-piece img{width:54px;height:54px;flex:0 0 54px}.ligne-piece img.rond{border-radius:50%;object-fit:cover;border:1px solid rgba(201,162,39,.28)}.ligne-piece .titre{margin-bottom:1px}.portrait-public{text-align:center}.portrait-public img{display:block;width:100%;max-width:320px;margin:0 auto 10px;border-radius:3px}.portrait-public .titre{margin-bottom:2px}.loupe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0c0a08f5;display:flex;flex-direction:column}.loupe-cadre{flex:1;display:block;overflow:auto;padding:8px;-webkit-overflow-scrolling:touch}.loupe-cadre img{display:block;height:auto;border-radius:2px;margin:0 auto}.loupe-barre{display:flex;gap:8px;align-items:center;justify-content:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#0000008c}.loupe-barre button{margin:0;min-width:84px}.loupe-legende{color:var(--sourdine, #b9ada0);font-size:.86rem;text-align:center;padding:8px 12px 0}.carte-professionnelle{display:block;width:100%;height:auto;margin:0 0 12px;border-radius:4px;box-shadow:0 8px 20px #00000047}.carnet-formule{display:block;width:min(15rem,72%);margin:0 auto .7rem;border-radius:3px}.musique-bas{margin:26px auto 18px;padding-top:14px;max-width:420px;border-top:1px solid color-mix(in srgb,var(--filet, #6b5b3e) 35%,transparent)}.musique-bas .sourdine{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}