/* Sight — LIVE VISIONNAIRE (15/10, patron) : charte Sight — or / noir / gris, panneaux arrondis et ovales, portrait dans un œil.
   Rien de copié d'ailleurs : bandes de zones arrondies, pastilles de scores, œil qui cligne et s'illumine quand le Visionnaire parle. */
.lec-ia{display:inline-flex;align-items:center;justify-content:center;font:800 10.5px/1 system-ui;letter-spacing:.06em;color:#1a1200;background:linear-gradient(135deg,#ffe9a3,#f7c948 55%,#c89418);
  border-radius:999px;padding:3px 8px;margin-left:6px;box-shadow:0 0 0 1px rgba(247,201,72,.35),0 2px 10px rgba(247,201,72,.25);font-style:normal;vertical-align:middle}
.lvx-top .lec-ia{margin-left:6px}
.lec{--or:#f7c948;--or2:#d4a63a;--noir:#07090d;--pan:#0e1117;--pan2:#141821;--gris:#8a95a8;--ligne:#232a36;--vert:#2bd47e;--rouge:#ff4d6a;
  background:radial-gradient(120% 80% at 0 0,rgba(247,201,72,.06),transparent 55%),var(--noir);border:1px solid var(--ligne);border-radius:28px;padding:18px;color:#e6ebf5}
.lec-hd h1{margin:6px 0 2px;font-size:clamp(18px,2.4vw,26px)}
.lec-hd-l{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.lec-tfs-l{color:var(--gris);font:600 12px system-ui}
.lec-par{margin:0}
.lec-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 8px}
.lec-bar .sp{flex:1}
.lec-voix.on{background:var(--or);color:#1a1200}
.lec-demo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 12px;padding:9px 16px;border-radius:999px;background:rgba(247,201,72,.08);
  border:1px solid rgba(247,201,72,.28);color:#f2e3b0;font-size:13px}
.lec-demo b{color:var(--or)}
.lec-scene{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}
.lec-graph{background:var(--pan);border:1px solid var(--ligne);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.lec-gbar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--ligne);flex-wrap:wrap}
.lec-gbar .sp{flex:1}
.lec-tfs{display:flex;gap:4px;background:var(--pan2);border-radius:999px;padding:3px}
.lec-tfs button{border:0;background:none;color:var(--gris);font:700 12px system-ui;padding:5px 11px;border-radius:999px;cursor:pointer}
.lec-tfs button.on{background:var(--or);color:#1a1200}
.lec-suivre{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ligne);background:none;color:var(--gris);border-radius:999px;padding:5px 12px;font:600 12px system-ui;cursor:pointer}
.lec-suivre.on{border-color:rgba(247,201,72,.6);color:var(--or)}
.lec-prix{font:800 14px ui-monospace,Consolas,monospace;color:var(--or)}
.lec-prix.ko{color:var(--rouge);opacity:.7}
.lec-cv{position:relative;flex:1;min-height:440px}
.lec-cv canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
/* portrait du Visionnaire dans un œil */
.lec-oeil{position:absolute;left:14px;top:44px;z-index:3;display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;
  background:rgba(8,10,14,.82);border:1px solid rgba(247,201,72,.35);backdrop-filter:blur(6px);box-shadow:0 8px 30px rgba(0,0,0,.45);pointer-events:none}
.lec-oeil-cadre{position:relative;width:92px;height:58px;flex:none;border-radius:50%/50%;overflow:hidden;
  clip-path:path("M2 29C18 6 34 1 46 1s28 5 44 28C74 52 58 57 46 57S18 52 2 29z");background:#111;box-shadow:inset 0 0 0 2px var(--or)}
.lec-oeil-cadre img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
.lec-oeil-cadre::after{content:"";position:absolute;inset:0;clip-path:inherit;box-shadow:inset 0 0 0 2px var(--or);border-radius:inherit}
.lec-oeil-paup{position:absolute;left:0;right:0;top:0;height:0;background:linear-gradient(#0e1117,#1b2130);transition:height .09s ease-in}
.lec-oeil.cligne .lec-oeil-paup{animation:lecCligne .26s ease-in-out}
@keyframes lecCligne{0%,100%{height:0}45%,55%{height:100%}}
.lec-oeil.parle .lec-oeil-cadre{animation:lecParle 1.1s ease-in-out infinite}
@keyframes lecParle{0%,100%{box-shadow:inset 0 0 0 2px var(--or),0 0 0 rgba(247,201,72,0)}50%{box-shadow:inset 0 0 0 2px #ffe9a3,0 0 22px rgba(247,201,72,.7)}}
.lec-oeil-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.lec-oeil-tx b{font-size:14px;color:#fff;white-space:nowrap}
.lec-oeil-ph{font:600 12px system-ui;color:var(--gris);display:flex;align-items:center;gap:4px}
.lec-oeil-ph .lec-ia{margin-left:0}
.lec-st{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:3;max-width:min(760px,calc(100% - 40px));padding:11px 22px;border-radius:999px;
  background:rgba(8,10,14,.9);border:1px solid rgba(247,201,72,.4);color:#fff;font:600 15px/1.4 system-ui;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.lec-setup{position:absolute;right:84px;top:12px;z-index:3;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 10px;border-radius:999px;background:rgba(8,10,14,.85);border:1px solid var(--ligne)}
.lec-alerte{position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:4;padding:8px 18px;border-radius:999px;background:rgba(43,30,4,.92);border:1px solid var(--or);color:var(--or);font:700 13px system-ui}
.lec-alerte.fort{background:rgba(60,8,18,.92);border-color:var(--rouge);color:#ffd6dd;animation:lecPulse 1.2s ease-in-out 3}
@keyframes lecPulse{50%{box-shadow:0 0 24px rgba(255,77,106,.6)}}
.lec-sens{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font:800 11.5px system-ui;letter-spacing:.03em}
.lec-sens.achat{background:rgba(43,212,126,.16);color:var(--vert)}
.lec-sens.vente{background:rgba(255,77,106,.16);color:#ff8396}
.lec-badges{display:flex;flex-wrap:wrap;gap:6px}
.lec-b{border-radius:999px;padding:3px 10px;font:700 11.5px system-ui;background:var(--pan2);color:#d6dbe6;border:1px solid var(--ligne)}
.lec-b.or{background:rgba(247,201,72,.14);color:var(--or);border-color:rgba(247,201,72,.4)}
/* colonne : portefeuille + chat */
.lec-cote{display:flex;flex-direction:column;gap:14px;min-width:0}
.lec-pf{background:var(--pan);border:1px solid var(--ligne);border-radius:26px;padding:14px 16px}
.lec-pf h3,.lec-journal h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px;color:var(--or)}
.lec-pf-k{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lec-k{display:flex;flex-direction:column;gap:2px;background:var(--pan2);border-radius:18px;padding:8px 12px}
.lec-k span{font:600 11px system-ui;color:var(--gris)}
.lec-k b{font:800 14px ui-monospace,Consolas,monospace;color:#fff}
.lec-k.pos b,.pos{color:var(--vert)!important}
.lec-k.neg b,.neg{color:#ff8396!important}
.lec-pos{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.lec-pos .mut{margin:0;font-size:13px}
.lec-pos-hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lec-pos-g{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.lec-chat{border-radius:26px!important;min-height:300px;max-height:56vh;overflow:hidden}
.lec-chat-fin{padding:14px}
.lec .lvc-pin[hidden],.lec-setup[hidden],.lec-st[hidden],.lec-alerte[hidden]{display:none!important}
.lec-ai{background:rgba(247,201,72,.07);border:1px solid rgba(247,201,72,.22);border-radius:16px;padding:6px 10px}
.lec-ai .nm{display:inline-flex;align-items:center;gap:2px}
.lec-ai .nm b{color:var(--or)}
.lec-ai .lec-ia{font-size:9px;padding:2px 6px;margin-left:4px}
/* journal des trades */
.lec-journal{margin-top:14px;background:var(--pan);border:1px solid var(--ligne);border-radius:26px;padding:14px 16px}
.lec-tr{border:1px solid var(--ligne);border-radius:20px;padding:8px 12px;margin-top:8px;background:var(--pan2)}
.lec-tr.gagne{border-color:rgba(43,212,126,.35)}.lec-tr.perdu{border-color:rgba(255,77,106,.35)}.lec-tr.ouvert{border-color:rgba(247,201,72,.45)}
.lec-tr summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;cursor:pointer;list-style:none}
.lec-tr summary::-webkit-details-marker{display:none}
.lec-tr-h{font:700 12px ui-monospace,Consolas,monospace;color:var(--gris)}
.lec-tr-p{font:600 13px ui-monospace,Consolas,monospace}
.lec-tr-r{margin-left:auto;font:800 13px ui-monospace,Consolas,monospace}
.lec-tr-i{font:600 11px system-ui;color:var(--gris);border-radius:999px;border:1px solid var(--ligne);padding:2px 8px}
.lec-tr .lec-badges{margin-top:8px}
.lec-why{margin:8px 0 2px;padding-left:18px;color:#c9cfdb;font-size:13px;line-height:1.5}
/* annonce / visiteur */
.lec-attente{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 10px;text-align:center}
.lec-attente .lec-oeil{position:static;pointer-events:auto}
/* page de lancement */
.lec-admin{display:flex;flex-direction:column;gap:14px}
.lec-admin-hd{display:flex;gap:16px;align-items:center;border-radius:28px!important}
.lec-admin-oeil{flex:none;width:120px;height:76px;overflow:hidden;clip-path:path("M2 38C24 8 44 1 60 1s36 7 58 37C96 68 76 75 60 75S24 68 2 38z");box-shadow:inset 0 0 0 2px #f7c948}
.lec-admin-oeil img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.lec-admin .card{border-radius:26px}
.lec-tfset{border:1px solid #232a36;border-radius:22px;padding:10px 14px;display:flex;flex-wrap:wrap;gap:8px}
.lec-tfset legend{padding:0 6px;color:#8a95a8;font-size:13px}
.lec-tfc{display:inline-flex;align-items:center;gap:0;cursor:pointer}
.lec-tfc input{position:absolute;opacity:0;pointer-events:none}
.lec-tfc span{border:1px solid #232a36;border-radius:999px;padding:5px 13px;font:700 12px system-ui;color:#8a95a8}
.lec-tfc input:checked+span{background:#f7c948;color:#1a1200;border-color:#f7c948}
.lec-tfc input:focus-visible+span{outline:2px solid #f7c948;outline-offset:2px}
.lec-kill{border-color:rgba(255,77,106,.35)!important}
.lec-kill.on{background:linear-gradient(135deg,rgba(255,77,106,.12),transparent)}
.lec-kill-etat{margin:8px 0 0;font-size:13px;color:#8a95a8}
/* 16/10 — le VRAI graphique Sight piloté par le Visionnaire (cadre couvert : les spectateurs observent) ; vue simplifiée en secours */
.lec-sight{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;visibility:hidden;background:#07090d}
.lec-bouclier{position:absolute;inset:0;z-index:2;display:none;cursor:default}
.lec-cv.reel .lec-sight{visibility:visible}
.lec-cv.reel .lec-bouclier{display:block}
.lec-cv.reel canvas{visibility:hidden}
.lec-cv.reel .lec-oeil{top:12px}
.lec-mode{border-style:dashed}
.lec-mode[hidden]{display:none!important}
.lec .lec-cv>.lec-oeil{top:54px}
.lec .lec-alerte{top:62px}
/* bannière « le Visionnaire active … » : un œil qui s'ouvre */
.lec-outil{position:absolute;left:50%;top:8px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:10px;padding:9px 22px 9px 14px;border-radius:999px/60%;
  background:radial-gradient(120% 140% at 50% 50%,rgba(247,201,72,.18),rgba(8,10,14,.94) 62%);border:1px solid rgba(247,201,72,.7);color:#ffe9a3;font:800 14px system-ui;
  letter-spacing:.01em;box-shadow:0 0 0 4px rgba(247,201,72,.08),0 12px 34px rgba(0,0,0,.55);pointer-events:none;white-space:nowrap;max-width:calc(100% - 24px)}
.lec-outil span{overflow:hidden;text-overflow:ellipsis}
.lec-outil svg{width:30px;height:18px;flex:none;color:var(--or)}
.lec-outil.on{animation:lecOuvre .55s cubic-bezier(.2,.9,.3,1.2)}
.lec-outil.on svg circle{animation:lecPupille 1.6s ease-in-out}
@keyframes lecOuvre{0%{opacity:0;transform:translateX(-50%) scaleY(.08)}60%{opacity:1}100%{transform:translateX(-50%) scaleY(1)}}
@keyframes lecPupille{0%{r:1}40%{r:6.5}100%{r:5.5}}
.lec-outil[hidden],.lec-carte[hidden]{display:none!important}
/* cartes sur le graphique : checklist d'entrée, « pas de trade » */
.lec-carte{position:absolute;right:14px;top:56px;z-index:5;width:min(380px,calc(100% - 28px));max-height:calc(100% - 120px);overflow:auto;padding:14px 18px 12px;border-radius:30px;
  background:rgba(8,10,14,.94);border:1px solid rgba(247,201,72,.55);box-shadow:0 18px 44px rgba(0,0,0,.6);color:#e6ebf5}
.lec-carte::before{content:"";position:absolute;left:50%;top:-1px;width:84px;height:10px;transform:translateX(-50%);border-radius:0 0 50% 50%/0 0 100% 100%;background:var(--or);opacity:.85}
.lec-carte.on{animation:lecCarte .4s ease-out}
@keyframes lecCarte{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.lec-carte.vente{border-color:rgba(255,77,106,.55)}.lec-carte.achat{border-color:rgba(43,212,126,.55)}
.lec-carte.refus{border-color:rgba(138,149,168,.6)}.lec-carte.refus::before{background:var(--gris)}
.lec-carte-h{display:flex;align-items:center;gap:10px;margin:2px 28px 10px 0}
.lec-carte-h b{font-size:14px;color:var(--or)}
.lec-carte.refus .lec-carte-h b{color:#d6dbe6}
.lec-carte dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:0;font-size:12.5px;line-height:1.4}
.lec-carte dt{color:var(--gris);font-weight:700}
.lec-carte dd{margin:0;color:#e6ebf5}
.lec-carte dd.or{color:var(--or);font-weight:800}
.lec-carte-ok{margin:10px 0 0;padding:5px 12px;border-radius:999px;background:rgba(43,212,126,.12);color:var(--vert);font:700 12px system-ui;display:inline-block}
.lec-carte-x{position:absolute;right:10px;top:8px;width:26px;height:26px;border-radius:50%;border:1px solid var(--ligne);background:var(--pan2);color:var(--gris);cursor:pointer;font:700 15px/1 system-ui}
.lec-carte .lec-why{margin-top:10px}
/* plan de session · règles de risque · bilan */
.lec-prep{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;margin-top:14px}
.lec-plan,.lec-regles{background:var(--pan);border:1px solid var(--ligne);border-radius:28px;padding:14px 18px;min-width:0;position:relative;overflow:hidden}
.lec-plan::after,.lec-regles::after{content:"";position:absolute;right:-60px;top:-40px;width:200px;height:110px;border-radius:50%;border:1px solid rgba(247,201,72,.12);pointer-events:none}
.lec-ch{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.lec-ch h3{margin:0;font-size:15px;color:var(--or)}
.lec-ch .mut{font:600 12px ui-monospace,Consolas,monospace}
.lec-plan h4,.lec-regles h4,.lec-refus-t{margin:12px 0 6px;font:800 11.5px system-ui;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.lec-td-l{display:flex;align-items:flex-start;gap:10px;padding:5px 0;font-size:13px;line-height:1.45;color:#d6dbe6}
.lec-tfp{flex:none;min-width:40px;text-align:center;border-radius:999px;padding:2px 8px;font:800 11.5px system-ui;background:var(--pan2);color:var(--gris);border:1px solid var(--ligne)}
.lec-tfp.achat{color:var(--vert);border-color:rgba(43,212,126,.4)}.lec-tfp.vente{color:#ff8396;border-color:rgba(255,77,106,.4)}
.lec-sc-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.lec-scn{border-radius:26px;padding:10px 14px;background:var(--pan2);border:1px solid var(--ligne)}
.lec-scn.achat{border-color:rgba(43,212,126,.3)}.lec-scn.vente{border-color:rgba(255,77,106,.3)}
.lec-scn.pri{box-shadow:0 0 0 1px rgba(247,201,72,.45),0 8px 24px rgba(247,201,72,.08)}
.lec-scn-h{display:flex;align-items:center;gap:8px}
.lec-scn.achat .lec-scn-h b{color:var(--vert)}.lec-scn.vente .lec-scn-h b{color:#ff8396}
.lec-scn p{margin:6px 0 8px;font-size:12.5px;line-height:1.45;color:#c9cfdb}
.lec-b.rouge{color:#ff8396;border-color:rgba(255,77,106,.35);background:rgba(255,77,106,.08)}
.lec-nw-l{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;font-size:13px}
.lec-nw-l b{font:800 13px ui-monospace,Consolas,monospace;color:var(--or)}
.lec-rg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lec-jg{background:var(--pan2);border-radius:20px;padding:8px 12px;display:flex;flex-direction:column;gap:3px}
.lec-jg span{font:600 11px system-ui;color:var(--gris)}
.lec-jg b{font:800 13px ui-monospace,Consolas,monospace;color:#fff}
.lec-jg i{display:block;height:5px;border-radius:999px;background:#1d2330;overflow:hidden}
.lec-jg em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--or2),var(--or))}
.lec-jg.ko b{color:#ff8396}.lec-jg.ko em{background:var(--rouge)}
.lec-rg-n{margin:10px 0 0;padding:6px 14px;border-radius:999px;background:rgba(43,212,126,.1);color:var(--vert);font:700 12px system-ui}
.lec-rg-n.ko{background:rgba(255,77,106,.12);color:#ff8396}
.lec-rg-l{margin:10px 0 0;padding-left:18px;color:#c9cfdb;font-size:12.5px;line-height:1.55}
.lec-plan.bilan{border-color:rgba(247,201,72,.45)}
.lec-pf-k.bil{grid-template-columns:repeat(4,1fr)}
.lec-bl ul{margin:0;padding-left:18px;font-size:13px;line-height:1.5;color:#d6dbe6}
.lec-bl.bien h4{color:var(--vert)}.lec-bl.mal h4{color:#ff8396}
.lec-lecon{margin-top:12px;padding:10px 18px;border-radius:999px/60%;background:rgba(247,201,72,.08);border:1px solid rgba(247,201,72,.35)}
.lec-lecon h4{margin:0 0 2px;color:var(--or)}
.lec-lecon p{margin:0;font-size:13.5px;color:#f2e3b0}
.lec-tr.refus{border-style:dashed;border-color:rgba(138,149,168,.45);opacity:.92}
.lec-tr-i.nt{color:#d6dbe6;border-color:rgba(138,149,168,.5)}
@media (max-width:900px){.lec-prep{grid-template-columns:1fr}.lec-pf-k.bil{grid-template-columns:1fr 1fr}.lec-carte{top:auto;bottom:70px;right:8px;max-height:60%}}
@media (max-width:900px){.lec-scene{grid-template-columns:1fr}.lec-cv{min-height:340px}.lec-chat{max-height:46vh}.lec-setup{right:12px;top:auto;bottom:86px}}
@media (max-width:560px){.lec{padding:12px;border-radius:22px}.lec-oeil{top:40px;left:8px;padding:4px 12px 4px 4px}.lec-oeil-cadre{width:70px;height:44px;
  clip-path:path("M2 22C14 5 26 1 35 1s21 4 33 21C56 39 44 43 35 43S14 39 2 22z")}.lec-oeil-tx b{font-size:12.5px}
  .lec-st{font:600 12.5px/1.35 system-ui;padding:7px 14px;bottom:8px;border-radius:20px;max-width:calc(100% - 16px);width:max-content;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.lec-cv{min-height:380px}.lec-admin-hd{flex-direction:column}}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .lec{color:#e6ebf5}}

/* 16/10 (patron) : la « WEBCAM » du Visionnaire — avatar 3D animé incrusté sur le graphique (lèvres sur sa voix, tête, regard, clignements),
   cadre ovale en forme d'œil, point EN DIRECT, badge IA ; déplaçable (barre du haut), masquable, position retenue par spectateur */
.lec-cam{position:absolute;left:14px;top:46px;z-index:6;width:min(250px,42%);display:flex;flex-direction:column;gap:0;border-radius:34px/28px;overflow:hidden;
  background:#090c13;border:1.5px solid rgba(247,201,72,.65);box-shadow:0 0 0 4px rgba(247,201,72,.08),0 18px 44px rgba(0,0,0,.65);user-select:none;transition:box-shadow .2s}
.lec-cam[hidden]{display:none!important}
.lec-cam.parle{box-shadow:0 0 0 4px rgba(247,201,72,.16),0 0 34px rgba(247,201,72,.35),0 18px 44px rgba(0,0,0,.65)}
.lec-cam.glisse{cursor:grabbing;opacity:.96}
.lec-cam-hd{display:flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;background:#0e121c;border-bottom:1px solid rgba(247,201,72,.25);cursor:grab;touch-action:none}
.lec-cam-hd b{font:700 12px system-ui;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lec-cam-hd .sp{flex:1}.lec-cam-hd .lec-ia{margin-left:0;padding:2px 6px;font-size:9.5px}
.lec-cam-live{display:inline-flex;align-items:center;gap:5px;font:800 9.5px system-ui;letter-spacing:.06em;color:#9aa4b8;white-space:nowrap}
.lec-cam-live i{width:7px;height:7px;border-radius:50%;background:#8a95a8}
.lec-cam-live.on{color:#ff8d98}.lec-cam-live.on i{background:#ff3b5c;box-shadow:0 0 0 0 rgba(255,59,92,.6);animation:lecCamPt 1.6s ease-out infinite}
@keyframes lecCamPt{0%{box-shadow:0 0 0 0 rgba(255,59,92,.6)}100%{box-shadow:0 0 0 8px rgba(255,59,92,0)}}
.lec-cam-x{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #2a3142;background:#141926;color:#c9d0dc;cursor:pointer;padding:0}
.lec-cam-x:hover{border-color:#f7c948;color:#f7c948}
.lec-cam-scene{position:relative;aspect-ratio:4/3;margin:8px;border-radius:50%/44%;overflow:hidden;background:#0b0f19 center/cover;box-shadow:inset 0 0 0 2px rgba(247,201,72,.55)}
.lec-cam-scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.lec-cam-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:opacity .4s}
.lec-cam.a3d .lec-cam-img{opacity:0}
/* 18/10 : visage réel — boucle d'écoute filmée, réplique filmée par-dessus en fondu */
.lec-cam-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block;transition:opacity .5s ease}
.lec-cam-v.clip{opacity:0}.lec-cam.dit .lec-cam-v.clip{opacity:1}
.lec-cam.reel .lec-cam-img,.lec-cam.reel canvas{opacity:0}
.lec-cam.sans3d.parle .lec-cam-img{animation:lecCamTete 1.4s ease-in-out infinite}
@keyframes lecCamTete{0%,100%{transform:scale(1.02) rotate(0)}30%{transform:scale(1.04) rotate(-1.2deg)}65%{transform:scale(1.03) rotate(1deg)}}
.lec-cam-paup{position:absolute;left:0;right:0;top:0;height:0;background:linear-gradient(#0e1117,#1b2130);pointer-events:none}
.lec-cam.sans3d.cligne .lec-cam-paup{animation:lecCligne .26s ease-in-out}
.lec-cam-vu{position:absolute;right:14px;bottom:10px;display:flex;gap:2px;align-items:flex-end;height:14px;opacity:0;transition:opacity .2s}
.lec-cam-vu i{width:3px;height:30%;border-radius:2px;background:#f7c948}
.lec-cam.parle .lec-cam-vu{opacity:1}.lec-cam.parle .lec-cam-vu i{animation:lecVu .7s ease-in-out infinite}
.lec-cam.parle .lec-cam-vu i:nth-child(2){animation-delay:.15s}.lec-cam.parle .lec-cam-vu i:nth-child(3){animation-delay:.3s}.lec-cam.parle .lec-cam-vu i:nth-child(4){animation-delay:.08s}
@keyframes lecVu{0%,100%{height:25%}50%{height:100%}}
.lec-cam-pied{padding:0 12px 9px;min-width:0}.lec-cam-pied .lec-oeil-ph{font:600 11.5px system-ui;color:#c3cad6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lec-cam-montrer{position:absolute;left:14px;top:46px;z-index:6;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;cursor:pointer;
  background:#0e121c;border:1px solid rgba(247,201,72,.6);color:#f7c948;font:700 12.5px system-ui;box-shadow:0 10px 26px rgba(0,0,0,.5)}
.lec-cam-montrer[hidden]{display:none}
/* « Activer le son » : une seule fois, si le navigateur bloque la voix avant tout clic */
.lec-son{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8;display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 40px;
  border-radius:999px/70%;cursor:pointer;background:#0b0e16;border:2px solid #f7c948;color:#fff;box-shadow:0 0 0 8px rgba(247,201,72,.12),0 24px 60px rgba(0,0,0,.7);max-width:calc(100% - 32px)}
.lec-son[hidden]{display:none}
.lec-son b{font:800 18px system-ui;color:#f7c948}.lec-son span{font:500 12.5px system-ui;color:#c3cad6;text-align:center}
.lec-son-oeil{display:grid;place-items:center;width:70px;height:44px;border-radius:50%;border:2px solid #f7c948;color:#f7c948;animation:lecSon 1.8s ease-in-out infinite}
@keyframes lecSon{0%,100%{box-shadow:0 0 0 0 rgba(247,201,72,.45)}50%{box-shadow:0 0 0 10px rgba(247,201,72,0)}}
.lec-son:hover{background:#121726}
/* bouton du son : état visible (activé / coupé) */
.lec-voix{display:inline-flex;align-items:center;gap:6px}
.lec-voix .lec-voix-off,.lec-voix.on .lec-voix-on{display:inline-flex}.lec-voix .lec-voix-on,.lec-voix.on .lec-voix-off{display:none}
.lec-voix:not(.on){background:#1a1f2c;color:#c9d0dc;border-color:#353d50}
@media (max-width:560px){.lec-cam{width:46%;top:40px;left:8px}.lec-cam-montrer{top:40px;left:8px}.lec-son{padding:16px 22px}}
@media (prefers-reduced-motion:reduce){.lec-cam-live.on i,.lec-son-oeil,.lec-cam.parle .lec-cam-vu i,.lec-cam.sans3d.parle .lec-cam-img{animation:none}}.lec .lec-alerte,.lec .lec-carte{z-index:7}
/* 16/10 (patron) : graphique du Visionnaire AGRANDI / PLEIN ÉCRAN, chat à droite repliable */
.lec-vue{display:inline-flex;gap:4px;margin-left:6px}
.lec-vue-b{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;border:1px solid var(--ligne);background:#11151f;color:#c9d0dc;font:600 12px system-ui;cursor:pointer}
.lec-vue-b:hover{border-color:rgba(247,201,72,.6);color:#f7c948}.lec-vue-b.on{border-color:rgba(247,201,72,.7);color:#f7c948;background:#1d1a10}
.lec-vue-b[hidden]{display:none}
.lec.grand .lec-cv{min-height:calc(100vh - 230px)}
.lec.grand .lec-scene{grid-template-columns:minmax(0,1fr) 380px}
.lec.grand .lec-chat{max-height:none;flex:1}
.lec.chat-off .lec-scene{grid-template-columns:minmax(0,1fr)!important}
.lec.chat-off .lec-cote{display:none}
.lec-chat-ouvrir{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:7;display:inline-flex;align-items:center;gap:6px;writing-mode:vertical-rl;padding:14px 8px;
  border-radius:18px 0 0 18px;border:1px solid rgba(247,201,72,.6);border-right:0;background:#0e121c;color:#f7c948;font:700 12px system-ui;cursor:pointer;box-shadow:-6px 0 20px rgba(0,0,0,.45)}
.lec-chat-ouvrir[hidden]{display:none}.lec-chat-ouvrir svg{transform:rotate(90deg)}
.lec-scene:fullscreen{background:#07090d;padding:12px;height:100vh;box-sizing:border-box;grid-template-columns:minmax(0,1fr) 380px;align-items:stretch}
.lec.chat-off .lec-scene:fullscreen{grid-template-columns:minmax(0,1fr)}
.lec-scene:fullscreen .lec-graph{height:100%}.lec-scene:fullscreen .lec-cv{min-height:0;flex:1}
.lec-scene:fullscreen .lec-cote{height:100%;overflow:hidden}.lec-scene:fullscreen .lec-chat{max-height:none;flex:1}
.lec-scene:fullscreen .lec-pf{flex:none;max-height:42%;overflow:auto}
@media (max-width:900px){.lec.grand .lec-scene{grid-template-columns:1fr}.lec-vue-b span{display:none}.lec-scene:fullscreen{grid-template-columns:1fr;grid-template-rows:1fr auto}}
/* 18/10 (patron : « scinder l'écran en deux, horizontalement et verticalement, comme un vrai live ») — ÉCRAN SCINDÉ */
.lec-dispo{margin-left:6px}
.lec.split .lec-cam{position:absolute;z-index:4;display:flex;flex-direction:column;border-radius:24px!important;box-shadow:0 0 0 1px rgba(247,201,72,.35),0 18px 50px -24px rgba(0,0,0,.9);cursor:default}
.lec.split .lec-cam-hd{cursor:default}.lec.split .lec-cam-x{display:none}
.lec.split .lec-cam-scene{flex:1;aspect-ratio:auto;margin:8px;border-radius:22px/20px;min-height:0}
.lec.split .lec-cam-v,.lec.split .lec-cam-img{object-position:50% 30%}
.lec.split-v .lec-cv>.lec-sight,.lec.split-v .lec-cv>canvas{width:calc(58% - 6px)!important;right:auto!important}
.lec.split-v .lec-cam{left:58%!important;top:0!important;right:0!important;bottom:0!important;width:auto!important;height:auto!important}
.lec.split-h .lec-cv{min-height:820px}
.lec.split-h .lec-cv>.lec-sight,.lec.split-h .lec-cv>canvas{height:calc(55% - 6px)!important;bottom:auto!important}
.lec.split-h .lec-cam{left:0!important;right:0!important;top:55%!important;bottom:0!important;width:auto!important;height:auto!important}
.lec.split-h .lec-cam-v{object-fit:contain;background:#05070c}
.lec.split .lec-st{bottom:18px}
.lec.st-off .lec-st{display:none!important}
@media (max-width:900px){.lec.split-v .lec-cv{min-height:760px}.lec.split-v .lec-cv>.lec-sight,.lec.split-v .lec-cv>canvas{width:100%!important;height:calc(55% - 6px)!important;bottom:auto!important}
  .lec.split-v .lec-cam{left:0!important;top:55%!important}.lec-dispo .lec-vue-b span{display:none}}
/* 29/10 (patron) : autocollants à effets et Iris DANS la zone du Visionnaire (caméra en œil), jamais sur le graphique ; envol plus vif */
.lec-cam-scene .stk-fx{width:64%;top:44%}.lec-cam-scene .stk-fx.fort{width:74%}
.lec-cam-scene .stk-fx-qui{font-size:10.5px;padding:2px 8px;max-width:90%}
.lec-cam-scene .ir-vol{width:42px;height:26px;bottom:6%;animation:lecIrVol 1.5s cubic-bezier(.2,.7,.3,1) forwards}
.lec-cam-scene .ir-vol.gros{width:58px;height:36px}
.lec-cam-scene .ir-vol span{font-size:9.5px;padding:1px 6px}
@keyframes lecIrVol{0%{transform:translate(0,20px) scale(.3);opacity:0}12%{transform:translate(0,0) scale(1.15);opacity:1}70%{opacity:1}100%{transform:translate(var(--dx,14px),-150px) scale(.85);opacity:0}}
/* 30/10 (patron : « on ne sait pas de quel graphique il s'agit ») : actif bien visible dans l'en-tête du live */
.lec-hd .lvx-sym{position:static;display:inline-block;font:800 14px/1.2 system-ui;color:#0b1020;background:#f7c948;border:0;padding:3px 12px;border-radius:999px;margin-left:8px}
