.live-community-v33{padding-block:clamp(34px,5vw,68px);background:radial-gradient(circle at 15% 0,rgba(0,217,255,.12),transparent 38%),radial-gradient(circle at 85% 10%,rgba(255,67,208,.11),transparent 42%)}.live-community-grid-v33{display:grid;grid-template-columns:1fr 1fr;gap:18px}.live-community-head-v33{grid-column:1/-1;max-width:820px}.live-community-head-v33 h2{font-family:Sora,Inter,sans-serif;font-size:clamp(1.8rem,3vw,3rem);margin:10px 0}.live-community-head-v33 p{color:#cbd5e1}.live-calls-panel-v33,.live-chat-panel-v33{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 22px 70px rgba(0,0,0,.3)}.live-panel-head-v33{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}.live-panel-head-v33 h3{font-family:Sora,Inter,sans-serif;margin:0;color:#fff}.live-panel-head-v33 span{font-weight:900;color:#7dd3fc;font-size:.82rem}.live-call-list-v33,.live-chat-list-v33{display:grid;gap:10px;min-height:220px;max-height:360px;overflow:auto;padding:10px;border-radius:20px;background:rgba(3,7,18,.42);border:1px solid rgba(255,255,255,.08);overscroll-behavior:contain}.live-chat-message-v33,.live-call-item-v33,.live-empty-v33{padding:12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09)}.live-chat-message-v33 strong,.live-call-item-v33 strong{display:block;color:#fff}.live-chat-message-v33 p,.live-call-item-v33 p{margin:5px 0;color:#dbeafe;line-height:1.45;overflow-wrap:anywhere}.live-chat-message-v33 span,.live-call-item-v33 span,.live-empty-v33{color:#94a3b8;font-size:.82rem}.live-call-form-v33,.live-chat-form-v33{display:grid;gap:10px;margin-top:14px}.live-call-form-v33 label,.live-chat-form-v33 label{font-weight:900;color:#dbeafe;font-size:.88rem}.live-input-row-v33{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.live-input-row-v33 input{width:100%;min-height:46px;border-radius:15px;border:1px solid rgba(255,255,255,.13);background:rgba(6,12,31,.76);color:#fff;padding:0 13px}.live-input-row-v33 input:focus{outline:none;border-color:rgba(0,217,255,.45);box-shadow:0 0 0 3px rgba(0,217,255,.11)}.live-community-status-v33{margin-top:12px;color:#9fb0d0;font-weight:800}.live-community-status-v33[data-type=success]{color:#bbf7d0}.live-community-status-v33[data-type=danger]{color:#fecaca}.live-login-modal-v33{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:10000;padding:18px}.live-login-modal-v33.is-open{display:flex}.live-login-backdrop-v33{position:absolute;inset:0;background:rgba(2,6,23,.78);backdrop-filter:blur(14px)}.live-login-panel-v33{position:relative;width:min(100%,560px);padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(12,18,44,.98),rgba(5,8,23,.98));box-shadow:0 28px 100px rgba(0,0,0,.55)}.live-login-panel-v33 h2{font-family:Sora,Inter,sans-serif;color:#fff}.live-login-panel-v33 p{color:#cbd5e1}.live-login-close-v33{position:absolute;right:16px;top:14px;width:38px;height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;font-size:1.3rem}.live-login-actions-v33{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.live-login-actions-v33 .is-disabled{opacity:.7;pointer-events:none}@media(max-width:860px){.live-community-grid-v33{grid-template-columns:1fr}.live-input-row-v33{grid-template-columns:1fr}.live-input-row-v33 .btn{width:100%;justify-content:center}.live-call-list-v33,.live-chat-list-v33{max-height:300px}}@media(prefers-reduced-motion:reduce){.live-login-modal-v33 *{transition:none!important}}

/* V34 — Calls Rumble automatiques + meilleur call */
.live-best-call-v34{grid-column:1/-1;padding:18px;border-color:rgba(255,215,0,.25)!important;background:linear-gradient(135deg,rgba(255,215,0,.12),rgba(0,217,255,.08),rgba(255,67,208,.08))!important}.live-call-row-v34{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center}.live-call-avatar-v34{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(135deg,#00d9ff,#ff43d0);color:#061329;font-weight:1000;overflow:hidden;box-shadow:0 0 18px rgba(0,217,255,.18)}.live-call-avatar-v34 img{width:100%;height:100%;object-fit:cover}.live-best-score-v34{text-align:right}.live-best-score-v34 b{display:block;font-size:1.6rem;color:#fff;font-family:Sora,Inter,sans-serif}.live-best-score-v34 span{color:#fef3c7;font-weight:900}.live-call-item-v34{display:grid!important;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:start}.live-call-item-v34 .live-call-avatar-v34{width:40px;height:40px;font-size:.85rem}.live-call-item-v34>div{min-width:0}.live-call-item-v34 p{overflow-wrap:anywhere}@media(max-width:600px){.live-call-row-v34{grid-template-columns:44px minmax(0,1fr)}.live-best-score-v34{grid-column:1/-1;text-align:left}}

/* V35 — chat et calls à côté du live */
.live-page-v35 .live-hero-v35{padding-bottom:clamp(34px,5vw,70px)}.live-layout-v35{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);gap:22px;align-items:start}.live-hero-copy-v35{position:sticky;top:92px}.live-watch-grid-v35{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.78fr);gap:16px;align-items:stretch;min-width:0}.live-player-card-v35{min-width:0;height:100%;display:flex;flex-direction:column}.live-player-card-v35 .rumble-live-player{min-height:360px}.live-side-panel-v35{display:grid;gap:12px;min-width:0;align-content:start}.live-side-head-v35{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03))}.live-side-head-v35 h2{font-family:Sora,Inter,sans-serif;color:#fff;margin:8px 0 4px;font-size:1.4rem}.live-side-head-v35 p{margin:0;color:#cbd5e1}.live-panel-compact-v35{padding:14px;border-radius:22px}.live-panel-compact-v35 .live-panel-head-v33{margin-bottom:10px}.live-input-row-v35{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.live-input-row-v35 input{width:100%;min-height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.13);background:rgba(6,12,31,.78);color:#fff;padding:0 12px}.live-input-row-v35 input:focus{outline:none;border-color:rgba(0,217,255,.45);box-shadow:0 0 0 3px rgba(0,217,255,.11)}.live-input-row-v35 .btn{min-height:42px;padding-inline:12px}.live-call-list-v35,.live-chat-list-v35{min-height:160px;max-height:245px}.live-best-call-compact-v35{padding:14px;border-radius:22px}.live-best-call-compact-v35 span{display:block;color:#fef3c7;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:900}.live-best-call-compact-v35 strong{display:block;color:#fff;font-size:1rem}.live-best-call-compact-v35 p{margin:6px 0;color:#dbeafe;line-height:1.35}.live-best-call-compact-v35 b{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,215,0,.14);border:1px solid rgba(255,215,0,.25);color:#fff}.btn-full-v35{width:100%;justify-content:center}.live-side-panel-v35 .live-chat-form-v33,.live-side-panel-v35 .live-call-form-v33{margin-top:10px}@media(max-width:1280px){.live-layout-v35{grid-template-columns:1fr}.live-hero-copy-v35{position:static}.live-watch-grid-v35{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}}@media(max-width:920px){.live-watch-grid-v35{grid-template-columns:1fr}.live-player-card-v35 .rumble-live-player{min-height:260px}.live-call-list-v35,.live-chat-list-v35{max-height:260px}.live-side-panel-v35{grid-template-columns:1fr 1fr}.live-side-head-v35,.live-best-call-compact-v35{grid-column:1/-1}}@media(max-width:640px){.live-layout-v35{gap:14px}.live-side-panel-v35{grid-template-columns:1fr}.live-input-row-v35{grid-template-columns:1fr}.live-input-row-v35 .btn{width:100%;justify-content:center}.live-player-card-v35 .rumble-live-player{min-height:220px}.live-call-list-v35,.live-chat-list-v35{max-height:240px}}

/* V36 — style Twitch : chat en premier, calls dessous, emojis */
.live-side-panel-v36{grid-template-rows:auto auto auto auto}.twitch-head-v36{background:linear-gradient(145deg,rgba(100,116,139,.15),rgba(255,255,255,.04));border-color:rgba(148,163,184,.2)}.live-chat-twitch-v36{order:2;min-height:420px}.live-calls-under-chat-v36{order:3}.live-best-call-compact-v35{order:1}.live-chat-list-v36{min-height:300px;max-height:420px;background:rgba(2,6,23,.66)}.live-call-list-v36{min-height:150px;max-height:220px}.live-chat-message-v36{position:relative;display:grid;gap:4px}.live-chat-message-v36 strong{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.live-chat-message-v36 strong em{font-style:normal;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--role-color,#64748b) 24%,transparent);border:1px solid color-mix(in srgb,var(--role-color,#64748b) 45%,transparent);color:#fff;font-size:.68rem;font-weight:1000;text-transform:uppercase}.live-chat-message-v36 [data-live-mod-hide],.live-chat-message-v36 button[data-live-mod-hide]{position:absolute;right:8px;top:8px;border:1px solid rgba(255,255,255,.12);background:rgba(239,68,68,.12);color:#fecaca;border-radius:999px;padding:3px 7px;font-size:.68rem;cursor:pointer}.live-emote-row-v36{display:flex;gap:6px;overflow-x:auto;padding:6px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.live-emote-row-v36 button{flex:0 0 32px;width:32px;height:32px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);cursor:pointer;font-size:1.05rem}.live-emote-row-v36 button:hover{background:rgba(0,217,255,.14);border-color:rgba(0,217,255,.3)}@media(min-width:921px){.live-side-panel-v36{max-height:calc(100vh - 120px);position:sticky;top:86px}.live-chat-twitch-v36{min-height:0}.live-chat-list-v36{max-height:32vh}.live-call-list-v36{max-height:20vh}}@media(max-width:920px){.live-side-panel-v36{grid-template-columns:1fr}.live-chat-twitch-v36,.live-calls-under-chat-v36{order:initial}.live-chat-list-v36{max-height:340px}}


/* V37 — panneau unique type Twitch avec onglets Tchat / Calls */
.live-side-panel-v37{
  display:block;
  min-width:0;
}
.live-interactive-card-v37{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  height:100%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 20% 0,rgba(0,217,255,.14),transparent 34%),
    radial-gradient(circle at 85% 8%,rgba(255,67,208,.12),transparent 38%),
    linear-gradient(145deg,rgba(10,17,39,.94),rgba(5,8,23,.96));
  box-shadow:0 22px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08);
}
.live-interactive-head-v37{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:16px 16px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.live-interactive-head-v37 h2{
  margin:7px 0 5px;
  font-family:Sora,Inter,sans-serif;
  font-size:clamp(1.25rem,2vw,1.65rem);
  line-height:1.05;
}
.live-interactive-head-v37 p{
  margin:0;
  color:#aebbd4;
  font-size:.9rem;
  line-height:1.45;
}
.live-role-pill-v37{
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--role-color,#64748b) 55%,transparent);
  background:color-mix(in srgb,var(--role-color,#64748b) 20%,transparent);
  color:#fff;
  font-size:.72rem;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.live-tabs-v37{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:10px 12px;
  background:rgba(2,6,23,.42);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.live-tab-btn-v37{
  min-height:42px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:#dbeafe;
  font-weight:1000;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;
}
.live-tab-btn-v37:hover{
  transform:translateY(-1px);
  border-color:rgba(0,217,255,.35);
  background:rgba(0,217,255,.1);
}
.live-tab-btn-v37.is-active{
  color:#04111f;
  background:linear-gradient(135deg,#00d9ff,#ff43d0);
  border-color:rgba(255,255,255,.22);
  box-shadow:0 10px 28px rgba(0,217,255,.16);
}
.live-tab-panel-v37{
  display:flex;
  flex-direction:column;
  min-height:0;
  flex:1 1 auto;
  padding:12px;
  gap:10px;
}
.live-tab-panel-v37[hidden]{
  display:none!important;
}
.live-tab-title-v37{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:32px;
}
.live-tab-title-v37 strong{
  color:#fff;
  font-size:1rem;
}
.live-tab-title-v37 span{
  color:#91a3c4;
  font-size:.8rem;
  font-weight:800;
}
.live-chat-list-v37,
.live-call-list-v37{
  min-height:0;
  flex:1 1 auto;
  overflow:auto;
  border-radius:18px;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,217,255,.42) rgba(255,255,255,.05);
}
.live-chat-list-v37{
  min-height:360px;
  max-height:calc(100vh - 430px);
}
.live-call-list-v37{
  min-height:300px;
  max-height:calc(100vh - 500px);
}
.live-chat-form-v37,
.live-call-form-v37{
  flex:0 0 auto;
  margin-top:auto;
}
.live-community-status-v37{
  flex:0 0 auto;
  margin:0;
}
.live-best-call-v37{
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(250,204,21,.22);
  background:linear-gradient(145deg,rgba(250,204,21,.12),rgba(255,255,255,.045));
}
.live-best-call-v37 span{
  display:block;
  color:#fde68a;
  text-transform:uppercase;
  font-weight:1000;
  letter-spacing:.06em;
  font-size:.72rem;
}
.live-best-call-v37 strong{
  display:block;
  margin-top:4px;
  color:#fff;
}
.live-best-call-v37 p{
  margin:5px 0;
  color:#dbeafe;
  line-height:1.45;
}
.live-best-call-v37 b{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(250,204,21,.16);
  border:1px solid rgba(250,204,21,.24);
  color:#fde68a;
}
@media(min-width:921px){
  .live-side-panel-v37{
    position:sticky;
    top:86px;
    align-self:start;
    height:calc(100vh - 116px);
    max-height:820px;
  }
  .live-side-panel-v37 .live-interactive-card-v37{
    height:100%;
  }
}
@media(max-width:920px){
  .live-side-panel-v37{
    position:static;
    height:auto;
  }
  .live-chat-list-v37,
  .live-call-list-v37{
    max-height:420px;
    min-height:260px;
  }
}
@media(max-width:560px){
  .live-interactive-head-v37{
    padding:14px;
    flex-direction:column;
  }
  .live-role-pill-v37{
    align-self:flex-start;
  }
  .live-tabs-v37{
    padding:9px;
  }
  .live-tab-btn-v37{
    min-height:40px;
  }
  .live-chat-list-v37,
  .live-call-list-v37{
    min-height:250px;
    max-height:360px;
  }
}
@media(prefers-reduced-motion:reduce){
  .live-tab-btn-v37{transition:none!important}
}


/* V38 — finition 100% live : CTA connexion visible, panneau plus propre juin 2026 */
.live-watch-grid-v35{
  align-items:start;
}
@media(min-width:1100px){
  .live-watch-grid-v35{
    grid-template-columns:minmax(0,1.45fr) minmax(380px,440px);
    gap:22px;
  }
  .live-player-card-v35{
    min-height:calc(100vh - 132px);
  }
}
.live-side-panel-v37{
  width:100%;
}
.live-interactive-card-v37{
  border-radius:26px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),transparent 34%),
    radial-gradient(circle at 18% -6%,rgba(0,217,255,.18),transparent 34%),
    radial-gradient(circle at 92% 0,rgba(255,67,208,.18),transparent 36%),
    linear-gradient(145deg,rgba(9,15,36,.98),rgba(4,7,21,.98));
}
.live-interactive-head-v37{
  padding:18px 18px 14px;
}
.live-interactive-head-v37 .section-kicker{
  white-space:nowrap;
}
.live-interactive-head-v37 h2{
  color:#fff;
  text-wrap:balance;
}
.live-interactive-head-v37 p{
  max-width:32ch;
}
.live-login-callout-v38,
.live-connected-callout-v38{
  margin:12px;
  padding:13px;
  border-radius:19px;
  border:1px solid rgba(0,217,255,.22);
  background:
    radial-gradient(circle at 0 0,rgba(0,217,255,.13),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  display:grid;
  gap:11px;
}
.live-login-callout-v38 strong,
.live-connected-callout-v38 strong{
  display:block;
  color:#fff;
  font-weight:1000;
  line-height:1.2;
}
.live-login-callout-v38 p,
.live-connected-callout-v38 small{
  display:block;
  margin:5px 0 0;
  color:#b9c7df;
  line-height:1.45;
  font-size:.88rem;
}
.live-connected-callout-v38 span{
  width:max-content;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(34,197,94,.14);
  border:1px solid rgba(34,197,94,.26);
  color:#bbf7d0;
  font-weight:1000;
  text-transform:uppercase;
  font-size:.68rem;
}
.live-login-callout-actions-v38{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  align-items:center;
}
.live-login-callout-actions-v38 .btn,
.live-login-main-v38,
.live-login-alt-v38{
  min-height:44px;
  border-radius:14px;
  justify-content:center;
  font-weight:1000;
  text-align:center;
}
.live-login-main-v38{
  box-shadow:0 12px 32px rgba(88,101,242,.18);
}
.live-google-paused-v38{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  color:#93a4c4;
  background:rgba(255,255,255,.045);
  font-size:.78rem;
  font-weight:900;
  white-space:nowrap;
}
.live-tabs-v37{
  position:relative;
  padding:12px;
  gap:10px;
}
.live-tab-btn-v37{
  position:relative;
  overflow:hidden;
  letter-spacing:.01em;
}
.live-tab-btn-v37::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  transform:translateX(-120%);
  transition:transform .45s ease;
}
.live-tab-btn-v37:hover::after,
.live-tab-btn-v37.is-active::after{
  transform:translateX(120%);
}
.live-tab-panel-v37{
  padding:14px;
}
.live-tab-title-v37{
  padding:0 2px;
}
.live-chat-list-v37,
.live-call-list-v37{
  background:linear-gradient(180deg,rgba(2,6,23,.74),rgba(5,8,23,.58));
  border:1px solid rgba(255,255,255,.085);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.live-chat-message-v36,
.live-call-item-v34{
  border-radius:15px;
}
.live-chat-form-v37,
.live-call-form-v37{
  display:grid;
  gap:8px;
  padding-top:2px;
}
.live-chat-form-v37 label,
.live-call-form-v37 label{
  color:#e5edff;
  font-size:.78rem;
  font-weight:900;
}
.live-input-row-v37{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
}
.live-input-row-v37 input{
  min-height:46px;
  border-radius:15px;
  background:rgba(2,6,23,.88);
  border-color:rgba(255,255,255,.14);
}
.live-input-row-v37 input:disabled{
  opacity:.72;
  cursor:not-allowed;
}
.live-input-row-v37 .btn{
  min-height:46px;
  min-width:92px;
  border-radius:15px;
}
.live-tab-panel-v37 .btn-full-v35{
  display:flex!important;
  min-height:46px;
  margin-top:2px;
  border-radius:15px;
  color:#06101e;
  background:linear-gradient(135deg,#00d9ff,#ff43d0);
  border:0;
  box-shadow:0 12px 28px rgba(0,217,255,.16);
}
.live-community-status-v37{
  padding:8px 10px;
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  font-size:.8rem;
  line-height:1.35;
}
.live-login-modal-v33{
  z-index:20000;
}
.live-login-panel-v33{
  overflow:hidden;
  border-radius:30px;
  border-color:rgba(0,217,255,.22);
  background:
    radial-gradient(circle at 18% 0,rgba(0,217,255,.16),transparent 34%),
    radial-gradient(circle at 86% 8%,rgba(255,67,208,.14),transparent 40%),
    linear-gradient(145deg,rgba(12,18,44,.99),rgba(5,8,23,.99));
}
.live-login-actions-v33 .btn,
.live-login-actions-v33 .is-disabled{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  font-weight:1000;
}
.live-login-actions-v33 .btn-discord{
  flex:1 1 220px;
}
.live-login-actions-v33 .is-disabled{
  padding:0 14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  color:#9fb0d0;
}
.live-login-close-v33{
  cursor:pointer;
}
@media(max-width:1280px) and (min-width:921px){
  .live-watch-grid-v35{
    grid-template-columns:minmax(0,1fr) minmax(340px,410px);
    gap:18px;
  }
}
@media(max-width:920px){
  .live-login-callout-actions-v38{
    grid-template-columns:1fr;
  }
  .live-google-paused-v38{
    width:100%;
  }
  .live-interactive-head-v37 p{
    max-width:none;
  }
}
@media(max-width:560px){
  .live-interactive-card-v37{
    border-radius:22px;
  }
  .live-login-callout-v38,
  .live-connected-callout-v38{
    margin:10px;
    padding:12px;
  }
  .live-tab-panel-v37{
    padding:10px;
  }
  .live-input-row-v37{
    grid-template-columns:1fr;
  }
  .live-input-row-v37 .btn{
    width:100%;
  }
  .live-login-actions-v33{
    display:grid;
  }
  .live-login-actions-v33 .btn,
  .live-login-actions-v33 .is-disabled{
    width:100%;
  }
}

body.live-modal-open-v38{overflow:hidden}


/* V39 — bugfix onglets + animation rotation + saisie connexion */
.live-interactive-card-v37{
  perspective:1200px;
  transform-style:preserve-3d;
}
.live-interactive-card-v37.is-rotating{
  animation:fsLivePanelRotateV39 .52s cubic-bezier(.2,.85,.2,1);
}
@keyframes fsLivePanelRotateV39{
  0%{transform:rotateY(0deg) scale(1);filter:brightness(1)}
  35%{transform:rotateY(-7deg) scale(.992);filter:brightness(1.08)}
  68%{transform:rotateY(5deg) scale(1.004);filter:brightness(1.13)}
  100%{transform:rotateY(0deg) scale(1);filter:brightness(1)}
}
.live-tab-panel-v37.is-entering{
  animation:fsLiveTabEnterV39 .5s cubic-bezier(.18,.78,.25,1);
}
@keyframes fsLiveTabEnterV39{
  0%{opacity:0;transform:translateY(10px) rotateX(-6deg)}
  55%{opacity:1;transform:translateY(-2px) rotateX(2deg)}
  100%{opacity:1;transform:translateY(0) rotateX(0deg)}
}
.live-tab-btn-v37{
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.live-tab-btn-v37:focus-visible{
  outline:3px solid rgba(0,217,255,.55);
  outline-offset:3px;
}
.live-input-row-v37 input[readonly]{
  opacity:1!important;
  cursor:pointer;
  color:#dbeafe;
  border-color:rgba(0,217,255,.28);
  background:
    linear-gradient(145deg,rgba(0,217,255,.08),rgba(255,67,208,.06)),
    rgba(2,6,23,.88);
}
.live-input-row-v37 input[readonly]::placeholder{
  color:#b7c5df;
}
.live-input-row-v37 input[readonly] + .btn{
  color:#04111f;
  background:linear-gradient(135deg,#00d9ff,#ff43d0);
  border:0;
  box-shadow:0 12px 30px rgba(0,217,255,.18);
}
.live-input-row-v37 input[readonly]:focus{
  outline:3px solid rgba(0,217,255,.28);
  outline-offset:2px;
}
.live-community-status-v37[data-type="danger"]{
  border-color:rgba(248,113,113,.32);
  background:rgba(248,113,113,.1);
  color:#fecaca;
}
.live-community-status-v37[data-type="success"]{
  border-color:rgba(34,197,94,.32);
  background:rgba(34,197,94,.1);
  color:#bbf7d0;
}
.live-tab-panel-v37:not(.is-active){
  pointer-events:none;
}
@media(min-width:921px){
  .live-chat-list-v37{
    max-height:calc(100vh - 455px);
  }
  .live-call-list-v37{
    max-height:calc(100vh - 500px);
  }
}
@media(max-width:560px){
  .live-interactive-card-v37.is-rotating{
    animation:fsLivePanelRotateMobileV39 .42s ease;
  }
  @keyframes fsLivePanelRotateMobileV39{
    0%{transform:scale(1);opacity:1}
    45%{transform:scale(.985);opacity:.78}
    100%{transform:scale(1);opacity:1}
  }
}
@media(prefers-reduced-motion:reduce){
  .live-interactive-card-v37.is-rotating,
  .live-tab-panel-v37.is-entering{
    animation:none!important;
  }
}


/* V40 — live desktop full width + input tchat visible + metrics propres */
.page-live.live-page-v35{
  overflow-x:hidden;
}
.page-live .fs-container.live-layout-v35{
  width:min(100% - 28px, 1880px);
  max-width:1880px;
}
.live-title-row-v40{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.live-title-row-v40 .page-title{
  margin:0;
}
.live-brand-pill-v40{
  width:46px;
  height:46px;
  display:inline-grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,#00d9ff,#ff43d0);
  color:#03111f;
  font-family:Sora,Inter,sans-serif;
  font-size:1.05rem;
  font-weight:1000;
  letter-spacing:.02em;
  box-shadow:0 14px 34px rgba(0,217,255,.18);
}
.live-kicker{
  margin-bottom:12px;
}
.live-hero-copy-v35{
  max-width:none;
}
.live-hero__subtitle{
  max-width:760px;
}
.live-watch-grid-v35{
  width:100%;
}
@media(min-width:1180px){
  .live-page-v35 .live-watch-grid-v35{
    grid-template-columns:minmax(0,1fr) minmax(410px,470px);
    gap:24px;
  }
  .live-page-v35 .live-center-card.live-player-card-v35{
    width:100%;
  }
  .live-page-v35 .rumble-live-player,
  .live-page-v35 .rumble-live-fallback{
    min-height:clamp(520px,58vh,720px);
  }
}
.live-metrics-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.live-metric{
  min-width:0;
  padding:12px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.1);
  display:grid;
  gap:6px;
  align-content:center;
}
.live-metric span{
  display:block;
  color:#94a3b8;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.045em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.live-metric strong{
  display:block;
  color:#fff;
  font-size:clamp(1.05rem,1.4vw,1.45rem);
  line-height:1;
  overflow-wrap:anywhere;
}
.live-chat-tab-v40{
  display:grid;
  grid-template-rows:auto auto auto minmax(180px,1fr);
  min-height:0;
}
.live-chat-form-v40{
  order:2;
  margin-top:0!important;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(0,217,255,.18);
  background:
    radial-gradient(circle at 0 0,rgba(0,217,255,.1),transparent 45%),
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
}
.live-chat-list-v40{
  order:4;
  min-height:220px!important;
  max-height:none!important;
}
.live-tab-title-v40{
  order:1;
}
.live-community-status-v40{
  order:3;
}
.live-input-row-v40{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(92px,auto);
}
.live-input-row-v40 input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.live-input-row-v40 .btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
}
.live-login-full-v40{
  display:flex!important;
  width:100%;
  justify-content:center;
}
.live-emote-row-v37{
  max-width:100%;
}
@media(max-width:1020px){
  .live-metrics-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .page-live .fs-container.live-layout-v35{
    width:min(100% - 22px, 100%);
  }
  .live-title-row-v40{
    gap:10px;
  }
  .live-brand-pill-v40{
    width:40px;
    height:40px;
    border-radius:14px;
  }
  .live-metrics-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .live-metric{
    padding:10px;
    border-radius:15px;
  }
  .live-metric span{
    font-size:.66rem;
  }
  .live-input-row-v40{
    grid-template-columns:1fr!important;
  }
  .live-chat-tab-v40{
    grid-template-rows:auto auto auto minmax(220px,1fr);
  }
}


/* V41 — Twitch/Rumble chat final + bot anti-spam + player XXL + rotation 2026 */
.page-live .fs-container.live-layout-v35{
  width:calc(100vw - 24px)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(min-width:1280px){
  .live-page-v35 .live-watch-grid-v35{
    grid-template-columns:minmax(0,1fr) clamp(390px,22vw,455px)!important;
    gap:26px!important;
  }
  .live-page-v35 .rumble-live-player,
  .live-page-v35 .rumble-live-fallback{
    min-height:clamp(620px,68vh,820px)!important;
  }
  .live-center-card.live-player-card-v35{
    padding:clamp(18px,1.2vw,26px);
  }
}
@media(min-width:1600px){
  .live-page-v35 .live-watch-grid-v35{
    grid-template-columns:minmax(0,1fr) 460px!important;
  }
}
.live-chat-tab-v41{
  display:grid!important;
  grid-template-rows:auto minmax(260px,1fr) auto auto!important;
  gap:10px;
}
.live-chat-list-v41{
  order:2!important;
  min-height:260px!important;
  max-height:none!important;
  padding:10px;
}
.live-chat-form-v41{
  order:3!important;
  position:sticky;
  bottom:0;
  z-index:3;
  margin-top:0!important;
  padding:12px;
  border-radius:20px;
  background:
    linear-gradient(180deg,rgba(5,8,23,.96),rgba(5,8,23,.9)),
    radial-gradient(circle at 10% 0,rgba(0,217,255,.16),transparent 45%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 -10px 34px rgba(0,0,0,.18);
}
.live-chat-form-v41 label{
  display:none;
}
.live-community-status-v41{
  order:4!important;
}
.live-community-status-v41[hidden]{
  display:none!important;
}
.live-chat-message-v36.is-bot-v41,
.live-chat-message-v36[data-user-id="0"]{
  border-color:rgba(0,217,255,.24);
  background:
    linear-gradient(145deg,rgba(0,217,255,.12),rgba(255,67,208,.065)),
    rgba(255,255,255,.035);
}
.live-chat-message-v36.is-bot-v41 strong,
.live-chat-message-v36[data-user-id="0"] strong{
  color:#e0fbff;
}
.live-chat-message-v36.is-bot-v41 p,
.live-chat-message-v36[data-user-id="0"] p{
  color:#c8f7ff;
}
.live-chat-message-v36.is-bot-v41::before,
.live-chat-message-v36[data-user-id="0"]::before{
  content:"BOT";
  position:absolute;
  right:10px;
  bottom:8px;
  padding:2px 7px;
  border-radius:999px;
  background:rgba(0,217,255,.14);
  border:1px solid rgba(0,217,255,.24);
  color:#7defff;
  font-size:.62rem;
  font-weight:1000;
}
.live-input-row-v40 input{
  font-size:.95rem;
}
.live-input-row-v40 .btn{
  min-width:104px;
}
.live-interactive-card-v37.is-rotating{
  animation:fsLivePanelRotateV41 .72s cubic-bezier(.14,.86,.18,1) both;
}
.live-interactive-card-v37.is-switching-to-calls{
  --fs-live-rotate-dir:1;
}
.live-interactive-card-v37.is-switching-to-chat{
  --fs-live-rotate-dir:-1;
}
@keyframes fsLivePanelRotateV41{
  0%{transform:perspective(1300px) rotateY(0deg) translateZ(0) scale(1);filter:brightness(1);box-shadow:0 22px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08)}
  26%{transform:perspective(1300px) rotateY(calc(var(--fs-live-rotate-dir,1) * 13deg)) translateZ(12px) scale(.985);filter:brightness(1.1);box-shadow:0 26px 90px rgba(0,217,255,.16), inset 0 1px 0 rgba(255,255,255,.12)}
  54%{transform:perspective(1300px) rotateY(calc(var(--fs-live-rotate-dir,1) * -7deg)) translateZ(18px) scale(1.012);filter:brightness(1.18);box-shadow:0 28px 100px rgba(255,67,208,.14), inset 0 1px 0 rgba(255,255,255,.16)}
  100%{transform:perspective(1300px) rotateY(0deg) translateZ(0) scale(1);filter:brightness(1);box-shadow:0 22px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08)}
}
.live-tab-panel-v37.is-entering{
  animation:fsLiveTabEnterV41 .62s cubic-bezier(.16,.86,.18,1) both;
}
@keyframes fsLiveTabEnterV41{
  0%{opacity:0;transform:translateX(calc(var(--fs-live-rotate-dir,1) * 18px)) rotateY(calc(var(--fs-live-rotate-dir,1) * -8deg)) scale(.985);filter:blur(4px)}
  58%{opacity:1;transform:translateX(calc(var(--fs-live-rotate-dir,1) * -3px)) rotateY(calc(var(--fs-live-rotate-dir,1) * 2deg)) scale(1.004);filter:blur(0)}
  100%{opacity:1;transform:translateX(0) rotateY(0deg) scale(1);filter:blur(0)}
}
@media(max-width:920px){
  .page-live .fs-container.live-layout-v35{
    width:min(100% - 22px,100%)!important;
  }
  .live-chat-tab-v41{
    grid-template-rows:auto minmax(280px,1fr) auto auto!important;
  }
  .live-chat-form-v41{
    position:relative;
  }
}
@media(max-width:560px){
  .live-chat-list-v41{
    min-height:300px!important;
  }
  .live-interactive-card-v37.is-rotating{
    animation:fsLivePanelMobileSpinV41 .46s cubic-bezier(.2,.85,.2,1) both;
  }
  @keyframes fsLivePanelMobileSpinV41{
    0%{transform:translateY(0) scale(1);opacity:1}
    38%{transform:translateY(8px) scale(.985);opacity:.75}
    100%{transform:translateY(0) scale(1);opacity:1}
  }
}


/* V42 — refonte haut live type plateforme streaming */
.live-page-v42{
  --fs-live-bg:#050817;
  --fs-live-card:rgba(9,15,36,.94);
  --fs-live-border:rgba(255,255,255,.12);
  --fs-live-radius:24px;
  --fs-live-gap:18px;
  --fs-live-glow:0 24px 90px rgba(0,217,255,.16);
  --fs-live-text:#f8fbff;
  --fs-live-muted:#9fb0d0;
  --fs-live-pink:#ff43d0;
  --fs-live-blue:#00d9ff;
  --fs-live-purple:#7c3cff;
  padding-top:clamp(12px,1.4vw,22px);
}
.live-page-v42 .live-hero-v35{
  padding-top:0;
}
.live-page-v42 .live-layout-v35{
  display:grid;
  gap:var(--fs-live-gap);
}
.live-page-v42 .live-hero-copy-v35{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:18px;
  padding:clamp(16px,1.35vw,24px);
  border-radius:var(--fs-live-radius);
  border:1px solid var(--fs-live-border);
  background:
    radial-gradient(circle at 0 0,rgba(0,217,255,.15),transparent 33%),
    radial-gradient(circle at 90% 8%,rgba(255,67,208,.13),transparent 37%),
    linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  box-shadow:0 20px 70px rgba(0,0,0,.28);
}
.live-page-v42 .live-title-row-v40{
  align-items:center;
  gap:14px;
}
.live-page-v42 .live-title-row-v40 .page-title{
  font-size:clamp(2rem,4vw,4.25rem);
  letter-spacing:-.055em;
  line-height:.94;
}
.live-page-v42 .live-brand-pill-v40{
  width:clamp(48px,4.3vw,66px);
  height:clamp(48px,4.3vw,66px);
  border-radius:20px;
  font-size:clamp(1rem,1.4vw,1.35rem);
  flex:0 0 auto;
}
.live-page-v42 .live-hero__subtitle{
  margin-top:12px;
  font-size:clamp(.98rem,1.08vw,1.12rem);
  color:#cbd7ef;
}
.live-page-v42 .live-status-line{
  width:max-content;
  max-width:100%;
  margin-top:14px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
}
.live-page-v42 .live-hero__actions{
  justify-content:flex-end;
  align-self:center;
  margin:0;
}
.live-page-v42 .live-hero__actions .btn{
  min-height:44px;
  border-radius:15px;
}
.live-page-v42 .live-watch-grid-v35{
  width:100%;
  align-items:stretch;
}
@media(min-width:1180px){
  .live-page-v42 .live-watch-grid-v35{
    grid-template-columns:minmax(0,70fr) minmax(380px,30fr)!important;
    min-height:clamp(640px,72vh,860px);
  }
  .live-page-v42 .live-player-card-v35,
  .live-page-v42 .live-side-panel-v37{
    height:100%;
    max-height:none;
  }
  .live-page-v42 .live-side-panel-v37{
    top:84px;
  }
}
@media(min-width:1680px){
  .live-page-v42 .live-watch-grid-v35{
    grid-template-columns:minmax(0,72fr) minmax(430px,28fr)!important;
  }
}
.live-page-v42 .live-player-card-v35{
  border-radius:28px;
  background:
    radial-gradient(circle at 12% 0,rgba(0,217,255,.16),transparent 34%),
    radial-gradient(circle at 86% 6%,rgba(255,67,208,.12),transparent 37%),
    linear-gradient(145deg,rgba(8,14,34,.98),rgba(4,7,20,.98));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 28px 100px rgba(0,0,0,.38);
}
.live-page-v42 .live-center-card__top{
  margin-bottom:10px;
}
.live-page-v42 .live-center-card__brand{
  border-radius:14px;
  padding:7px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);
}
.live-page-v42 .live-player-card-v35>h2{
  font-size:clamp(1.35rem,1.6vw,2rem);
  margin-bottom:6px;
}
.live-page-v42 .live-player-card-v35>p{
  color:#aebbd4;
  max-width:74ch;
}
.live-page-v42 .rumble-live-player,
.live-page-v42 .rumble-live-fallback{
  border-radius:24px;
  min-height:clamp(540px,62vh,820px)!important;
  background:
    linear-gradient(135deg,rgba(0,217,255,.12),rgba(255,67,208,.08)),
    radial-gradient(circle at 50% 30%,rgba(255,255,255,.12),transparent 33%),
    #020617;
  overflow:hidden;
}
.live-page-v42 .rumble-live-fallback::after{
  content:"";
  position:absolute;
  inset:-40%;
  background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.08),transparent 62%);
  animation:fsLiveOfflineShimmerV42 5.5s linear infinite;
}
@keyframes fsLiveOfflineShimmerV42{
  from{transform:translateX(-30%) rotate(10deg)}
  to{transform:translateX(30%) rotate(10deg)}
}
.live-stream-info-v42{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin-top:14px;
  padding:12px;
  border-radius:20px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.1);
}
.live-stream-avatar-v42{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,var(--fs-live-blue),var(--fs-live-pink));
  color:#04111f;
  font-weight:1000;
}
.live-stream-copy-v42 strong{
  display:block;
  color:#fff;
  line-height:1.15;
}
.live-stream-copy-v42 small{
  display:block;
  color:#9fb0d0;
  margin-top:3px;
}
.live-stream-rumble-v42{
  min-height:38px;
  border-radius:13px;
}
.live-page-v42 .live-metrics-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.live-page-v42 .live-metric{
  position:relative;
  overflow:hidden;
  min-height:86px;
  border-radius:20px;
}
.live-page-v42 .live-metric::before{
  content:"";
  width:34px;
  height:34px;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(0,217,255,.22),rgba(255,67,208,.15));
  border:1px solid rgba(255,255,255,.1);
  position:absolute;
  right:10px;
  top:10px;
}
.live-page-v42 .live-metric:hover{
  transform:translateY(-2px);
  border-color:rgba(0,217,255,.26);
}
.live-page-v42 .live-interactive-card-v37{
  border-radius:28px;
  min-height:100%;
}
.live-page-v42 .live-interactive-head-v37{
  padding:16px 16px 12px;
}
.live-page-v42 .live-interactive-head-v37 p{
  max-width:none;
}
.live-page-v42 .live-tabs-v37{
  padding:10px;
}
.live-page-v42 .live-tabs-v37::after{
  content:"";
  position:absolute;
  bottom:6px;
  left:10px;
  width:calc(50% - 10px);
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--fs-live-blue),var(--fs-live-pink));
  transform:translateX(0);
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.live-page-v42 .live-tabs-v37:has([data-live-tab="calls"].is-active)::after{
  transform:translateX(calc(100% + 8px));
}
.live-page-v42 .live-tab-panel-v37{
  min-height:0;
}
.live-chat-tab-v41,
.live-calls-tab-v42{
  grid-template-rows:auto minmax(260px,1fr) auto auto!important;
}
.live-call-list-v42{
  order:2;
  min-height:260px!important;
  max-height:none!important;
}
.live-call-form-v42{
  order:3;
  margin-top:0!important;
  padding:12px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(5,8,23,.96),rgba(5,8,23,.9));
  border:1px solid rgba(255,255,255,.12);
}
.live-call-form-v42 label{
  display:none;
}
.live-best-call-v42{
  order:1;
}
.live-page-v42 .live-chat-list-v41,
.live-page-v42 .live-call-list-v42{
  scrollbar-width:thin;
}
@media(max-width:1179px){
  .live-page-v42 .live-hero-copy-v35{
    grid-template-columns:1fr;
  }
  .live-page-v42 .live-hero__actions{
    justify-content:flex-start;
  }
  .live-page-v42 .live-watch-grid-v35{
    grid-template-columns:1fr!important;
  }
  .live-page-v42 .rumble-live-player,
  .live-page-v42 .rumble-live-fallback{
    min-height:clamp(330px,54vw,580px)!important;
  }
}
@media(max-width:720px){
  .live-page-v42 .live-title-row-v40 .page-title{
    font-size:clamp(1.85rem,10vw,3rem);
  }
  .live-stream-info-v42{
    grid-template-columns:auto minmax(0,1fr);
  }
  .live-stream-rumble-v42{
    grid-column:1/-1;
    width:100%;
    justify-content:center;
  }
  .live-page-v42 .live-metrics-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:420px){
  .live-page-v42 .live-metrics-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .live-page-v42 .live-metric{
    min-height:78px;
  }
}
@media(prefers-reduced-motion:reduce){
  .live-page-v42 .rumble-live-fallback::after{
    animation:none!important;
  }
}


