/* ============================================================
   css/main-patches.css
   Source: blocs <style id="main"> intercales entre les packs (l. 71077+)
   ============================================================ */

/* ===== BLOC STYLE lignes 71077-71080 (id=main) ===== */
#mx-equip-tuto-card { pointer-events: none !important; }
#mx-equip-tuto-card * { pointer-events: none !important; }

/* ===== BLOC STYLE lignes 71221-71278 (id=main) ===== */
/* v94X : si on est sur step kill-monster, force la carte tuto visible (battre les watchers cacheurs) */
body.mx-step-kill #tutoV4-card {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
/* Popup explication modes */
#mx-modes-popup {
  position: fixed;
  inset: 0;
  z-index: 99999998;
  background: rgba(0,0,0,.92);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  animation: fadeIn .3s ease-out;
  font-family: Cinzel, Rajdhani, sans-serif;
}
#mx-modes-popup .card {
  background: linear-gradient(160deg, #11132a, #06081a);
  border: 2px solid #ffd84a;
  border-radius: 22px;
  padding: 28px 24px;
  max-width: 480px;
  width: 100%;
  text-align: center;
  box-shadow: 0 0 60px rgba(255,215,74,.55);
  color: #fff;
}
#mx-modes-popup h2 {
  font-family: Cinzel, serif;
  color: #ffd84a;
  margin: 0 0 16px;
  font-size: 1.3em;
  letter-spacing: 2px;
}
#mx-modes-popup .modes-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 16px;
}
#mx-modes-popup .mode-item {
  background: rgba(80,220,255,.08);
  border: 1px solid rgba(80,220,255,.4);
  border-radius: 12px;
  padding: 10px;
  text-align: center;
}
#mx-modes-popup .mode-item .icon { font-size: 1.6em; display: block; margin-bottom: 4px; }
#mx-modes-popup .mode-item .name { color: #ffd84a; font-weight: 900; font-size: .9em; letter-spacing: 1px; }
#mx-modes-popup .mode-item .ex { color: #80e8ff; font-size: .8em; margin-top: 3px; }
#mx-modes-popup .countdown { color: #80e8ff; font-size: .85em; margin-top: 8px; }

/* ===== BLOC STYLE lignes 71411-71427 (id=main) ===== */
/* v95D : Carte tuto step 10 deplacee A DROITE pour ne pas bloquer le coffre */
body.mx-step-lottery #tutoV4-card {
  position: fixed !important;
  right: 12px !important;
  top: 80px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  max-width: 290px !important;
  width: 290px !important;
  z-index: 99999 !important;
  pointer-events: auto !important;
}
/* Bandeau retiré */
body.mx-step-lottery #mx-lottery-banner { display: none !important; }

/* ===== BLOC STYLE lignes 71830-71853 (id=main) ===== */
/* Step 10 : bandeau encore plus compact en haut a droite */
body.mx-step-lottery #mx-lottery-banner {
  position: fixed !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  transform: none !important;
  z-index: 999999 !important;
  background: linear-gradient(135deg,#ffd84a,#ff8c1a) !important;
  color: #1a0c00 !important;
  font-family: Cinzel, Rajdhani, sans-serif !important;
  font-weight: 900 !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 12px rgba(255,215,74,.5) !important;
  font-size: .72em !important;
  text-align: center !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
  pointer-events: none !important;
  max-width: 200px !important;
}

/* ===== BLOC STYLE lignes 73409-73464 (id=main) ===== */
/* ============================================================
   PACK v95Q_PVPPERFECT — styles arène PvP propre
   ============================================================ */
