/* KAIROS : lecteur du film de 45 s. Tokens du skill kairos-design (rayon 0, aucune ombre, un seul accent). */
@font-face{font-family:Archivo;src:url('../fonts/archivo-latin-wght-normal.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('../fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('../fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('../fonts/jetbrains-mono-latin-700-normal.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
.film-dialog{--f-carbone:#0A0A0B;--f-graphite:#141416;--f-filet:#2A2A30;--f-titane:#F2F2F0;--f-fumee:#8C8C94;--f-bleu:#0038FF;
  width:min(1280px,94vw);max-width:94vw;max-height:94vh;padding:0;border:1px solid var(--f-filet);border-radius:0;background:var(--f-carbone);color:var(--f-titane);overflow:auto;font-family:'JetBrains Mono',Menlo,Consolas,monospace}
.film-dialog::backdrop{background:#0A0A0B;opacity:.92}
.film-shell{display:grid;gap:0;background:var(--f-carbone)}
.film-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--f-filet);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--f-fumee)}
.film-stage{position:relative;aspect-ratio:16/9;width:min(100%,calc((94vh - 215px) * 16 / 9));margin:0 auto;background:var(--f-carbone)}
.film-stage canvas{display:block;width:100%;height:100%}
.film-big-play{position:absolute;inset:0;margin:auto;width:112px;height:112px;border-radius:50%;border:1px solid var(--f-titane);background:var(--f-carbone);color:var(--f-titane);font:500 28px/1 'JetBrains Mono',monospace;cursor:pointer;transition:background .4s cubic-bezier(.85,0,.15,1),border-color .4s,color .4s}
.film-big-play:hover,.film-big-play:focus-visible{background:var(--f-bleu);border-color:var(--f-bleu)}
.film-big-play[hidden]{display:none}
.film-bar{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:14px 20px;border-top:1px solid var(--f-filet)}
.film-dialog button{font-family:'JetBrains Mono',Menlo,Consolas,monospace}
.film-btn{min-width:44px;min-height:44px;padding:0 16px;border:1px solid var(--f-titane);background:transparent;color:var(--f-titane);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:0;transition:background .35s cubic-bezier(.85,0,.15,1),border-color .35s}
.film-btn:hover{background:var(--f-bleu);border-color:var(--f-bleu)}
.film-dialog :focus-visible{outline:2px solid var(--f-bleu);outline-offset:4px}
.film-scrub{width:100%;min-height:44px;accent-color:#0038FF;background:transparent;cursor:pointer}
.film-time{font-size:13px;letter-spacing:.08em;color:var(--f-titane);font-variant-numeric:tabular-nums;white-space:nowrap}
.film-transcript{border-top:1px solid var(--f-filet);padding:14px 20px;font-size:13px;line-height:1.7;color:var(--f-fumee)}
.film-transcript summary{cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:var(--f-titane);min-height:24px}
.film-transcript p{margin-top:12px;max-width:70ch;font-family:Archivo,'Helvetica Neue',Arial,sans-serif;font-size:15px;color:var(--f-fumee)}
@media (max-width:640px){.film-bar{grid-template-columns:auto 1fr}.film-time{grid-column:1/-1}.film-big-play{width:84px;height:84px;font-size:22px}}
@media (prefers-reduced-motion:reduce){.film-big-play,.film-btn{transition:none}}