/* =========================================================
   Buzzrparty Dual V3.15
   REPLAYS accordions + competition-wide global leaderboard
   ========================================================= */

#bpDualReplays .home-feed-intro{
  position:relative;
}

/* Main REPLAYS explainer/game accordion */
#bpV315PlayToggle{
  position:absolute;
  top:0;
  right:0;
  z-index:12;
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(10,10,10,.78);
  color:rgba(255,255,255,.82);
  font:900 9px/1 var(--font-body,Arial,sans-serif);
  letter-spacing:.11em;
  text-transform:uppercase;
  cursor:pointer;
}

#bpV315PlayToggle:hover{
  border-color:rgba(255,145,29,.65);
  color:#fff;
}

#bpDualReplays.bp-v315-play-collapsed .home-feed-lead,
#bpDualReplays.bp-v315-play-collapsed .home-feed-how,
#bpDualReplays.bp-v315-play-collapsed .home-feed-flow,
#bpDualReplays.bp-v315-play-collapsed .home-feed-section,
#bpDualReplays.bp-v315-play-collapsed #homeIconicMomentsCard,
#bpDualReplays.bp-v315-play-collapsed .home-feed-side,
#bpDualReplays.bp-v315-play-collapsed #homeFeedRowMobile,
#bpDualReplays.bp-v315-play-collapsed .bp-v315-leaderboard-wrap{
  display:none !important;
}

#bpDualReplays.bp-v315-play-collapsed .home-feed-intro{
  margin-bottom:18px !important;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

/* Global competition leaderboard */
.bp-v315-leaderboard-wrap{
  margin-top:13px;
  max-width:620px;
}

.bp-v315-leaderboard-toggle{
  width:100%;
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 15px;
  border:1px solid rgba(255,145,29,.34);
  border-radius:12px;
  background:rgba(255,145,29,.075);
  color:#fff;
  cursor:pointer;
  text-align:left;
  font:900 10px/1.2 var(--font-body,Arial,sans-serif);
  letter-spacing:.10em;
  text-transform:uppercase;
}

.bp-v315-leaderboard-toggle:hover,
.bp-v315-leaderboard-toggle[aria-expanded="true"]{
  border-color:rgba(255,145,29,.72);
  background:rgba(255,145,29,.12);
}

.bp-v315-leaderboard-toggle .bp-v315-lb-icon{
  flex:0 0 auto;
  color:#ff9a25;
  font-size:17px;
  line-height:1;
}

.bp-v315-leaderboard-panel{
  margin-top:9px;
  padding:15px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
  background:rgba(8,8,8,.92);
}

.bp-v315-leaderboard-panel[hidden]{
  display:none !important;
}

.bp-v315-lb-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.09);
}

.bp-v315-lb-kicker{
  color:#ff9a25;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.bp-v315-lb-title{
  margin-top:5px;
  color:#fff;
  font-size:16px;
  font-weight:1000;
  line-height:1.15;
}

.bp-v315-lb-sub{
  margin-top:5px;
  color:rgba(255,255,255,.48);
  font-size:10px;
  line-height:1.35;
}

.bp-v315-lb-status{
  padding:17px 2px 7px;
  color:rgba(255,255,255,.55);
  font-size:11px;
  line-height:1.45;
}

.bp-v315-lb-list{
  display:grid;
  gap:7px;
  margin-top:11px;
}

.bp-v315-lb-row{
  display:grid;
  grid-template-columns:30px 36px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  min-height:50px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:11px;
  background:rgba(255,255,255,.032);
}

.bp-v315-lb-row.is-me{
  border-color:rgba(255,145,29,.48);
  background:rgba(255,145,29,.08);
}

.bp-v315-lb-rank{
  color:#ff9a25;
  font-size:12px;
  font-weight:1000;
  text-align:center;
}

.bp-v315-lb-avatar{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#202020 center/cover no-repeat;
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-size:10px;
  font-weight:1000;
}

.bp-v315-lb-name{
  overflow:hidden;
  color:#fff;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.bp-v315-lb-progress{
  margin-top:3px;
  color:rgba(255,255,255,.43);
  font-size:9px;
  line-height:1.25;
}

.bp-v315-lb-score{
  min-width:62px;
  text-align:right;
}

.bp-v315-lb-score strong{
  display:block;
  color:#fff;
  font-size:12px;
  font-weight:1000;
}

.bp-v315-lb-score small{
  display:block;
  margin-top:2px;
  color:rgba(255,255,255,.35);
  font-size:8px;
  font-weight:900;
  letter-spacing:.10em;
}

/* Existing lower "ICONIC MOMENTS" section:
   make the existing collapsed state real. */
#bpHomeIconicVotes.is-collapsed .mag-iconic-grid,
#magIconicVotes.is-collapsed .mag-iconic-grid,
.mag-iconic-votes.is-collapsed .mag-iconic-grid{
  display:none !important;
}

/* Give the lower section a clear accordion affordance. */
#bpHomeIconicVotes .mag-iconic-toggle,
#magIconicVotes .mag-iconic-toggle,
.mag-iconic-votes .mag-iconic-toggle{
  cursor:pointer;
}

@media(max-width:800px){
  #bpV315PlayToggle{
    top:-2px;
    right:0;
    min-height:31px;
    padding:0 10px;
    font-size:8px;
  }

  .bp-v315-leaderboard-wrap{
    width:100%;
    max-width:none;
    margin-top:11px;
  }

  .bp-v315-leaderboard-toggle{
    min-height:40px;
    padding:0 12px;
    font-size:9px;
  }

  .bp-v315-leaderboard-panel{
    padding:12px 10px;
    border-radius:13px;
  }

  .bp-v315-lb-row{
    grid-template-columns:25px 32px minmax(0,1fr) auto;
    gap:7px;
    min-height:47px;
    padding:6px 7px;
  }

  .bp-v315-lb-avatar{
    width:30px;
    height:30px;
  }

  .bp-v315-lb-score{
    min-width:54px;
  }
}