/* Défi photo « avant / après », voir defi-photo.js. */
.defi-photo{position:fixed;inset:0;z-index:200;display:grid;grid-template-rows:1fr auto auto;gap:10px;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#0b0f10;color:#f3ead6}
body.defi-photo-ouvert{overflow:hidden}
.defi-photo-scene{position:relative;justify-self:center;align-self:center;width:min(100%,calc((100svh - 150px) * var(--defi-l,4) / var(--defi-h,3)));aspect-ratio:var(--defi-l,4)/var(--defi-h,3);border-radius:8px;overflow:hidden;background:#000}
.defi-photo-scene video,.defi-photo-scene canvas,.defi-photo-cadre{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.defi-photo-cadre{pointer-events:none;opacity:.78}
.defi-photo-aide{margin:0;text-align:center;font:400 .95rem/1.4 Lora,Georgia,serif}
.defi-photo-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.defi-photo-actions button,.defi-photo-actions a{min-height:46px;padding:10px 18px;border-radius:999px;border:1px solid #f0cf7c;background:none;color:#f3ead6;font:600 1rem/1.2 Lora,Georgia,serif;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}
.defi-photo-actions .defi-photo-prendre,.defi-photo-actions .defi-photo-suite{background:#f0cf7c;color:#1c2420}
.defi-photo-actions button:disabled{opacity:.45;cursor:default}
.defi-photo-actions :focus-visible{outline:3px solid #fff;outline-offset:2px}
/* Dans la fiche de l'étape */
.puzzle-evidence [data-defi-photo]{display:block;width:100%;margin:6px 0;min-height:48px;padding:12px 16px;border-radius:10px;border:1px solid currentColor;background:#24392e;color:#f3ead6;font:600 1rem/1.2 Lora,Georgia,serif;cursor:pointer}
.puzzle-evidence [data-defi-photo-sans]{display:block;margin:2px auto 12px;padding:8px;border:0;background:none;color:inherit;text-decoration:underline;font:inherit;font-size:.9rem;cursor:pointer}
.puzzle-evidence [data-apres-photo]{margin-top:10px}
.puzzle-evidence img{max-width:100%;height:auto}
.puzzle-evidence a{display:inline-block;margin:6px 0;font-weight:600}