/* =====================================================================================
 *  LE COACH LEGENDE (03/10/2026) — la fenetre d'appel et le bureau du coach habille d'or.
 *  Prefixe `lgd-` (la celebrite au stade utilise deja `cs-`).
 * ===================================================================================== */

/* ---------- la fenetre « Appel entrant » ---------- */
.lgd-pop{position:relative;text-align:center;padding:6px 4px 2px;max-width:440px;margin:0 auto}
.lgd-appel{display:inline-flex;align-items:center;gap:12px;text-align:left;background:linear-gradient(135deg,#3a2c07,#1d1604);border:1px solid #ffd76a66;border-radius:16px;padding:10px 16px;animation:lgdDescend .5s cubic-bezier(.2,1.4,.4,1) both}
.lgd-tel{font-size:26px;display:inline-block;animation:lgdSonne .6s ease-in-out 3}
.lgd-appel-l{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffd76a}
.lgd-appel b{font-size:17px;color:#fff}
.lgd-appel-s{font-size:12px;color:#d9c48a}
.lgd-txt{font-size:14px;color:#f3e6c0;font-style:italic;margin:12px 6px;opacity:0;animation:lgdFondu .5s ease .45s forwards}
.lgd-scene{perspective:900px;margin:6px 0 10px}
.lgd-carte{position:relative;overflow:hidden;margin:0 auto;max-width:310px;padding:22px 16px 16px;border-radius:20px;
  background:repeating-linear-gradient(135deg,#ffffff07 0 10px,transparent 10px 20px),radial-gradient(120% 80% at 50% 0%,#6b5512 0%,#2e2408 48%,#130f04 100%);
  border:2px solid #ffd76a;box-shadow:0 0 0 1px #000,0 10px 44px #ffd76a40;opacity:0;animation:lgdRetourne .8s cubic-bezier(.2,.9,.3,1.2) .75s forwards}
.lgd-ruban{position:absolute;top:22px;right:-44px;transform:rotate(35deg);background:linear-gradient(90deg,#ffe9a8,#ffd76a,#e2a92b);color:#2a2208;font-size:9.5px;font-weight:900;letter-spacing:.08em;padding:3px 42px;text-transform:uppercase}
.lgd-note{position:absolute;top:14px;left:16px;display:flex;flex-direction:column;align-items:center;line-height:1}
.lgd-note-v{font-size:44px;font-weight:900;color:#ffd76a;text-shadow:0 0 18px #ffd76a88}
.lgd-note-l{font-size:10px;font-weight:800;letter-spacing:.15em;color:#ffe9a8}
.lgd-avatar{width:104px;height:104px;margin:4px auto 6px;border-radius:50%;overflow:hidden;border:3px solid #ffd76a;background:#0b1024;box-shadow:0 0 24px #ffd76a55}
.lgd-avatar svg,.lgd-avatar img{width:100%;height:100%}
.lgd-etoiles{color:#ffd76a;letter-spacing:4px;font-size:15px;text-shadow:0 0 10px #ffd76a99}
.lgd-nom{font-size:23px;font-weight:900;color:#fff;margin-top:2px}
.lgd-info{font-size:13px;color:#e8d9a8;margin-top:2px}
.lgd-palm{list-style:none;margin:10px 0 0;padding:0;text-align:left;display:grid;gap:5px}
.lgd-palm li{font-size:12.5px;color:#fff3cf;padding:5px 9px 5px 26px;border-radius:9px;background:#0005;border:1px solid #ffd76a2e;position:relative}
.lgd-palm li::before{content:"🏆";position:absolute;left:7px;top:4px;font-size:12px}
.lgd-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff6 50%,transparent 65%);transform:translateX(-120%);animation:lgdBrille 1.1s ease 1.55s forwards;pointer-events:none}
.lgd-promesse{margin:4px auto 14px;max-width:320px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#2c2208,#171204);border:1px solid #ffd76a77;font-size:13px;color:#f3e6c0;opacity:0;animation:lgdPop .5s cubic-bezier(.2,1.5,.4,1) 1.55s forwards}
.lgd-promesse b{display:block;color:#ffd76a;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
.lgd-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:320px;margin:0 auto;padding:14px 20px;border:0;border-radius:14px;cursor:pointer;font-size:17px;font-weight:900;color:#2a1d02;
  background:linear-gradient(135deg,#ffe9a8,#ffd76a 45%,#d99a1e);opacity:0;animation:lgdFondu .45s ease 2.1s forwards,lgdPulse 1.8s ease-in-out 2.8s 1}
.lgd-cta b{font-size:19px;background:#2a1d02;color:#ffd76a;border-radius:10px;padding:4px 10px;white-space:nowrap}
.lgd-cta:disabled{opacity:.6;cursor:wait}
.lgd-note-bas{font-size:11.5px;color:#a8977a;margin-top:8px;opacity:0;animation:lgdFondu .4s ease 2.3s forwards}
.lgd-refus{background:none;border:0;color:#a8977a;text-decoration:underline;cursor:pointer;margin-top:6px;font-size:13px;opacity:0;animation:lgdFondu .4s ease 2.4s forwards}
@keyframes lgdDescend{from{opacity:0;transform:translateY(-24px) scale(.9)}to{opacity:1;transform:none}}
@keyframes lgdSonne{0%,100%{transform:rotate(0)}20%{transform:rotate(-18deg)}40%{transform:rotate(16deg)}60%{transform:rotate(-12deg)}80%{transform:rotate(8deg)}}
@keyframes lgdFondu{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes lgdRetourne{0%{opacity:0;transform:rotateY(95deg) scale(.8)}60%{opacity:1;transform:rotateY(-10deg) scale(1.03)}100%{opacity:1;transform:none}}
@keyframes lgdBrille{to{transform:translateX(120%)}}
@keyframes lgdPop{0%{opacity:0;transform:scale(.6)}100%{opacity:1;transform:scale(1)}}
@keyframes lgdPulse{0%,100%{box-shadow:0 0 0 0 #ffd76a77}50%{box-shadow:0 0 0 12px #ffd76a00}}

/* ---------- le bureau du coach, habille d'or ---------- */
:is(body,body.menu-theme[data-vue="coach"]) #content .lgd-or .ch{--ch-v:#ffd76a;--ch-f:#17130a;--ch-l:#ffd76a24}
.lgd-bandeau{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;border-radius:16px;
  background:repeating-linear-gradient(135deg,#ffffff0a 0 8px,transparent 8px 16px),linear-gradient(120deg,#8a6512,#e9b93a 40%,#ffe9a8 52%,#d9a12a 64%,#6e4f0c);
  color:#2a1d02;box-shadow:0 8px 26px #ffd76a33,inset 0 0 0 1px #fff4}
.lgd-bandeau::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#fff8 48%,transparent 62%);transform:translateX(-130%);animation:lgdBrilleLong 4.5s ease-in-out 1s infinite}
.lgd-badge{flex:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;background:#2a1d02;color:#ffd76a;box-shadow:0 0 0 2px #ffe9a8,0 0 16px #fff6}
.lgd-bandeau-t{min-width:0;flex:1}
.lgd-bandeau-t b{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.lgd-bandeau-t span{display:block;font-size:13.5px;font-weight:700;line-height:1.3}
.lgd-bandeau .lgd-etoiles{color:#2a1d02;text-shadow:none;font-size:14px;letter-spacing:2px;flex:none}
:is(body,body.menu-theme[data-vue="coach"]) #content .lgd-or .ch-hero{border-color:#ffd76a88;
  background:repeating-linear-gradient(135deg,#ffd76a0a 0 12px,transparent 12px 24px),
             radial-gradient(circle at 50% 118%,transparent 58px,#ffd76a22 59px,#ffd76a22 60px,transparent 61px),
             linear-gradient(155deg,#4a3a0c 0%,#241b06 55%,#120e04 100%);box-shadow:0 10px 34px #0008,0 0 0 1px #ffd76a33,0 0 40px #ffd76a1f}
:is(body,body.menu-theme[data-vue="coach"]) #content .lgd-or .ch-av{background:linear-gradient(135deg,#ffe9a8,#d99a1e)}
:is(body,body.menu-theme[data-vue="coach"]) #content .lgd-or .ch-nom{background:linear-gradient(90deg,#fff3cf,#ffd76a 60%,#e9b93a);-webkit-background-clip:text;background-clip:text;color:transparent}
:is(body,body.menu-theme[data-vue="coach"]) #content .lgd-or .ch-chip{border-color:#ffd76a40;color:#fff3cf}
:is(body,body.menu-theme[data-vue="coach"]) #content .lgd-or .ch-quote{border-left-color:#ffd76a;background:#0006}
:is(body,body.menu-theme[data-vue="coach"]) #content .lgd-or .ch-tab.on{background:linear-gradient(135deg,#ffe9a8,#d9a12a);color:#2a1d02;box-shadow:0 4px 14px #ffd76a40}
:is(body,body.menu-theme[data-vue="coach"]) #content .lgd-or .ch-card{border-color:#ffd76a33;background:linear-gradient(180deg,#1d170a,#141008)}
:is(body,body.menu-theme[data-vue="coach"]) #content .lgd-or .ch-sujet,:is(body,body.menu-theme[data-vue="coach"]) #content .lgd-or .ch-pill,:is(body,body.menu-theme[data-vue="coach"]) #content .lgd-or .ch-tuile{background:#221b0c;border-color:#ffd76a2e}
:is(body,body.menu-theme[data-vue="coach"]) #content .lgd-or .ch-sujet:hover:not([disabled]){border-color:#ffd76a99;background:#2c2310}
:is(body,body.menu-theme[data-vue="coach"]) #content .lgd-or .ch-pill.on{background:#ffd76a;color:#2a1d02;border-color:#ffd76a}
:is(body,body.menu-theme[data-vue="coach"]) #content .lgd-or .ch-ini{background:linear-gradient(135deg,#ffe9a8,#d99a1e);color:#2a1d02}
@keyframes lgdBrilleLong{0%,55%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}
@media (max-width:420px){
  .lgd-bandeau{padding:10px 12px;gap:10px}
  .lgd-badge{width:38px;height:38px;font-size:19px}
  .lgd-bandeau-t span{font-size:12.5px}
  .lgd-bandeau .lgd-etoiles{font-size:11px;letter-spacing:1px}
  .lgd-carte{padding:20px 12px 14px}
  .lgd-nom{font-size:21px}
}
@media (prefers-reduced-motion:reduce){.lgd-pop *,.lgd-bandeau::after{animation:none!important;opacity:1!important;transform:none!important}.lgd-shine{display:none}}
/* 11/10/2026 (Ju : « la tete de Zidane n'est toujours pas dans le cadre ») : un portrait
   Studio arrive par avatarSVG() dans un <span class="avatar av-pt"> de 34 px, zoome a 180 %
   pour les petites pastilles. Dans ce rond de 104 px il restait minuscule, le haut du crane
   et le menton coupes. Ici la pastille remplit le rond et la photo montre toute la tete. */
.lgd-avatar .av-pt{width:100%!important;height:100%!important;border:0;box-shadow:none;background:none}
.lgd-avatar .av-pt img{width:118%!important;height:118%!important;left:-9%!important;top:1%!important}