#pvp2-screen { position:fixed; inset:0; background:linear-gradient(160deg,#0a0a14,#1a1028); z-index:99000; display:none; flex-direction:column; padding:14px; overflow-y:auto; }
#pvp2-screen.visible { display:flex; }
#pvp2-screen .pvp2-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
#pvp2-screen .pvp2-title { font-family:Cinzel,serif; color:#ff6b6b; font-size:1.3em; font-weight:900; }
#pvp2-screen .pvp2-meta { display:flex; gap:8px; align-items:center; }
#pvp2-screen .pvp2-tag { padding:4px 10px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.15); border-radius:8px; font-size:0.72em; color:#fff; font-weight:700; }
#pvp2-screen .pvp2-vs-row { display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px; }
#pvp2-screen .pvp2-card { background:rgba(0,0,0,0.4); border:2px solid rgba(255,255,255,0.1); border-radius:14px; padding:12px; text-align:center; position:relative; }
#pvp2-screen .pvp2-card.me { border-color:#4ecdc4; box-shadow:0 0 20px rgba(78,205,196,0.2); }
#pvp2-screen .pvp2-card.opp { border-color:#ff6b6b; box-shadow:0 0 20px rgba(255,107,107,0.2); }
#pvp2-screen .pvp2-avatar { width:80px; height:80px; border-radius:50%; object-fit:cover; border:2px solid #fff; box-shadow:0 0 15px rgba(255,255,255,0.2); }
#pvp2-screen .pvp2-name { color:#fff; font-weight:800; font-size:0.95em; margin-top:6px; }
#pvp2-screen .pvp2-elo { color:#ffd700; font-size:0.7em; font-weight:700; }
#pvp2-screen .pvp2-hpbar { height:14px; background:rgba(0,0,0,0.5); border-radius:7px; overflow:hidden; border:1px solid rgba(255,255,255,0.1); margin-top:8px; position:relative; }
#pvp2-screen .pvp2-hpfill { height:100%; transition:width 0.4s; background:linear-gradient(90deg,#7adb8a,#4caf50); }
#pvp2-screen .pvp2-hpfill.low { background:linear-gradient(90deg,#ff5050,#cc0000); }
#pvp2-screen .pvp2-hptxt { position:absolute; inset:0; text-align:center; color:#fff; font-size:0.7em; font-weight:800; line-height:14px; text-shadow:0 0 4px #000; }
#pvp2-screen .pvp2-vs { font-family:Cinzel,serif; color:#ffd700; font-size:1.6em; font-weight:900; text-align:center; }
#pvp2-screen .pvp2-meteo-bar { background:rgba(170,68,255,0.1); border:1px solid rgba(170,68,255,0.3); border-radius:8px; padding:6px 10px; text-align:center; color:#aa44ff; font-weight:700; font-size:0.78em; margin-bottom:10px; }
#pvp2-screen .pvp2-timer { background:rgba(255,180,0,0.1); border:1px solid rgba(255,180,0,0.3); border-radius:8px; padding:6px; text-align:center; color:#ffaa00; font-weight:800; font-size:0.95em; margin-bottom:10px; }
#pvp2-screen .pvp2-bet { background:rgba(255,215,0,0.08); border:1px solid rgba(255,215,0,0.25); border-radius:8px; padding:6px 10px; text-align:center; color:#ffd700; font-weight:700; font-size:0.75em; margin-bottom:10px; }
#pvp2-screen .pvp2-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:10px; }
#pvp2-screen .pvp2-ex-btn { padding:14px; background:linear-gradient(135deg,#4ecdc4,#3ab5ad); color:#000; border:none; border-radius:10px; font-weight:900; cursor:pointer; font-size:0.9em; transition:transform 0.1s; }
#pvp2-screen .pvp2-ex-btn:hover { transform:scale(1.03); }
#pvp2-screen .pvp2-ex-btn:active { transform:scale(0.97); }
#pvp2-screen .pvp2-spells { background:rgba(170,68,255,0.06); border:1px solid rgba(170,68,255,0.2); border-radius:10px; padding:8px; margin-bottom:10px; }
#pvp2-screen .pvp2-spells-title { color:#aa44ff; font-size:0.7em; font-weight:800; text-transform:uppercase; margin-bottom:6px; }
#pvp2-screen .pvp2-spell-btn { padding:8px; background:rgba(170,68,255,0.15); border:1px solid #aa44ff; border-radius:8px; color:#e0bbff; cursor:pointer; font-weight:700; font-size:0.75em; margin:3px; }
#pvp2-screen .pvp2-spell-btn:disabled { opacity:0.4; cursor:not-allowed; }
#pvp2-screen .pvp2-quit { padding:10px; background:rgba(255,68,68,0.1); border:1.5px solid rgba(255,68,68,0.4); border-radius:10px; color:#ff6b6b; cursor:pointer; font-weight:800; }
#pvp2-screen .pvp2-conn { position:absolute; top:8px; right:8px; padding:2px 6px; border-radius:4px; font-size:0.6em; font-weight:800; }
#pvp2-screen .pvp2-conn.ok { background:rgba(78,205,196,0.2); color:#4ecdc4; }
#pvp2-screen .pvp2-conn.bad { background:rgba(255,68,68,0.25); color:#ff6b6b; }

