/* css/packs/u.css | Source: MonarqueXD_v95L_GUILDORIGINS.html lignes 61009-61059 (id="mx-fx-pack-u-styles") */
/* ============================================================ */
/*  PACK U — Compteur EXACTEMENT à la place des 4 boutons      */
/*  Force CSS spécifique max + position absolute overlay        */
/* ============================================================ */

/* Wrapper parent de exercise-buttons et counter-section devient relative */
/* [2026-10-02] SÉLECTEUR « html body #login-screen ~ * #exercise-buttons » RETIRÉ.
   « En PvP le jeu devient très lent » : le combinateur `~` sur #login-screen (enfant
   direct de <body>, toujours dans le DOM) obligeait le navigateur à RESTYLER TOUT LE
   <body> (~1 134 éléments, 16 à 44 ms) à chaque retrait d'un enfant de <body> — en duel,
   ~3 fois par répétition (bulles de dégâts). Trace Chrome « Invalidation set invalidates
   subtree » nommant ce sélecteur. Mesuré : éléments restylés 77 149 → 3 581, recalcul de
   style 1 452 → 473 ms / 10 s de duel. Le 2e sélecteur couvre seul le même élément. */
html body #exercise-buttons {
  position: relative;
}

/* Si le counter est affiché, cache les 4 boutons en gardant leur espace */
body.mx-ex-active #exercise-buttons {
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Le counter-section quand actif vient EN HAUT, à la place des exercices */
body.mx-ex-active #counter-section {
  position: relative !important;
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  background: linear-gradient(160deg, rgba(20,12,30,.92) 0%, rgba(8,4,16,.96) 100%) !important;
  border: 2px solid rgba(170, 80, 255, .55) !important;
  border-radius: 18px !important;
  padding: 22px 18px !important;
  width: auto !important;
  max-width: 100% !important;
  box-shadow:
    0 0 35px rgba(170, 80, 255, .35),
    inset 0 1px 0 rgba(255, 255, 255, .1) !important;
  animation: mxCounterFadeIn 0.25s ease-out !important;
}

@keyframes mxCounterFadeIn {
  0%   { opacity: 0; transform: translateY(-10px) scale(.97); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* Cache plus fort le bouton "Choisir exercice" du Pack Q */
#mx-open-picker-btn { display: none !important; }