/* Le guide du lapin (25/09/2026) : le halo sur la cible et la bulle du patron.
   Au-dessus du bandeau (10, 45 menu ouvert), sous les fenêtres (profil 60, notifications 62,
   hub 65, affiche 70, choix du rendu 80, pop-up du patron 9000) : le guide se met de toute
   façon en veille dès que l'une d'elles s'ouvre. */

#guideHalo{position:fixed;z-index:46;display:none;pointer-events:none;border-radius:12px;
  border:2px solid var(--laiton-clair,#E8CE79);
  box-shadow:0 0 0 9999px rgba(5,9,7,.55),0 0 18px 2px rgba(232,206,121,.65);
  transition:left .25s ease,top .25s ease,width .25s ease,height .25s ease;animation:gdPouls 1.6s ease-in-out infinite}
#guideHalo.vu{display:block}
#guideHalo.plein{left:50%!important;top:50%;width:0;height:0;border:0;animation:none}
@keyframes gdPouls{0%,100%{border-color:rgba(232,206,121,.95)}50%{border-color:rgba(232,206,121,.35)}}

#guideBulle{position:fixed;z-index:47;display:none;box-sizing:border-box;max-width:calc(100vw - 20px);
  background:linear-gradient(165deg,#233F31,#0F1A14 75%);color:var(--creme,#F1E9D6);
  border:1px solid rgba(201,162,39,.6);border-radius:14px;padding:12px 14px 10px;
  box-shadow:0 14px 40px rgba(0,0,0,.6);font-family:"Instrument Sans",sans-serif;
  transition:left .25s ease,top .25s ease}
#guideBulle.vu{display:block;animation:gdEntree .3s ease-out}
@keyframes gdEntree{from{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}
#guideBulle .gd-fleche{position:absolute;width:14px;height:14px;background:#233F31;border:1px solid rgba(201,162,39,.6);transform:translateX(-50%) rotate(45deg);display:none}
#guideBulle .gd-fleche.haut{display:block;top:-8px;border-right:0;border-bottom:0}
#guideBulle .gd-fleche.bas{display:block;bottom:-8px;background:#10201a;border-left:0;border-top:0}
#guideBulle .gd-tete{display:flex;align-items:center;gap:10px;margin-bottom:6px}
#guideBulle .gd-lapin{width:40px;height:40px;border-radius:50%;flex:none;border:1px solid rgba(232,206,121,.5);animation:gdHoche 2.4s ease-in-out infinite}
@keyframes gdHoche{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
#guideBulle .gd-n{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.55}
#guideBulle .gd-titre{display:block;font-family:"Fraunces",serif;font-weight:900;font-size:18px;line-height:1.15;color:var(--laiton-clair,#E8CE79)}
#guideBulle .gd-texte{margin:0;font-size:13.5px;line-height:1.5}
#guideBulle .gd-recompense{margin:8px 0 0;font-weight:600;color:#9FDDB8;font-size:14px}
#guideBulle .gd-erreur{margin:6px 0 0;font-size:12.5px;color:#F0938C}
#guideBulle .gd-erreur:empty{display:none}
#guideBulle .gd-pied{display:flex;align-items:center;gap:6px;margin-top:10px}
#guideBulle .gd-points{display:flex;gap:4px;flex:1;min-width:0}
#guideBulle .gd-points i{width:6px;height:6px;border-radius:50%;background:rgba(241,233,214,.2)}
#guideBulle .gd-points i.vu{background:var(--laiton,#C9A227)}
#guideBulle button{font:600 13px "Instrument Sans",sans-serif;border-radius:9px;min-height:36px;cursor:pointer;padding:6px 12px}
#guideBulle .gd-passer{background:none;border:0;color:inherit;opacity:.6;padding:6px 8px}
#guideBulle .gd-retour{background:rgba(241,233,214,.06);border:1px solid rgba(241,233,214,.25);color:inherit;min-width:36px;padding:6px 0;font-size:17px;line-height:1}
#guideBulle .gd-suivant{background:var(--laiton,#C9A227);border:0;color:#17181c}
#guideBulle .gd-suivant:disabled{opacity:.5;cursor:progress}
#guideBulle [hidden]{display:none!important}
#guideBulle.gd-final{border-color:var(--laiton-clair,#E8CE79);box-shadow:0 0 30px rgba(232,206,121,.35),0 14px 40px rgba(0,0,0,.6)}
#guideBulle.gd-final .gd-lapin{width:52px;height:52px}
@media (max-width:420px){
  #guideBulle{padding:10px 12px 8px}
  #guideBulle .gd-texte{font-size:13px}
  #guideBulle .gd-titre{font-size:16.5px}
}