/* Scène Pennyworth : une ligne, deux mondes. Blanc de l'agent, noir du réel, Playfair et l'inversion au passage. */
.pl{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#fff;color:#1a1a1a;font-family:"Public Sans","Helvetica Neue",Arial,sans-serif;--serif:"Playfair Display",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,monospace}
.pl p{margin:0}
.pl-noir{position:absolute;inset:0;background:#000;will-change:transform}
.pl-d{color:#fff;mix-blend-mode:difference}
.pl-eclat{position:absolute;left:0;top:0;width:3px;height:180px;background:linear-gradient(180deg,#fff0,#67c78d,#fff0);opacity:0;z-index:3;pointer-events:none}
.pl-eclat.est-h{width:180px;height:3px;background:linear-gradient(90deg,#fff0,#67c78d,#fff0)}
.pl-tete{position:absolute;left:clamp(16px,5vw,84px);right:clamp(16px,5vw,84px);top:clamp(14px,4.4vh,40px);display:flex;justify-content:space-between;align-items:baseline;opacity:0}
.pl-tete__nom{font:600 clamp(18px,1.6vw,24px)/1 var(--serif)}
.pl-etapes{position:relative;width:170px;height:12px}.pl-etape{position:absolute;right:0;top:0;font:500 12px/1 var(--mono);letter-spacing:.16em;white-space:pre;opacity:0}
.pl-monde,.pl-ligne-nom{position:absolute;left:0;top:0;font:500 clamp(10px,.8vw,12px)/1 var(--mono);letter-spacing:.18em;white-space:nowrap;opacity:0;pointer-events:none}
.pl-grand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 5vw;font:600 clamp(32px,min(6vw,11vh),100px)/1.12 var(--serif);pointer-events:none}
.pl-grand__mot{font-size:clamp(60px,min(12vw,20vh),190px);line-height:1}
.pl-grand__sous{font:500 clamp(16px,1.8vw,27px)/1.2 "Public Sans",sans-serif;margin-top:clamp(12px,2.6vh,26px)!important}
[data-r="acc"] p{opacity:0}
.pl-champ{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;width:min(44vw,560px);height:clamp(46px,7vh,58px);padding:0 6px 0 22px;border:1.5px solid #1a1a1a;border-radius:999px;background:#fff;color:#1a1a1a;opacity:0;z-index:3}
.pl-champ__t{font-size:clamp(13px,1.15vw,16px);white-space:nowrap;overflow:hidden;min-width:0}.pl-champ__t.est-vide{color:#8a8a8e}
.pl-champ__b{flex:none;padding:0 16px;height:calc(100% - 12px);display:grid;place-items:center;border-radius:999px;background:#1a1a1a;color:#fff;font-size:14px;font-weight:600}
.pl-carte{appearance:none;position:absolute;left:0;top:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;padding:clamp(10px,1.7vh,16px);border:0;border-radius:12px;background:#fff;color:#000;text-align:left;font:inherit;cursor:pointer;opacity:0;will-change:transform,opacity;z-index:2}
.pl-case{width:18px;height:18px;margin-top:1px;border:1.5px solid #000;border-radius:4px;background:center/12px no-repeat}
.pl-carte.est-cochee .pl-case{background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 6.4 5 8.9 9.7 3.4' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pl-carte__c{display:flex;flex-direction:column;gap:clamp(2px,.5vh,5px);min-width:0}
.pl-carte__t{font-size:clamp(13px,1.12vw,16.5px);font-weight:600;line-height:1.2}.pl-carte__r{font-size:clamp(11.5px,.94vw,13.5px);line-height:1.25;opacity:.72}.pl-carte__b{font:500 10.5px/1 var(--mono);opacity:.72;margin-top:2px}
.pl-carte:focus-visible,.pl-exec:focus-visible,.pl-l__an:focus-visible,.pl-fin__a a:focus-visible{outline:2px solid #67c78d;outline-offset:3px}
.pl-fait{position:absolute;left:0;top:0;width:26px;height:26px;opacity:0;z-index:3;pointer-events:none}.pl-fait svg{width:100%;height:100%;fill:none;stroke:#67c78d;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.pl-exec{appearance:none;position:absolute;left:0;top:0;padding:clamp(10px,1.5vh,14px) clamp(18px,2vw,28px);border:0;border-radius:999px;background:#fff;color:#000;font:600 clamp(13px,1.05vw,15px)/1 "Public Sans",sans-serif;white-space:nowrap;cursor:pointer;opacity:0;z-index:3}
.pl-exec:not(.est-pret){opacity:.55}
.pl-phrase{position:absolute;left:50%;top:0;width:calc(100% - 32px);text-align:center;font:600 clamp(22px,min(3.6vw,6vh),56px)/1.1 var(--serif);opacity:0;pointer-events:none}
.pl-explic{position:absolute;left:50%;top:0;width:min(720px,calc(100% - 40px));text-align:center;font-size:clamp(13px,1.08vw,16px);line-height:1.42;opacity:0;pointer-events:none}
.pl-journal{position:absolute;left:75%;top:0;transform:translateX(-50%);color:#f7f5ef;opacity:0;z-index:3}
.pl-journal__t{font:600 clamp(22px,2.3vw,36px)/1 var(--serif);margin-bottom:clamp(8px,1.6vh,16px)!important}
.pl-l{display:flex;align-items:center;gap:12px;min-height:clamp(44px,7vh,62px);border-top:1px solid #ffffff2e;opacity:0}
.pl-l__p{flex:none;width:9px;height:9px;border-radius:50%;background:#67c78d}.pl-l.est-non .pl-l__p{background:#e8735f}
.pl-l__x{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.pl-l__s{font-size:clamp(13px,1.05vw,15px);font-weight:600}.pl-l__a{font-size:clamp(11.5px,.92vw,13.5px);color:#b4b4b7}
.pl-l__an{appearance:none;flex:none;border:1px solid #ffffff55;border-radius:999px;background:none;color:#fff;padding:6px 12px;font:500 12px/1 "Public Sans",sans-serif;cursor:pointer}
.pl-journal__n{font-size:clamp(12px,.95vw,14px);color:#b4b4b7;margin-top:clamp(7px,1.3vh,12px)!important;opacity:0}
.pl-fin{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.2vh,12px);padding:0 6vw clamp(30px,5vh,50px);text-align:center;color:#f7f5ef;z-index:4}.pl-fin>*{opacity:0}
.pl-fin__m{font:600 clamp(46px,min(8vw,13vh),118px)/1 var(--serif)}.pl-fin__d{font-size:clamp(15px,1.5vw,22px);color:#d5d5d8}
.pl-fin__p{font:500 clamp(11px,.92vw,13.5px)/1 var(--mono);padding:6px 10px;border-radius:2px;background:#f7f5ef;color:#000}
.pl-fin__c{font-size:clamp(14px,1.15vw,17px);font-weight:600}.pl-fin__r{max-width:64ch;font-size:clamp(13px,1vw,15px);line-height:1.42;color:#a9a9ac}.pl-fin__l{font-size:clamp(12px,.9vw,13.5px);color:#86868a}
.pl-fin__a{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.pl-fin__a a{padding:clamp(8px,1.2vh,12px) 17px;border:1px solid #ffffff55;border-radius:999px;color:#fff;font-size:clamp(13px,1vw,14px);font-weight:600;text-decoration:none}.pl-fin__a a:hover{background:#ffffff1f}
.pl-pied{position:absolute;left:clamp(16px,5vw,84px);bottom:clamp(12px,2.6vh,26px);font:500 11px/1 var(--mono);letter-spacing:.16em;opacity:0}
@media (max-aspect-ratio:19/20){
  .pl-etapes{width:130px}.pl-etape{font-size:10.5px;letter-spacing:.12em}
  .pl-champ{width:calc(100% - 32px)}
  .pl-carte{grid-template-columns:1fr;gap:5px;padding:8px 7px;border-radius:9px}.pl-case{width:14px;height:14px;background-size:10px!important}.pl-carte__t{font-size:11.5px}.pl-carte__r{display:none}.pl-carte__b{font-size:8.5px}
  [data-r="acc"]{padding-bottom:64px}
  .pl-grand__mot{font-size:15vw}.pl-phrase{font-size:clamp(20px,5.9vw,27px);display:flex;align-items:flex-end;justify-content:center;height:62px}.pl-explic{font-size:13px}.pl-pied{bottom:12px;font-size:9.5px}
}
@media (max-height:520px){.pl-carte__r,.pl-pied,.pl-fin__l{display:none}.pl-explic{font-size:12px}.pl-fin__r{font-size:12px;max-width:80ch}.pl-phrase{font-size:20px;left:29%;width:54%}.pl-explic{left:29%;width:54%}}
/* Fin commune (css/fin.css) aux couleurs de Pennyworth */
.pl-fin.fc{gap:0;padding:6vh 6vw 12vh;--fc-texte:#f7f5ef;--fc-texte-2:#c9c8c4;--fc-accent:#f7f5ef;--fc-sur-accent:#000;--fc-accent-texte:#a9a8a3;--fc-trait:#f7f5ef2e;--fc-corps:"Public Sans","Helvetica Neue",Arial,sans-serif;--fc-titre:600 1em/1 "Playfair Display",Georgia,serif}
.pl-fin.fc .fc__nom{letter-spacing:0}
.pl-fin.fc .fc__statut{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:500}
.pl-fin.fc .fc__actions a:focus-visible,.pl-fin.fc .fc__actions button:focus-visible{outline-color:#67c78d}