/* Buzzrparty Home Dual V2 */
:root{--bp-dual-replay:#ff8c3a;--bp-dual-live:#ff4b3e;--bp-dual-edge:rgba(255,255,255,.14)}
#homeView.bp-dual-ready{position:relative}
.bp-dual-stage{position:relative;width:100%;perspective:1800px;transform-style:preserve-3d}
.bp-dual-face{position:relative;width:100%;min-width:0;transform-origin:center left;backface-visibility:hidden;will-change:transform,opacity,filter}
.bp-dual-face[hidden]{display:none!important}
.bp-dual-stage::after{content:"";position:fixed;top:0;bottom:0;left:-18vw;width:18vw;z-index:13550;pointer-events:none;opacity:0;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(255,255,255,.08) 45%,rgba(255,255,255,.22) 50%,rgba(0,0,0,.42) 58%,rgba(0,0,0,0))}
.bp-dual-stage.is-turning-forward::after{animation:bpPageEdgeForward .46s cubic-bezier(.2,.75,.2,1)}
.bp-dual-stage.is-turning-back::after{animation:bpPageEdgeBack .46s cubic-bezier(.2,.75,.2,1)}
.bp-dual-face.is-leaving-forward{animation:bpPageOutForward .24s cubic-bezier(.4,0,.7,.2) both}
.bp-dual-face.is-entering-forward{animation:bpPageInForward .28s cubic-bezier(.2,.8,.2,1) both}
.bp-dual-face.is-leaving-back{animation:bpPageOutBack .24s cubic-bezier(.4,0,.7,.2) both}
.bp-dual-face.is-entering-back{animation:bpPageInBack .28s cubic-bezier(.2,.8,.2,1) both}
@keyframes bpPageOutForward{from{transform:rotateY(0) translateX(0);opacity:1;filter:brightness(1)}to{transform:rotateY(-13deg) translateX(-2.5%);opacity:0;filter:brightness(.62)}}
@keyframes bpPageInForward{from{transform:rotateY(10deg) translateX(2.5%);opacity:0;filter:brightness(.68)}to{transform:rotateY(0) translateX(0);opacity:1;filter:brightness(1)}}
@keyframes bpPageOutBack{from{transform:rotateY(0) translateX(0);opacity:1;filter:brightness(1)}to{transform:rotateY(13deg) translateX(2.5%);opacity:0;filter:brightness(.62)}}
@keyframes bpPageInBack{from{transform:rotateY(-10deg) translateX(-2.5%);opacity:0;filter:brightness(.68)}to{transform:rotateY(0) translateX(0);opacity:1;filter:brightness(1)}}
@keyframes bpPageEdgeForward{0%{left:-18vw;opacity:0}14%{opacity:1}82%{opacity:1}100%{left:100vw;opacity:0}}
@keyframes bpPageEdgeBack{0%{left:100vw;opacity:0}14%{opacity:1}82%{opacity:1}100%{left:-18vw;opacity:0}}
.bp-dual-rail{position:fixed;z-index:13450;left:12px;top:50%;transform:translateY(-50%);width:78px;padding:6px;display:grid;gap:6px;border:1px solid var(--bp-dual-edge);border-radius:16px;background:rgba(5,5,5,.72);backdrop-filter:blur(14px);box-shadow:0 18px 46px rgba(0,0,0,.38)}
.bp-dual-rail button{height:62px;display:grid;place-items:center;align-content:center;gap:4px;padding:6px 4px;border:1px solid transparent;border-radius:11px;background:transparent;color:rgba(255,255,255,.46);cursor:pointer;font:900 8px/1 "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;transition:.18s ease}
.bp-dual-rail button:hover{color:#fff;transform:translateX(1px)}
.bp-dual-rail .bp-dual-icon{font-size:17px;line-height:1}
.bp-dual-rail button[aria-pressed="true"][data-mode="replays"]{color:#fff;border-color:rgba(255,140,58,.48);background:rgba(255,140,58,.11);box-shadow:inset 3px 0 0 var(--bp-dual-replay)}
.bp-dual-rail button[aria-pressed="true"][data-mode="live"]{color:#fff;border-color:rgba(255,75,62,.48);background:rgba(255,75,62,.10);box-shadow:inset 3px 0 0 var(--bp-dual-live)}
.bp-dual-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.65}
.bp-dual-replay-tools{margin:0 0 20px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.bp-dual-mini-label{margin-right:5px;color:rgba(255,255,255,.34);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.bp-dual-replay-tools button{min-height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#080808;color:rgba(255,255,255,.70);cursor:pointer;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.bp-dual-replay-tools button:hover,.bp-dual-replay-tools button.active{color:#fff;border-color:rgba(255,140,58,.52);background:rgba(255,140,58,.07)}
.bp-v14-context{padding:10px 11px 11px;border-top:1px solid rgba(255,255,255,.10);background:#080808}
.bp-v14-label{margin-bottom:7px;color:#ff8c3a;font-size:7px;font-weight:900;letter-spacing:.13em}
.bp-v14-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.bp-v14-summary{min-width:0;min-height:34px;display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#111;color:#fff;text-decoration:none}
.bp-v14-summary:hover{border-color:#ff8c3a}.bp-v14-summary.is-empty{opacity:.32}.bp-v14-play{font-size:8px}
.bp-v14-copy{min-width:0;display:grid}.bp-v14-copy small{font-size:6px;font-weight:800;color:rgba(255,255,255,.45)}
.bp-v14-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:900}.bp-v14-out{margin-left:auto;color:#ff8c3a}
.bp-v14-replay{margin-top:7px;min-height:31px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(56,201,120,.48);border-radius:7px;color:#65e39c;background:rgba(56,201,120,.05);font-size:7px;font-weight:900;letter-spacing:.07em;text-decoration:none}
@media(max-width:720px){.bp-dual-rail{left:7px;width:44px;padding:4px;border-radius:13px}.bp-dual-rail button{height:46px;padding:4px 2px}.bp-dual-label{display:none}.bp-dual-rail .bp-dual-icon{font-size:16px}.bp-v14-context{padding:9px}.bp-v14-links{gap:6px}}
@media(prefers-reduced-motion:reduce){.bp-dual-stage::after,.bp-dual-face{animation:none!important;transition:none!important}}


/* === DUAL V2.1 HEADER SWITCH === */

/*
 * Align? verticalement avec
 * Sign in / Explore / Language.
 *
 * Le header existant n'est PAS modifi?.
 */
.bp-dual-rail{
  left:var(--page-x,18px) !important;
  top:27px !important;

  transform:none !important;

  width:auto !important;
  height:50px !important;

  padding:4px !important;

  display:flex !important;
  grid-template-columns:none !important;
  gap:3px !important;

  border-radius:12px !important;

  background:rgba(7,7,7,.72) !important;
  backdrop-filter:blur(12px);
}


.bp-dual-rail button{
  width:76px !important;
  height:40px !important;

  padding:0 8px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:6px !important;

  border-radius:8px !important;

  font-size:8px !important;
}


.bp-dual-rail .bp-dual-icon{
  font-size:12px !important;
}


.bp-dual-rail .bp-dual-dot{
  display:none !important;
}


.bp-dual-rail button[aria-pressed="true"][data-mode="replays"]{
  box-shadow:
    inset 0 -2px 0 #ff8c3a !important;
}


.bp-dual-rail button[aria-pressed="true"][data-mode="live"]{
  box-shadow:
    inset 0 -2px 0 #ff4b3e !important;
}


/*
 * S?curit? :
 * tout bloc explicitement identifi? Replay-only
 * dispara?t sur la face LIVE.
 */
#bpDualLive [data-bp-dual-replay-only]{
  display:none !important;
}


@media(max-width:720px){

  .bp-dual-rail{
    left:8px !important;
    top:16px !important;

    width:82px !important;
    height:42px !important;

    padding:3px !important;
  }


  .bp-dual-rail button{
    width:36px !important;
    height:34px !important;
    padding:0 !important;
  }


  .bp-dual-rail .bp-dual-label{
    display:none !important;
  }


  .bp-dual-rail .bp-dual-icon{
    font-size:14px !important;
  }

}

/* === DUAL V2.5 — BUZZRIQ MATCH LIST REMOVED === */

#bpDualLive [data-bp-v25-hide="buzzriq-matches"]{
  display:none !important;
}