/* Float damage */
.pvp2-float { position:absolute; font-family:'Space Grotesk',sans-serif; font-weight:900; font-size:1.5em; color:#ff4444; text-shadow:0 0 8px #000; pointer-events:none; animation:pvp2FloatAnim 1.2s ease-out forwards; z-index:99999; }
.pvp2-float.heal { color:#7adb8a; }
@keyframes pvp2FloatAnim { 0%{transform:translateY(0) scale(0.6);opacity:0;} 20%{transform:translateY(-10px) scale(1.2);opacity:1;} 100%{transform:translateY(-60px) scale(1);opacity:0;} }

/* Shake */
.pvp2-shake { animation:pvp2Shake 0.4s; }
@keyframes pvp2Shake { 0%,100%{transform:translate(0,0);} 20%{transform:translate(-6px,3px);} 40%{transform:translate(6px,-3px);} 60%{transform:translate(-4px,4px);} 80%{transform:translate(4px,-4px);} }

/* Result modal */
#pvp2-result { position:fixed; inset:0; z-index:99500; background:rgba(0,0,0,0.85); display:flex; align-items:center; justify-content:center; padding:20px; }
#pvp2-result .result-card { background:linear-gradient(160deg,#1a1028,#0a0a14); border:3px solid; border-radius:20px; padding:30px; text-align:center; max-width:400px; width:100%; }
#pvp2-result.win .result-card { border-color:#7adb8a; box-shadow:0 0 60px rgba(122,219,138,0.4); }
#pvp2-result.lose .result-card { border-color:#ff5050; box-shadow:0 0 60px rgba(255,80,80,0.4); }
#pvp2-result h1 { font-family:Cinzel,serif; font-size:2.5em; margin:0 0 12px; }
#pvp2-result.win h1 { color:#7adb8a; }
#pvp2-result.lose h1 { color:#ff5050; }

/* ===== BLOC STYLE lignes 74625-74674 (id=main) ===== */
/* ============================================================
   PACK v95U_HDVPERFECT — styles HDV refondu
   ============================================================ */
#hdv2-screen { position:fixed; inset:0; background:linear-gradient(160deg,#0a0a14,#1a1028); z-index:99000; display:none; flex-direction:column; padding:14px; overflow-y:auto; }
#hdv2-screen.visible { display:flex; }
#hdv2-screen .hdv2-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; flex-wrap:wrap; gap:8px; }
#hdv2-screen .hdv2-title { font-family:Cinzel,serif; color:#ffd84a; font-size:1.4em; font-weight:900; display:flex; align-items:center; gap:8px; }
#hdv2-screen .hdv2-meta { display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
#hdv2-screen .hdv2-tag { padding:5px 10px; background:rgba(255,215,74,0.08); border:1px solid rgba(255,215,74,0.3); border-radius:8px; font-size:0.72em; color:#ffd84a; font-weight:700; }
#hdv2-screen .hdv2-close { position:relative; z-index:100001; background:rgba(255,80,80,0.18); border:1.5px solid #ff5050; color:#ff5050; padding:8px 16px; border-radius:8px; cursor:pointer; font-weight:900; font-size:0.95em; }
#hdv2-screen .hdv2-close:hover { background:rgba(255,80,80,0.3); }
/* [v96-fix-hdv-mute] Cacher le bouton mute global quand HDV ouvert (sinon il chevauche le close) */
body:has(#hdv2-screen.visible) #mx-mute-btn,
body:has(#coop2-screen.visible) #mx-mute-btn,
body:has(#pvp2-screen.visible) #mx-mute-btn,
body:has(#pvp2v2-screen.visible) #mx-mute-btn { display:none !important; }
#hdv2-screen .hdv2-tabs { display:flex; gap:6px; margin-bottom:12px; flex-wrap:wrap; }
#hdv2-screen .hdv2-tab { flex:1; min-width:90px; padding:10px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:10px; color:#aaa; cursor:pointer; font-weight:700; font-size:0.78em; transition:all .2s; display:flex; align-items:center; justify-content:center; gap:6px; }
#hdv2-screen .hdv2-tab.active { background:linear-gradient(135deg,#ffd84a,#cc9900); color:#000; border-color:#ffd84a; }
#hdv2-screen .hdv2-toolbar { display:flex; gap:6px; align-items:center; margin-bottom:10px; flex-wrap:wrap; }
#hdv2-screen .hdv2-search { flex:1; min-width:140px; padding:8px 12px; background:rgba(0,0,0,0.4); border:1px solid rgba(255,215,74,0.25); border-radius:8px; color:#fff; outline:none; font-size:0.85em; }
#hdv2-screen .hdv2-tool-btn { padding:8px 12px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.15); color:#fff; border-radius:8px; cursor:pointer; display:flex; align-items:center; gap:5px; font-size:0.78em; font-weight:700; }
#hdv2-screen .hdv2-tool-btn:hover { background:rgba(255,215,74,0.1); border-color:#ffd84a; }
#hdv2-screen .hdv2-tool-btn.active { background:rgba(255,215,74,0.2); border-color:#ffd84a; color:#ffd84a; }
#hdv2-screen .hdv2-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:10px; }
#hdv2-screen .hdv2-card { background:linear-gradient(135deg,rgba(40,30,60,0.7),rgba(20,10,30,0.7)); border:2px solid; border-radius:12px; padding:12px; cursor:pointer; transition:transform .15s, box-shadow .15s; position:relative; }
#hdv2-screen .hdv2-card:hover { transform:translateY(-3px); box-shadow:0 8px 25px rgba(0,0,0,0.4); }
#hdv2-screen .hdv2-card-head { display:flex; gap:10px; align-items:center; margin-bottom:8px; }
#hdv2-screen .hdv2-card-img { width:48px; height:48px; border-radius:8px; object-fit:cover; background:rgba(0,0,0,0.4); }
#hdv2-screen .hdv2-card-name { color:#fff; font-weight:800; font-size:0.95em; line-height:1.2; }
#hdv2-screen .hdv2-card-rar { font-size:0.65em; text-transform:uppercase; letter-spacing:0.1em; font-weight:800; }
#hdv2-screen .hdv2-card-stats { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:8px; font-size:0.72em; }
#hdv2-screen .hdv2-card-stat { padding:2px 7px; background:rgba(255,255,255,0.05); border-radius:5px; color:#aaa; }
#hdv2-screen .hdv2-card-stat.dmg { color:#ff8866; background:rgba(255,80,50,0.1); }
#hdv2-screen .hdv2-card-stat.hp { color:#7adb8a; background:rgba(122,219,138,0.1); }
#hdv2-screen .hdv2-card-foot { display:flex; justify-content:space-between; align-items:center; margin-top:6px; }
#hdv2-screen .hdv2-card-price { color:#ffd84a; font-weight:900; font-size:1.1em; display:flex; align-items:center; gap:3px; }
#hdv2-screen .hdv2-card-seller { color:#888; font-size:0.7em; }
#hdv2-screen .hdv2-fav { position:absolute; top:6px; right:6px; cursor:pointer; opacity:0.5; transition:opacity .15s; }
#hdv2-screen .hdv2-fav:hover, #hdv2-screen .hdv2-fav.active { opacity:1; }
#hdv2-screen .hdv2-empty { text-align:center; color:#888; padding:40px; }

/* Modals filtres / preview / vente */
.hdv2-modal { position:fixed; inset:0; background:rgba(0,0,0,0.88); z-index:99500; display:flex; align-items:center; justify-content:center; padding:18px; backdrop-filter:blur(8px); }
.hdv2-modal-card { background:linear-gradient(160deg,#1a1028,#0a0a14); border:2px solid #ffd84a; border-radius:16px; padding:22px; max-width:480px; width:100%; max-height:85vh; overflow-y:auto; }
.hdv2-modal-card h3 { color:#ffd84a; margin:0 0 14px; font-family:Cinzel,serif; display:flex; align-items:center; gap:8px; }
.hdv2-field { margin-bottom:10px; }
.hdv2-field label { display:block; color:#aaa; font-size:0.75em; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; margin-bottom:4px; }
.hdv2-field input, .hdv2-field select { width:100%; padding:9px; background:rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.15); border-radius:8px; color:#fff; outline:none; font-size:0.9em; box-sizing:border-box; }
.hdv2-field input:focus, .hdv2-field select:focus { border-color:#ffd84a; }
.hdv2-row2 { display:grid; grid-template-columns:1fr 1fr; gap:8px; }

/* SVG inline helpers */
.hdv2-svg { vertical-align:middle; flex-shrink:0; }

/* ===== BLOC STYLE lignes 75506-75559 (id=main) ===== */
/* ============================================================
   PACK v95Y_COOPDUNGEON — styles arène coop
   ============================================================ */
#coop2-screen { position:fixed; inset:0; background:linear-gradient(160deg,#0a140a,#1a2810); z-index:99000; display:none; flex-direction:column; padding:14px; overflow-y:auto; }
#coop2-screen.visible { display:flex; }
#coop2-screen .coop2-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; flex-wrap:wrap; gap:8px; }
#coop2-screen .coop2-title { font-family:Cinzel,serif; color:#aaff00; font-size:1.3em; font-weight:900; display:flex; align-items:center; gap:8px; }
#coop2-screen .coop2-tag { padding:4px 10px; background:rgba(170,255,0,0.08); border:1px solid rgba(170,255,0,0.3); border-radius:8px; font-size:0.72em; color:#aaff00; font-weight:700; }
#coop2-screen .coop2-vs-row { display:grid; grid-template-columns:1fr 1.2fr 1fr; gap:10px; align-items:center; margin-bottom:14px; }
#coop2-screen .coop2-card { background:rgba(0,0,0,0.4); border:2px solid rgba(170,255,0,0.3); border-radius:14px; padding:12px; text-align:center; position:relative; }
#coop2-screen .coop2-card.me { border-color:#4ecdc4; box-shadow:0 0 18px rgba(78,205,196,0.2); }
#coop2-screen .coop2-card.partner { border-color:#aaff00; box-shadow:0 0 18px rgba(170,255,0,0.2); }
#coop2-screen .coop2-card.monster { border-color:#ff5050; box-shadow:0 0 25px rgba(255,80,80,0.25); padding:14px; }
#coop2-screen .coop2-avatar { width:72px; height:72px; border-radius:50%; object-fit:cover; border:2px solid #fff; }
#coop2-screen .coop2-monster-img { width:120px; height:120px; border-radius:12px; object-fit:cover; border:2px solid #ff5050; margin:0 auto; display:block; }
#coop2-screen .coop2-name { color:#fff; font-weight:800; font-size:0.92em; margin-top:6px; }
#coop2-screen .coop2-monster-name { color:#ff8866; font-weight:900; font-size:1.05em; margin-top:6px; font-family:Cinzel,serif; }
#coop2-screen .coop2-hpbar { height:13px; background:rgba(0,0,0,0.5); border-radius:6px; overflow:hidden; border:1px solid rgba(255,255,255,0.1); margin-top:8px; position:relative; }
#coop2-screen .coop2-hpfill { height:100%; transition:width 0.4s; background:linear-gradient(90deg,#7adb8a,#4caf50); }
#coop2-screen .coop2-hpfill.me { background:linear-gradient(90deg,#4ecdc4,#3aa89f); }
#coop2-screen .coop2-hpfill.partner { background:linear-gradient(90deg,#aaff00,#88cc00); }
#coop2-screen .coop2-hpfill.monster { background:linear-gradient(90deg,#ff5050,#cc0000); }
#coop2-screen .coop2-hpfill.low { background:linear-gradient(90deg,#ff0,#f80); }
#coop2-screen .coop2-hptxt { position:absolute; inset:0; text-align:center; color:#fff; font-size:0.7em; font-weight:800; line-height:13px; text-shadow:0 0 4px #000; }
#coop2-screen .coop2-stats-bar { display:flex; gap:10px; justify-content:center; margin-bottom:10px; flex-wrap:wrap; }
#coop2-screen .coop2-stat { padding:4px 10px; background:rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.1); border-radius:8px; font-size:0.78em; color:#fff; }
#coop2-screen .coop2-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:8px; }
#coop2-screen .coop2-ex-btn { padding:13px; background:linear-gradient(135deg,#aaff00,#88cc00); color:#000; border:none; border-radius:10px; font-weight:900; cursor:pointer; font-size:0.88em; transition:transform .1s; }
#coop2-screen .coop2-ex-btn:hover { transform:scale(1.03); }
#coop2-screen .coop2-ex-btn:active { transform:scale(.97); }
#coop2-screen .coop2-emotes { display:flex; gap:8px; justify-content:center; margin-bottom:8px; }
#coop2-screen .coop2-emote-btn { padding:8px 12px; background:rgba(170,255,0,0.1); border:1px solid rgba(170,255,0,0.3); border-radius:8px; cursor:pointer; font-size:1.1em; color:#aaff00; }
#coop2-screen .coop2-emote-btn:hover { background:rgba(170,255,0,0.25); }
#coop2-screen .coop2-quit { padding:9px; background:rgba(255,68,68,0.1); border:1.5px solid rgba(255,68,68,0.4); border-radius:10px; color:#ff6b6b; cursor:pointer; font-weight:800; }
#coop2-screen .coop2-conn { position:absolute; top:6px; right:6px; padding:2px 6px; border-radius:4px; font-size:0.6em; font-weight:800; }
#coop2-screen .coop2-conn.ok { background:rgba(78,205,196,0.2); color:#4ecdc4; }
#coop2-screen .coop2-conn.bad { background:rgba(255,80,80,0.25); color:#ff6b6b; }
#coop2-screen .coop2-emote-bubble { position:absolute; top:-30px; left:50%; transform:translateX(-50%); background:#000; border:1px solid rgba(170,255,0,0.4); border-radius:12px; padding:4px 10px; font-size:1.2em; animation:coopBubble 2.4s; z-index:10; pointer-events:none; }
@keyframes coopBubble { 0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.6);} 15%{opacity:1;transform:translateX(-50%) translateY(0) scale(1);} 80%{opacity:1;} 100%{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.9);} }
.coop2-float { position:absolute; font-family:'Space Grotesk',sans-serif; font-weight:900; font-size:1.3em; color:#ff4444; text-shadow:0 0 8px #000; pointer-events:none; animation:coop2FloatAnim 1.2s ease-out forwards; z-index:99999; }
.coop2-float.heal { color:#7adb8a; }
.coop2-float.dmg-out { color:#ffd84a; }
@keyframes coop2FloatAnim { 0%{opacity:0;transform:translateY(0) scale(.6);} 20%{opacity:1;transform:translateY(-10px) scale(1.2);} 100%{opacity:0;transform:translateY(-50px) scale(1);} }
.coop2-shake { animation:coop2Shake 0.4s; }
@keyframes coop2Shake { 0%,100%{transform:translate(0);} 20%{transform:translate(-4px,2px);} 40%{transform:translate(4px,-2px);} 60%{transform:translate(-3px,3px);} 80%{transform:translate(3px,-3px);} }
#coop2-result { position:fixed; inset:0; z-index:99500; background:rgba(0,0,0,0.85); display:flex; align-items:center; justify-content:center; padding:20px; }
#coop2-result .res-card { background:linear-gradient(160deg,#0a140a,#1a2810); border:3px solid; border-radius:20px; padding:28px; text-align:center; max-width:420px; width:100%; }
#coop2-result.win .res-card { border-color:#aaff00; box-shadow:0 0 60px rgba(170,255,0,0.4); }
#coop2-result.lose .res-card { border-color:#ff5050; box-shadow:0 0 60px rgba(255,80,80,0.4); }
#coop2-result h1 { font-family:Cinzel,serif; font-size:2.3em; margin:0 0 12px; }
#coop2-result.win h1 { color:#aaff00; }
#coop2-result.lose h1 { color:#ff5050; }

/* ===== BLOC STYLE lignes 76559-76597 (id=main) ===== */
/* PACK v95AG — Arène 2v2 styles */
#pvp2v2-screen { position:fixed; inset:0; background:linear-gradient(160deg,#0a0a14,#280a14); z-index:99000; display:none; flex-direction:column; padding:14px; overflow-y:auto; }
#pvp2v2-screen.visible { display:flex; }
#pvp2v2-screen .h2v2 { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; flex-wrap:wrap; gap:8px; }
#pvp2v2-screen .h2v2-title { font-family:Cinzel,serif; color:#ff6b6b; font-size:1.3em; font-weight:900; display:flex; align-items:center; gap:8px; }
#pvp2v2-screen .teams-row { display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px; }
#pvp2v2-screen .team-block { display:flex; flex-direction:column; gap:8px; }
#pvp2v2-screen .team-block.team-me { border-left:3px solid #4ecdc4; padding-left:8px; }
#pvp2v2-screen .team-block.team-opp { border-right:3px solid #ff6b6b; padding-right:8px; }
#pvp2v2-screen .pcard { background:rgba(0,0,0,0.4); border:2px solid rgba(255,255,255,0.1); border-radius:12px; padding:10px; text-align:center; position:relative; }
#pvp2v2-screen .pcard.me { border-color:#4ecdc4; box-shadow:0 0 14px rgba(78,205,196,0.2); }
#pvp2v2-screen .pcard.partner { border-color:#7adb8a; box-shadow:0 0 14px rgba(122,219,138,0.2); }
#pvp2v2-screen .pcard.opp { border-color:#ff6b6b; box-shadow:0 0 14px rgba(255,107,107,0.2); }
#pvp2v2-screen .pcard.opppar { border-color:#ff8866; box-shadow:0 0 14px rgba(255,136,102,0.2); }
#pvp2v2-screen .pcard.dead { opacity:0.45; filter:grayscale(0.6); }
#pvp2v2-screen .pavatar { width:60px; height:60px; border-radius:50%; object-fit:cover; border:2px solid #fff; }
#pvp2v2-screen .pname { color:#fff; font-weight:800; font-size:0.85em; margin-top:5px; line-height:1.1; }
#pvp2v2-screen .pelo { color:#ffd700; font-size:0.65em; font-weight:700; }
#pvp2v2-screen .phpbar { height:10px; background:rgba(0,0,0,0.5); border-radius:5px; overflow:hidden; border:1px solid rgba(255,255,255,0.1); margin-top:6px; position:relative; }
#pvp2v2-screen .phpfill { height:100%; transition:width 0.4s; }
#pvp2v2-screen .phpfill.me { background:linear-gradient(90deg,#4ecdc4,#3aa89f); }
#pvp2v2-screen .phpfill.partner { background:linear-gradient(90deg,#7adb8a,#4caf50); }
#pvp2v2-screen .phpfill.opp { background:linear-gradient(90deg,#ff6b6b,#cc3333); }
#pvp2v2-screen .phpfill.opppar { background:linear-gradient(90deg,#ff8866,#cc4422); }
#pvp2v2-screen .phpfill.low { background:linear-gradient(90deg,#ff0,#f80); }
#pvp2v2-screen .phptxt { position:absolute; inset:0; text-align:center; color:#fff; font-size:0.62em; font-weight:800; line-height:10px; text-shadow:0 0 4px #000; }
#pvp2v2-screen .vs2 { font-family:Cinzel,serif; color:#ffd700; font-size:1.6em; font-weight:900; text-align:center; padding:0 6px; }
#pvp2v2-screen .actions2v2 { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:8px; }
#pvp2v2-screen .ex2v2-btn { padding:13px; background:linear-gradient(135deg,#ff6b6b,#cc3333); color:#fff; border:none; border-radius:10px; font-weight:900; cursor:pointer; font-size:0.88em; }
#pvp2v2-screen .ex2v2-btn:hover { transform:scale(1.03); }
#pvp2v2-screen .ex2v2-btn:active { transform:scale(.97); }
#pvp2v2-screen .quit2v2 { padding:9px; background:rgba(255,68,68,0.1); border:1.5px solid rgba(255,68,68,0.4); border-radius:10px; color:#ff6b6b; cursor:pointer; font-weight:800; }
#pvp2v2-screen .target-pick { display:flex; gap:6px; justify-content:center; margin-bottom:8px; flex-wrap:wrap; }
#pvp2v2-screen .target-btn { padding:6px 14px; background:rgba(255,80,80,0.1); border:1.5px solid rgba(255,80,80,0.3); color:#ff8866; border-radius:8px; cursor:pointer; font-size:0.78em; font-weight:700; }
#pvp2v2-screen .target-btn.selected { background:#ff6b6b; color:#fff; border-color:#ff6b6b; }
.p2v2-float { position:absolute; font-family:'Space Grotesk',sans-serif; font-weight:900; font-size:1.2em; color:#ff4444; text-shadow:0 0 8px #000; pointer-events:none; animation:p2v2FloatA 1.2s ease-out forwards; z-index:99999; }
@keyframes p2v2FloatA { 0%{opacity:0;transform:translateY(0) scale(.6);} 20%{opacity:1;transform:translateY(-10px) scale(1.2);} 100%{opacity:0;transform:translateY(-50px) scale(1);} }

/* ===== BLOC STYLE lignes 77386-77410 (id=main) ===== */
/* PACK v95AI — Tournoi Gladiateur styles */
#glad-modal { position:fixed; inset:0; background:rgba(0,0,0,0.92); backdrop-filter:blur(8px); z-index:99500; display:flex; align-items:flex-start; justify-content:center; padding:20px; overflow-y:auto; }
#glad-modal .glad-card { background:linear-gradient(160deg,#1a0a05,#0a0a1a); border:2px solid #ffd700; border-radius:18px; padding:24px; max-width:600px; width:100%; }
#glad-modal h2 { font-family:Cinzel,serif; color:#ffd700; margin:0 0 16px; text-align:center; font-size:1.5em; display:flex;align-items:center;justify-content:center;gap:8px; }
#glad-modal .glad-bracket { display:flex; flex-direction:column; gap:18px; margin:16px 0; }
#glad-modal .glad-round { background:rgba(255,215,0,0.04); border:1px solid rgba(255,215,0,0.15); border-radius:12px; padding:12px; }
#glad-modal .glad-round-title { color:#ffd700; font-size:0.78em; font-weight:800; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:10px; text-align:center; }
#glad-modal .glad-match { display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; padding:10px; background:rgba(0,0,0,0.4); border-radius:10px; margin-bottom:6px; transition:all .3s; }
#glad-modal .glad-match.fighting { border:2px solid #ff8866; box-shadow:0 0 20px rgba(255,136,102,0.4); animation:gladPulse 1s infinite; }
#glad-modal .glad-match.done { opacity:0.8; }
@keyframes gladPulse { 0%,100%{box-shadow:0 0 20px rgba(255,136,102,0.4);} 50%{box-shadow:0 0 30px rgba(255,136,102,0.7);} }
#glad-modal .glad-fighter { display:flex; align-items:center; gap:8px; padding:6px; border-radius:8px; }
#glad-modal .glad-fighter.right { flex-direction:row-reverse; text-align:right; }
#glad-modal .glad-fighter.winner { background:linear-gradient(90deg,rgba(170,255,0,0.15),transparent); border-left:3px solid #aaff00; }
#glad-modal .glad-fighter.winner.right { background:linear-gradient(-90deg,rgba(170,255,0,0.15),transparent); border-left:none; border-right:3px solid #aaff00; }
#glad-modal .glad-fighter.loser { opacity:0.45; filter:grayscale(0.8); }
#glad-modal .glad-fav { width:42px; height:42px; border-radius:50%; object-fit:cover; border:2px solid; flex-shrink:0; }
#glad-modal .glad-fname { color:#fff; font-weight:800; font-size:0.85em; line-height:1.1; }
#glad-modal .glad-forig { font-size:0.7em; font-weight:700; }
#glad-modal .glad-vs { font-family:Cinzel,serif; color:#ffd700; font-weight:900; font-size:1.1em; }
#glad-modal .glad-champion { background:linear-gradient(135deg,rgba(255,215,0,0.2),rgba(255,140,0,0.05)); border:2px solid #ffd700; border-radius:14px; padding:18px; text-align:center; margin-top:14px; }
#glad-modal .glad-champion h3 { color:#ffd700; font-family:Cinzel,serif; margin:0 0 10px; font-size:1.3em; }
#glad-modal .glad-champion-img { width:90px; height:90px; border-radius:50%; object-fit:cover; border:3px solid #ffd700; margin:0 auto; display:block; box-shadow:0 0 30px rgba(255,215,0,0.6); }