/* BAATLE 0.8.76 — clear horizontal battle cards; loaded after v075.
   Keep existing winning crowns, ornate winner/defeated plaques, artwork and vote guards.
   Every selector is scoped to the shared card: arena / homepage / battle / results. */

@media (min-width:1101px) {
  html body article.duel.duel-layout-v48[data-scenery] {
    grid-template-columns:minmax(0,1.65fr) minmax(250px,1.10fr) minmax(140px,.47fr)!important;
    column-gap:clamp(18px,2.1vw,30px)!important;
  }
}

/* The right rail is ONE semantic block, not split across unrelated grid rows.
   Content order: battle state + end time -> maker -> categories. */
html body article.duel.duel-layout-v48[data-scenery] > .duel-side-meta {
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  grid-column:3!important;
  grid-row:3/5!important;
  gap:16px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  width:100%!important;
  padding:1px 0 0 14px!important;
  margin:0!important;
  position:static!important;
  z-index:auto!important;
  border:0!important;
  border-left:1px solid #e8edf4!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:12px!important;
  color:#3e4c63!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-side-meta > .duel-hero,
html body article.duel.duel-layout-v48[data-scenery] .duel-side-meta > .duel-lower-info {
  display:block!important;
  position:static!important;
  flex:none!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-side-meta > .duel-hero::before,
html body article.duel.duel-layout-v48[data-scenery] .duel-side-meta > .duel-lower-info::before {
  display:none!important;
  content:none!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-side-meta .duel-meta {
  display:flex!important;
  align-items:flex-start!important;
  flex-direction:column!important;
  gap:9px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-side-meta .duel-time {
  display:block!important;
  color:#62728a!important;
  font-weight:500!important;
  font-size:12px!important;
  line-height:1.55!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  margin:0!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-side-meta .duel-starter {
  display:block!important;
  margin:0 0 12px!important;
  padding:0!important;
  background:transparent!important;
  color:#3e506d!important;
  font-size:12px!important;
  line-height:1.5!important;
  overflow-wrap:anywhere!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-side-meta .duel-tags {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-side-meta .duel-tags .category-chip {
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  font-size:11px!important;
  line-height:1.4!important;
}
/* Make the question number unambiguous without competing with the round dots. */
html body article.duel.duel-layout-v48[data-scenery] .duel-question .baatle-question-index {
  display:inline-block!important;
  margin-right:.30em!important;
  color:#44648f!important;
  font-weight:850!important;
  font-variant-numeric:tabular-nums!important;
}
/* Visually clear VS with no additional illustrations. */
html body article.duel.duel-layout-v48[data-scenery] .duel-cards > .duel-vs {
  color:#243b5d!important;
  font-size:clamp(19px,2.0vw,25px)!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
  text-shadow:none!important;
}
/* Align voting/actions exactly beneath each logo (rather than spanning the
   full half of the brand panel). Preserve the fixed row height after voting. */
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-choices {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)!important;
  column-gap:10px!important;
  align-items:center!important;
  justify-items:center!important;
  min-height:51px!important;
  height:51px!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices > form,
html body article.duel.duel-layout-v48[data-scenery] .duel-choices > .duel-final-label {
  width:min(100%,clamp(128px,13vw,190px))!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  justify-self:center!important;
  box-sizing:border-box!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices > :first-child {grid-column:1!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices > :nth-child(2) {grid-column:3!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices > .baatle-voted-confirmation {
  grid-column:1/-1!important;
  width:100%!important;
  max-width:100%!important;
  justify-self:center!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices .duel-final-label {
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  min-height:40px!important;
}
/* Score panel has at least the visual height of a logo and matches the logo
   row vertically; knights are anchored, equal height, with static poses. */
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-score-group {
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  align-items:stretch!important;
  align-self:start!important;
  min-height:clamp(210px,18vw,245px)!important;
  max-height:none!important;
  height:auto!important;
  width:100%!important;
  margin:0!important;
  padding:2px 0 6px!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group .battle-question-score-label {
  font-size:12px!important;
  margin:0 0 10px!important;
  line-height:1.45!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group > .knight-lane {
  flex:1 0 88px!important;
  align-items:center!important;
  align-self:stretch!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group > .duel-score {
  flex:none!important;
  width:100%!important;
  margin:7px 0 0!important;
}
/* The results page is public and has its own heading, question breakdown and
   related cards; handle long product names without horizontal overflow. */
html body .results-page-layout .ux142-results {max-width:none!important;width:100%!important;min-width:0!important}
html body .results-page-layout .ux142-score-descriptor {font-size:.52em;color:#52627d;white-space:normal}
html body .results-page-layout .ux142-question-percent {margin:6px 0;color:#536780;font-weight:650;font-size:13px;line-height:1.5}
html body .results-page-layout .maker-report-table-wrap {max-width:100%;overflow-x:auto}

@media (max-width:1100px) and (min-width:651px) {
  html body article.duel.duel-layout-v48[data-scenery] {
    grid-template-columns:minmax(0,1.45fr) minmax(190px,.9fr)!important;
    column-gap:clamp(14px,2vw,26px)!important;
  }
  html body article.duel.duel-layout-v48[data-scenery] > .duel-side-meta {
    grid-column:1/-1!important;grid-row:5!important;
    flex-direction:row!important;justify-content:space-between!important;
    align-items:flex-start!important;
    gap:20px!important;
    border-left:0!important;border-top:1px solid #e8edf4!important;
    padding:12px 0 0!important;
  }
  html body article.duel.duel-layout-v48[data-scenery] > .duel-side-meta > .duel-hero {max-width:50%!important}
  html body article.duel.duel-layout-v48[data-scenery] > .duel-side-meta > .duel-lower-info {max-width:50%!important}
  html body article.duel.duel-layout-v48[data-scenery] > .duel-footer-band {grid-column:1/-1!important;grid-row:6!important}
}
@media (max-width:650px) {
  html body article.duel.duel-layout-v48[data-scenery] .duel-cards > .duel-vs {font-size:19px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-choices {
    grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)!important;
    gap:5px!important;
  }
  html body article.duel.duel-layout-v48[data-scenery] .duel-choices > form,
  html body article.duel.duel-layout-v48[data-scenery] .duel-choices > .duel-final-label {
    width:min(100%,clamp(95px,27vw,152px))!important;
  }
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-score-group {
    min-height:195px!important;
    width:100%!important;
    max-width:390px!important;
    justify-self:center!important;
    margin:0 auto!important;
  }
  html body article.duel.duel-layout-v48[data-scenery] > .duel-side-meta {
    grid-column:1!important;grid-row:6!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:12px 0 0!important;
    margin:0!important;
    border-left:0!important;border-top:1px solid #e8edf4!important;
  }
  html body article.duel.duel-layout-v48[data-scenery] .duel-side-meta > .duel-lower-info {display:flex!important;flex-direction:column!important;gap:6px!important}
  html body article.duel.duel-layout-v48[data-scenery] > .duel-footer-band {grid-column:1!important;grid-row:7!important}
}
/* Number and question belong on the SAME text line when width permits. */
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-question > a {
  display:inline!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  vertical-align:baseline!important;
}
@media(min-width:1101px) {
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-score-group {
    min-height:clamp(170px,13vw,190px)!important;
    height:clamp(170px,13vw,190px)!important;
    padding:0!important;
  }
  html body article.duel.duel-layout-v48[data-scenery] .duel-score-group > .knight-lane {
    flex:0 0 83px!important;
    min-height:83px!important;
    height:83px!important;
  }
  html body article.duel.duel-layout-v48[data-scenery] .duel-score-group .battle-question-score-label {
    margin-bottom:5px!important;
  }
}