/* V43 — tchat temps réel compact type Twitch + emoji picker */
.live-page-v42 .live-interactive-card-v37{
  height:100%;
  min-height:0;
}
.live-tab-panel-v37{
  min-height:0!important;
}
.live-chat-tab-v41,
.live-calls-tab-v42{
  height:100%;
  min-height:0;
}
.live-chat-tab-v41{
  grid-template-rows:auto minmax(0,1fr) auto auto!important;
}
.live-calls-tab-v42{
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
}
.live-chat-list-v41,
.live-call-list-v42{
  min-height:0!important;
  overflow:auto;
  overscroll-behavior:contain;
}
.live-chat-list-v41{
  padding:8px 8px 10px!important;
  background:rgba(2,6,23,.82)!important;
}
.live-chat-message-v43{
  position:relative;
  display:block!important;
  padding:3px 6px!important;
  margin:0!important;
  border-radius:7px!important;
  border:0!important;
  background:transparent!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  color:#dbeafe;
}
.live-chat-message-v43:hover{
  background:rgba(255,255,255,.055)!important;
}
.live-chat-time-v43{
  color:#64748b;
  font-size:10.5px;
  margin-right:5px;
  vertical-align:baseline;
}
.live-chat-name-v43{
  display:inline!important;
  color:color-mix(in srgb,var(--role-color,#00d9ff) 76%,#ffffff)!important;
  font-size:12.5px!important;
  font-weight:1000!important;
  margin-right:4px;
  vertical-align:baseline;
}
.live-chat-role-v43{
  display:inline-flex!important;
  margin-right:5px;
  padding:1px 5px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--role-color,#64748b) 18%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--role-color,#64748b) 30%,transparent)!important;
  color:#eef6ff!important;
  font-size:9px!important;
  font-style:normal!important;
  font-weight:1000!important;
  text-transform:uppercase;
  vertical-align:middle;
}
.live-chat-text-v43{
  color:#e5edff;
  font-size:12.5px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.live-chat-mod-v43{
  opacity:0;
  margin-left:6px;
  border:1px solid rgba(248,113,113,.26);
  background:rgba(248,113,113,.12);
  color:#fecaca;
  border-radius:999px;
  padding:1px 6px;
  font-size:10px;
  cursor:pointer;
}
.live-chat-message-v43:hover .live-chat-mod-v43{
  opacity:1;
}
.live-empty-v43{
  display:grid;
  place-items:center;
  min-height:120px;
  color:#90a2c2;
  font-size:12.5px;
  text-align:center;
}
.live-chat-message-v43.is-bot-v41,
.live-chat-message-v43[data-user-id="0"]{
  padding:5px 7px!important;
  margin:2px 0!important;
  border:1px solid rgba(0,217,255,.18)!important;
  background:rgba(0,217,255,.07)!important;
}
.live-chat-message-v43.is-bot-v41::before,
.live-chat-message-v43[data-user-id="0"]::before{
  display:none!important;
}
.live-chat-form-v43{
  position:relative;
  flex:0 0 auto;
  padding:10px!important;
  border-radius:0 0 22px 22px!important;
  border-top:1px solid rgba(255,255,255,.1)!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,rgba(5,8,23,.82),rgba(5,8,23,.98))!important;
  box-shadow:0 -12px 34px rgba(0,0,0,.22);
}
.live-chat-compose-v43{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
.live-emoji-toggle-v43{
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.065);
  color:#fff;
  cursor:pointer;
  font-size:1.15rem;
}
.live-emoji-toggle-v43:hover,
.live-emoji-toggle-v43:focus-visible{
  border-color:rgba(0,217,255,.35);
  background:rgba(0,217,255,.12);
  outline:none;
}
.live-chat-compose-v43 input{
  min-height:42px!important;
  border-radius:14px!important;
  font-size:13px!important;
  background:rgba(2,6,23,.92)!important;
  border:1px solid rgba(255,255,255,.15)!important;
}
.live-send-btn-v43{
  min-height:42px!important;
  min-width:86px!important;
  border-radius:14px!important;
  font-size:13px!important;
}
.live-emoji-picker-v43{
  position:absolute;
  left:0;
  bottom:calc(100% + 10px);
  z-index:30;
  width:min(270px,calc(100vw - 36px));
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:6px;
  padding:10px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 0 0,rgba(0,217,255,.14),transparent 44%),
    linear-gradient(145deg,rgba(9,15,36,.98),rgba(3,7,20,.98));
  box-shadow:0 18px 50px rgba(0,0,0,.4);
}
.live-emoji-picker-v43[hidden]{
  display:none!important;
}
.live-emoji-picker-v43 button{
  min-width:0;
  height:34px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  color:#fff;
  cursor:pointer;
  font-weight:900;
}
.live-emoji-picker-v43 button:hover{
  background:rgba(0,217,255,.14);
  border-color:rgba(0,217,255,.3);
}
.live-new-messages-v43{
  position:absolute;
  left:50%;
  bottom:76px;
  transform:translateX(-50%);
  z-index:8;
  border:0;
  border-radius:999px;
  padding:8px 12px;
  background:linear-gradient(135deg,#00d9ff,#ff43d0);
  color:#03111f;
  font-weight:1000;
  font-size:12px;
  box-shadow:0 14px 34px rgba(0,217,255,.2);
  cursor:pointer;
}
.live-new-messages-v43[hidden]{
  display:none!important;
}
.live-login-full-v43{
  margin-top:8px!important;
  min-height:40px!important;
  font-size:13px!important;
}
.live-interactive-card-v37{
  overflow:hidden;
}
@media(min-width:1180px){
  .live-page-v42 .live-side-panel-v37{
    height:clamp(640px,72vh,860px)!important;
  }
  .live-page-v42 .live-interactive-card-v37{
    height:100%!important;
  }
}
@media(max-width:720px){
  .live-chat-compose-v43{
    grid-template-columns:40px minmax(0,1fr);
  }
  .live-send-btn-v43{
    grid-column:1/-1;
    width:100%;
  }
  .live-emoji-picker-v43{
    left:0;
    right:auto;
  }
}


/* V44 — plus de messages visibles dans le tchat */
.live-chat-message-v43{
  padding:2px 5px!important;
  min-height:18px!important;
}
.live-chat-list-v41{
  min-height:360px!important;
}
@media(min-width:1180px){
  .live-chat-list-v41{
    min-height:420px!important;
  }
}
@media(max-width:720px){
  .live-chat-list-v41{
    min-height:300px!important;
  }
}


/* V45 — tchat compact Twitch strict : card fixe, messages scroll, input bottom */
.live-page-v42 .live-side-panel-v37{
  min-width:0!important;
  overflow:hidden!important;
}
.live-page-v42 .live-interactive-card-v37{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  overflow:hidden!important;
}
.live-page-v42 .live-tab-panel-v37{
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
.live-page-v42 .live-chat-tab-v41,
.live-page-v42 .live-calls-tab-v42{
  display:grid!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
.live-page-v42 .live-chat-tab-v41{
  grid-template-rows:auto minmax(0,1fr) auto auto!important;
}
.live-page-v42 .live-calls-tab-v42{
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
}
.live-page-v42 .live-chat-list-v41,
.live-page-v42 .live-call-list-v42{
  flex:initial!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}
.live-page-v42 .live-chat-list-v41{
  padding:8px 10px!important;
}
.live-page-v42 .live-chat-form-v43{
  flex:0 0 auto!important;
  position:relative!important;
  bottom:auto!important;
  margin:0!important;
}
.live-page-v42 .live-chat-message-v43{
  display:block!important;
  min-height:0!important;
  padding:2px 0!important;
  margin:0!important;
  border:0!important;
  border-radius:4px!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1.32!important;
}
.live-page-v42 .live-chat-message-v43:hover{
  background:rgba(255,255,255,.045)!important;
}
.live-page-v42 .live-chat-time-v43{
  font-size:10px!important;
  margin-right:4px!important;
  color:rgba(148,163,184,.68)!important;
}
.live-page-v42 .live-chat-name-v43{
  font-size:12px!important;
  line-height:1.32!important;
  margin-right:3px!important;
  display:inline!important;
}
.live-page-v42 .live-chat-role-v43{
  font-size:8.5px!important;
  line-height:1!important;
  padding:1px 4px!important;
  margin-right:4px!important;
  transform:translateY(-1px);
}
.live-page-v42 .live-chat-text-v43{
  font-size:12px!important;
  line-height:1.32!important;
  display:inline!important;
}
.live-page-v42 .live-empty-v43{
  min-height:100%!important;
}
@media(min-width:1180px){
  .live-page-v42 .live-watch-grid-v35{
    min-height:720px!important;
    height:min(78vh,880px)!important;
  }
  .live-page-v42 .live-player-card-v35,
  .live-page-v42 .live-side-panel-v37{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
  }
  .live-page-v42 .live-interactive-card-v37{
    height:100%!important;
    min-height:0!important;
  }
  .live-page-v42 .live-chat-list-v41{
    min-height:0!important;
  }
}
@media(max-width:1179px){
  .live-page-v42 .live-side-panel-v37{
    height:640px!important;
    max-height:80vh!important;
  }
}
@media(max-width:720px){
  .live-page-v42 .live-side-panel-v37{
    height:560px!important;
    max-height:78vh!important;
  }
  .live-page-v42 .live-chat-message-v43,
  .live-page-v42 .live-chat-name-v43,
  .live-page-v42 .live-chat-text-v43{
    font-size:12px!important;
  }
}
@media(max-width:430px){
  .live-page-v42 .live-side-panel-v37{
    height:520px!important;
  }
}


/* V46 — correction critique : un seul onglet visible à la fois */
.live-page-v42 .live-tab-panel-v37[hidden],
.live-page-v42 .live-chat-tab-v41[hidden],
.live-page-v42 .live-calls-tab-v42[hidden],
.live-page-v42 .live-tab-panel-v37:not(.is-active){
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.live-page-v42 .live-tab-panel-v37.is-active:not([hidden]){
  display:grid!important;
  visibility:visible!important;
  pointer-events:auto!important;
}


/* V47 — liens cliquables dans les messages du Bot FamillySlot */
.live-bot-link-v47{
  color:#7defff!important;
  font-weight:900!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
  word-break:break-all!important;
}
.live-bot-link-v47:hover{
  color:#ffb3ee!important;
}


/* V48 — header/onglets Tchat & Calls fixes quand beaucoup de messages */
.live-page-v42 .live-side-panel-v37,
.live-page-v42 .live-interactive-card-v37{
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}
.live-page-v42 .live-interactive-card-v37{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
}
.live-page-v42 .live-interactive-head-v37,
.live-page-v42 .live-tabs-v37{
  flex:0 0 auto!important;
  min-height:0!important;
  position:relative!important;
  z-index:10!important;
}
.live-page-v42 .live-tab-panel-v37.is-active:not([hidden]){
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
.live-page-v42 .live-chat-tab-v41.is-active,
.live-page-v42 .live-calls-tab-v42.is-active{
  min-height:0!important;
  height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
}
.live-page-v42 .live-chat-list-v41,
.live-page-v42 .live-call-list-v42{
  min-height:0!important;
  max-height:none!important;
}
@media(min-width:1180px){
  .live-page-v42 .live-side-panel-v37{
    height:100%!important;
  }
}


/* V49 — correction barre qui traverse le texte Tchat */
.live-page-v42 .live-tabs-v37::after{
  display:none!important;
  content:none!important;
}
.live-page-v42 .live-tab-btn-v37{
  position:relative!important;
  z-index:2!important;
}
.live-page-v42 .live-tab-btn-v37.is-active{
  background:linear-gradient(135deg,#30c9ff 0%,#ff43d0 100%)!important;
  color:#06111f!important;
  text-shadow:none!important;
}


/* V50 — onglets Tchat / Calls taille fixe */
.live-page-v42 .live-tabs-v37{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  min-height:66px!important;
}
.live-page-v42 .live-tab-btn-v37{
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:.95rem!important;
  line-height:1!important;
  transform:none!important;
  white-space:nowrap!important;
}
.live-page-v42 .live-tab-btn-v37:hover{
  transform:none!important;
}
.live-page-v42 .live-tab-btn-v37.is-active{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  transform:none!important;
}


/* V51 — suppression titre Tchat & calls */
.live-page-v42 .live-interactive-card-v51{
  grid-template-rows:auto minmax(0,1fr)!important;
}
.live-page-v42 .live-interactive-card-v51 .live-tabs-v37{
  border-top:0!important;
  border-radius:24px 24px 0 0;
}

/* V52 — correction chevauchement messages tchat PC/mobile
   Objectif : chaque message reste dans le flux normal, hauteur auto, aucun texte superposé. */
.live-page-v42 .live-chat-list-v41{
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  line-height:normal!important;
  contain:layout paint!important;
}
.live-page-v42 .live-chat-message-v33.live-chat-message-v36.live-chat-message-v43,
.live-page-v42 .live-chat-message-v43{
  position:relative!important;
  display:block!important;
  clear:both!important;
  float:none!important;
  height:auto!important;
  min-height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  white-space:normal!important;
  padding:4px 6px!important;
  margin:0 0 4px!important;
  line-height:1.42!important;
  box-sizing:border-box!important;
}
.live-page-v42 .live-chat-message-v43 strong,
.live-page-v42 .live-chat-time-v43,
.live-page-v42 .live-chat-name-v43,
.live-page-v42 .live-chat-role-v43,
.live-page-v42 .live-chat-text-v43{
  position:static!important;
  display:inline!important;
  float:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  line-height:1.42!important;
  vertical-align:baseline!important;
}
.live-page-v42 .live-chat-name-v43{
  white-space:nowrap!important;
}
.live-page-v42 .live-chat-role-v43{
  transform:none!important;
  margin:0 5px 0 2px!important;
  white-space:nowrap!important;
}
.live-page-v42 .live-chat-text-v43{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.live-page-v42 .live-bot-link-v47{
  display:inline!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.42!important;
}
.live-page-v42 .live-chat-mod-v43{
  position:static!important;
  display:inline-flex!important;
  margin-left:6px!important;
  vertical-align:middle!important;
}
@media(max-width:560px){
  .live-page-v42 .live-chat-message-v43{
    padding:4px 5px!important;
    margin-bottom:4px!important;
    line-height:1.45!important;
  }
  .live-page-v42 .live-chat-message-v43 strong,
  .live-page-v42 .live-chat-time-v43,
  .live-page-v42 .live-chat-name-v43,
  .live-page-v42 .live-chat-role-v43,
  .live-page-v42 .live-chat-text-v43,
  .live-page-v42 .live-bot-link-v47{
    line-height:1.45!important;
  }
}

/* V54 — mobile uniquement : tchat visible + boutons accessibles, aucun impact desktop */
@media(max-width:760px){
  .live-page-v42 .live-side-panel-v37{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    position:relative!important;
    top:auto!important;
    overflow:visible!important;
  }
  .live-page-v42 .live-interactive-card-v37,
  .live-page-v42 .live-interactive-card-v51{
    height:min(72svh,570px)!important;
    min-height:470px!important;
    max-height:640px!important;
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    gap:8px!important;
    padding:10px!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  .live-page-v42 .live-login-callout-v38,
  .live-page-v42 .live-connected-callout-v38{
    padding:9px 10px!important;
    border-radius:17px!important;
    gap:8px!important;
    margin:0!important;
  }
  .live-page-v42 .live-login-callout-v38 p,
  .live-page-v42 .live-connected-callout-v38 small{
    display:none!important;
  }
  .live-page-v42 .live-login-callout-actions-v38{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .live-page-v42 .live-login-callout-actions-v38 .btn,
  .live-page-v42 .live-google-paused-v38{
    width:100%!important;
    min-height:38px!important;
    justify-content:center!important;
    font-size:.8rem!important;
    padding:8px 10px!important;
  }
  .live-page-v42 .live-tabs-v37{
    min-height:48px!important;
    height:48px!important;
    padding:4px!important;
    gap:6px!important;
    border-radius:18px!important;
    flex:0 0 auto!important;
  }
  .live-page-v42 .live-tab-btn-v37{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:0 8px!important;
    font-size:.84rem!important;
    border-radius:15px!important;
  }
  .live-page-v42 .live-tab-panel-v37.is-active:not([hidden]){
    min-height:0!important;
    height:100%!important;
    display:grid!important;
    overflow:hidden!important;
  }
  .live-page-v42 .live-chat-tab-v41.is-active{
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
  }
  .live-page-v42 .live-calls-tab-v42.is-active{
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }
  .live-page-v42 .live-tab-title-v37,
  .live-page-v42 .live-tab-title-v40{
    min-height:30px!important;
    padding:0 2px!important;
    margin:0!important;
    align-items:center!important;
  }
  .live-page-v42 .live-tab-title-v37 strong,
  .live-page-v42 .live-tab-title-v40 strong{
    font-size:.92rem!important;
    line-height:1.1!important;
  }
  .live-page-v42 .live-tab-title-v37 span,
  .live-page-v42 .live-tab-title-v40 span{
    font-size:.72rem!important;
    line-height:1!important;
  }
  .live-page-v42 .live-chat-list-v41,
  .live-page-v42 .live-call-list-v42{
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:7px 8px!important;
    border-radius:16px!important;
  }
  .live-page-v42 .live-chat-form-v43,
  .live-page-v42 .live-call-form-v42{
    margin:0!important;
    padding-top:7px!important;
    flex:0 0 auto!important;
  }
  .live-page-v42 .live-chat-compose-v43{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 78px!important;
    gap:6px!important;
    align-items:center!important;
    padding:7px!important;
    border-radius:17px!important;
  }
  .live-page-v42 .live-emoji-toggle-v43{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    border-radius:13px!important;
  }
  .live-page-v42 #live-chat-input{
    min-width:0!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
    font-size:.86rem!important;
  }
  .live-page-v42 .live-send-btn-v43{
    width:78px!important;
    min-width:78px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 8px!important;
    font-size:.78rem!important;
    justify-content:center!important;
  }
  .live-page-v42 .live-login-full-v43,
  .live-page-v42 .live-login-full-v40{
    width:100%!important;
    min-height:38px!important;
    margin-top:6px!important;
    justify-content:center!important;
    font-size:.8rem!important;
  }
  .live-page-v42 .live-input-row-v40,
  .live-page-v42 .live-input-row-v37,
  .live-page-v42 .live-input-row-v35{
    grid-template-columns:minmax(0,1fr) 76px!important;
    gap:6px!important;
  }
  .live-page-v42 .live-input-row-v40 input,
  .live-page-v42 .live-input-row-v37 input,
  .live-page-v42 .live-input-row-v35 input{
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    font-size:.84rem!important;
  }
  .live-page-v42 .live-input-row-v40 .btn,
  .live-page-v42 .live-input-row-v37 .btn,
  .live-page-v42 .live-input-row-v35 .btn{
    width:76px!important;
    min-height:38px!important;
    padding:0 8px!important;
    font-size:.78rem!important;
  }
}
@media(max-width:390px){
  .live-page-v42 .live-interactive-card-v37,
  .live-page-v42 .live-interactive-card-v51{
    height:min(74svh,540px)!important;
    min-height:445px!important;
    padding:8px!important;
  }
  .live-page-v42 .live-chat-compose-v43{
    grid-template-columns:36px minmax(0,1fr) 70px!important;
  }
  .live-page-v42 .live-send-btn-v43{
    width:70px!important;
    min-width:70px!important;
    font-size:.72rem!important;
  }
}

/* V55 — nettoyage boutons connexion doublons + titre onglet + icône Rumble */
.live-page-v42 .live-tab-title-v40 span{
  display:none!important;
}
.live-page-v42 .live-chat-compose-v43.is-guest{
  grid-template-columns:40px minmax(0,1fr)!important;
}
.live-page-v42 .live-input-row-v35.is-guest,
.live-page-v42 .live-input-row-v37.is-guest,
.live-page-v42 .live-input-row-v40.is-guest{
  grid-template-columns:minmax(0,1fr)!important;
}
.live-page-v42 .live-chat-compose-v43.is-guest input,
.live-page-v42 .live-input-row-v35.is-guest input,
.live-page-v42 .live-input-row-v37.is-guest input,
.live-page-v42 .live-input-row-v40.is-guest input{
  cursor:pointer!important;
}
.brand-icon--rumble,
.live-center-card__brand{
  object-fit:contain!important;
}
.fs-btn--rumble .brand-icon--rumble,
.fs-btn--rumble-link .brand-icon--rumble,
.live-stream-rumble-v42 .brand-icon--rumble{
  width:20px!important;
  height:20px!important;
  display:inline-block!important;
}
.live-center-card__brand{
  width:42px!important;
  height:42px!important;
  padding:5px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.92)!important;
}
@media(max-width:760px){
  .live-page-v42 .live-chat-compose-v43.is-guest{
    grid-template-columns:38px minmax(0,1fr)!important;
  }
}