/* Combined from battle-cards-v075.css; source order preserved. */
/* BAATLE 0.8.75 — isolated, cache-distinct battle-card layout.
   Loaded AFTER baatle.css to supersede legacy pixel-art card rules. */

/* One collection card per row on every battle surface. Explicit min-width:0
   prevents an earlier narrow fixed-width grid from winning the cascade. */
html body .duel-list.battle-grid-standard,
html body .duel-list.battle-grid-featured,
html body .duel-list.battle-grid-compact,
html body .duel-list.battle-grid-community,
html body .duel-list.duel-list-arena,
html body .detail-round-list,
html body .detail-round-list.detail-round-list-five,
html body .ux142-grid,
html body .results-page-layout .ux142-grid,
html body .profile-battle-grid,
html body .duel-list.maker-report-list {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-content:stretch!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:none!important;
  gap:22px!important;
}
html body .duel-list > .battle-collection-item,
html body .detail-round-list > .round-section,
html body .battle-collection-item,
html body .battle-collection-item > .duel.duel-layout-v48,
html body .detail-round-list .battle-collection-item > .duel.duel-layout-v48 {
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  justify-self:stretch!important;
}
html body .detail-round-list > .round-section { display:block!important; }

/* Structural reset: replace old fixed-height flex/scenery composition with grid.
   Grid children in .duel-main participate directly using display:contents. */
html body article.duel.duel-layout-v48[data-scenery] {
  display:grid!important;
  grid-template-columns:minmax(0,1.65fr) minmax(180px,.68fr) minmax(175px,.52fr)!important;
  grid-template-rows:auto auto auto auto auto!important;
  column-gap:clamp(18px,2.8vw,40px)!important;
  row-gap:12px!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:20px clamp(16px,2.5vw,30px)!important;
  border:1px solid #dce5ef!important;
  border-radius:14px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 4px 15px rgba(21,43,68,.075)!important;
  overflow:visible!important;
  container-type:normal!important;
}
html body article.duel.duel-layout-v48[data-scenery]::before,
html body article.duel.duel-layout-v48[data-scenery]::after,
html body article.duel.duel-layout-v48 .duel-scenery,
html body article.duel.duel-layout-v48 .arena-ornament,
html body article.duel.duel-layout-v48 .duel-main::before { display:none!important;content:none!important; }
html body article.duel.duel-layout-v48[data-scenery] > .duel-main {
  display:contents!important;
  position:static!important;
  float:none!important;
  width:auto!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  background-image:none!important;
  transform:none!important;
}
html body article.duel.duel-layout-v48[data-scenery] > .duel-hero {
  grid-column:3!important;grid-row:3!important;
  display:block!important;
  position:static!important;
  align-self:start!important;
  width:auto!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;
  border:0!important;background:none!important;background-image:none!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-hero .duel-meta {
  display:flex!important;flex-direction:column!important;align-items:start!important;
  gap:7px!important;margin:0!important;padding:0!important;
  color:#425570!important;font-size:12px!important;
  border:0!important;background:none!important;box-shadow:none!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-hero .duel-time {
  display:block!important;color:#425570!important;font-weight:600!important;
  font-size:12px!important;text-shadow:none!important;overflow-wrap:anywhere!important;
}

/* One centered question, its controls above, no halo overlap. */
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .baatle-round-nav {
  grid-column:1/-1!important;grid-row:1!important;
  position:static!important;z-index:auto!important;
  display:flex!important;justify-content:center!important;align-items:center!important;
  gap:7px!important;width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;
  background:none!important;transform:none!important;
}
html body article.duel.duel-layout-v48[data-scenery] .baatle-round-nav .baatle-round-dot {
  display:grid!important;place-items:center!important;
  position:static!important;
  width:34px!important;height:34px!important;min-height:34px!important;flex:0 0 34px!important;
  margin:0!important;padding:0!important;
  border:2px solid #aebed0!important;border-radius:50%!important;
  background:#fff!important;color:#354867!important;
  box-shadow:none!important;font:800 13px/1 system-ui,sans-serif!important;
}
html body article.duel.duel-layout-v48[data-scenery] .baatle-round-dot.is-current {
  background:#243c62!important;border-color:#243c62!important;color:white!important;
}
html body article.duel.duel-layout-v48[data-scenery] .baatle-round-dot.is-picked:not(.is-current) {
  background:#eef9f2!important;border-color:#3e966a!important;color:#20764e!important;
}
html body article.duel.duel-layout-v48[data-scenery] .baatle-round-prev,
html body article.duel.duel-layout-v48[data-scenery] .baatle-round-next {
  position:static!important;min-width:32px!important;height:34px!important;
  margin:0!important;padding:0!important;
  border:0!important;background:none!important;
  color:#445976!important;font-size:24px!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-question,
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-question:first-child {
  grid-column:1/-1!important;grid-row:2!important;
  display:block!important;position:static!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  transform:none!important;align-self:center!important;
  flex:none!important;width:100%!important;max-width:none!important;
  height:auto!important;min-height:0!important;
  margin:0!important;padding:3px 8px 5px!important;
  background:none!important;background-image:none!important;
  border:0!important;border-radius:0!important;
  text-align:center!important;color:#17263d!important;
  font-size:clamp(18px,1.8vw,24px)!important;font-weight:800!important;
  line-height:1.3!important;text-shadow:none!important;
  overflow:visible!important;z-index:auto!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-question a {
  color:inherit!important;text-shadow:none!important;text-decoration:none!important;
}

/* The two projects keep equal space; no arbitrary 106px max logo constraint. */
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-cards {
  grid-column:1!important;grid-row:3!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)!important;
  gap:10px!important;align-items:start!important;
  width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;position:static!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-cards > .duel-project {
  display:flex!important;flex-direction:column!important;justify-content:start!important;align-items:center!important;
  min-width:0!important;min-height:0!important;height:auto!important;
  margin:0!important;padding:2px 0 0!important;
  border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-project-main {
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:start!important;
  gap:9px!important;min-width:0!important;width:100%!important;height:auto!important;
  margin:0!important;padding:0!important;text-align:center!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-logo-frame {
  display:grid!important;place-items:center!important;position:relative!important;
  width:clamp(128px,13vw,190px)!important;height:clamp(128px,13vw,190px)!important;
  max-width:100%!important;min-width:0!important;min-height:0!important;
  flex:none!important;margin:0 auto!important;box-sizing:border-box!important;
  background:#fff!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-logo-frame.is-winning-logo {
  border:2px solid #bb861d!important;border-radius:12px!important;
  box-shadow:inset 0 0 0 3px #ffe9a4,0 0 0 2px rgba(202,147,36,.2)!important;
  background:linear-gradient(145deg,#fffef9,#fff9e8)!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-logo-frame > img:not(.duel-project-winner-crown) {
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  padding:8px!important;margin:0!important;object-fit:contain!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-logo-frame > img.duel-project-winner-crown {
  display:block!important;position:absolute!important;z-index:5!important;
  top:-16px!important;right:-10px!important;left:auto!important;bottom:auto!important;
  width:31px!important;height:28px!important;max-width:none!important;min-width:0!important;
  padding:0!important;transform:rotate(15deg)!important;object-fit:contain!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-cards > .duel-project .duel-project-main strong {
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  flex:none!important;width:100%!important;max-width:100%!important;
  height:auto!important;min-height:0!important;max-height:2.7em!important;
  margin:0!important;padding:0!important;
  font-size:15px!important;line-height:1.3!important;font-weight:750!important;text-align:center!important;
  overflow:hidden!important;overflow-wrap:anywhere!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-short-description {
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  max-width:265px!important;min-height:0!important;max-height:2.75em!important;
  margin:6px auto 0!important;padding:0!important;
  font-size:12px!important;line-height:1.35!important;text-align:center!important;overflow:hidden!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-vs {
  grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:center!important;
  position:static!important;margin:0!important;padding:0!important;
  color:#66758c!important;font-size:17px!important;font-weight:900!important;
}

/* Vote actions always occupy one stable row below project identity. */
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-choices {
  grid-column:1!important;grid-row:4!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;align-items:center!important;
  width:100%!important;min-width:0!important;
  height:51px!important;min-height:51px!important;max-height:51px!important;
  margin:0!important;padding:0!important;
  background:none!important;visibility:visible!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices > form {min-width:0!important;height:100%!important;margin:0!important;padding:0!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices .duel-vote {
  display:grid!important;place-items:center!important;
  width:100%!important;height:45px!important;min-height:45px!important;
  padding:7px 12px!important;
  color:#fff!important;font-size:15px!important;font-weight:850!important;
  border:3px solid #174eae!important;border-radius:7px 12px 9px 14px!important;
  background:#246cce!important;background-image:none!important;
  box-shadow:2px 3px 0 rgba(29,66,120,.18),inset 0 0 0 1px rgba(255,255,255,.45)!important;
  transform:rotate(-.65deg)!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices .duel-vote.vote-red {
  background:#d63e50!important;border-color:#a52238!important;
  border-radius:12px 7px 13px 6px!important;transform:rotate(.6deg)!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices .baatle-voted-confirmation {
  grid-column:1/-1!important;place-self:center!important;margin:0!important;padding:9px 10px!important;
  font-size:14px!important;font-weight:750!important;color:#216642!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices .duel-final-label {
  display:grid!important;place-items:center!important;
  height:40px!important;min-height:40px!important;padding:5px!important;
}

/* Doodle fighters at stationary, equal-height anchors, and a hand-drawn score bar. */
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-score-group {
  grid-column:2!important;grid-row:3/5!important;
  display:block!important;position:static!important;align-self:center!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  margin:0!important;padding:0!important;
  background:none!important;border:0!important;flex:none!important;
}
html body article.duel.duel-layout-v48[data-scenery] .battle-question-score-label {
  display:block!important;margin:0 0 10px!important;padding:0!important;
  font-size:12px!important;font-weight:800!important;letter-spacing:.01em!important;
  color:#364761!important;text-align:center!important;
}
html body article.duel.duel-layout-v48[data-scenery] .knight-lane {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:end!important;gap:7px!important;
  width:100%!important;height:88px!important;min-height:88px!important;
  margin:0!important;padding:0!important;position:relative!important;
}
html body article.duel.duel-layout-v48[data-scenery] .knight-slot {
  display:flex!important;position:static!important;
  align-items:end!important;justify-content:center!important;
  width:100%!important;height:88px!important;min-width:0!important;
  left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
}
html body article.duel.duel-layout-v48[data-scenery] .knight-lane .phase-knight {
  display:block!important;position:static!important;width:100%!important;height:86px!important;
  max-width:115px!important;min-width:0!important;
  object-fit:contain!important;object-position:center bottom!important;
  margin:0!important;transform:none!important;
  animation:none!important;transition:none!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-score {width:100%!important;margin:8px 0 0!important;padding:0!important;background:none!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-labels {display:flex!important;justify-content:space-between!important;gap:10px!important;width:100%!important;margin:0 0 8px!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-labels > span {display:flex!important;flex-direction:column!important;gap:2px!important;font-size:14px!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-labels > span:last-child {text-align:right!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-labels small {color:#5d6a80!important;font-size:11px!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-track {
  display:flex!important;width:100%!important;height:17px!important;min-height:17px!important;
  margin:0!important;padding:2px!important;
  border:2px solid #35455e!important;border-radius:8px 5px 10px 6px!important;
  background:#ebeff4!important;box-shadow:2px 2px 0 rgba(53,69,94,.15)!important;
  overflow:hidden!important;transform:rotate(-.35deg)!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-track > span {display:block!important;height:100%!important;min-height:0!important;border-radius:2px!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-track > .score-a {background:#246acd!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-track > .score-b {background:#d74156!important}

/* Right column: author, categories and dates together, not at card bottom. */
html body article.duel.duel-layout-v48[data-scenery] > .duel-lower-info {
  grid-column:3!important;grid-row:4!important;
  display:flex!important;flex-direction:column!important;justify-content:start!important;align-self:start!important;
  position:static!important;z-index:auto!important;
  min-height:0!important;height:auto!important;width:100%!important;
  flex:none!important;margin:0!important;padding:0!important;
  background:none!important;background-image:none!important;border:0!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-lower-info .duel-tags {display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:0 0 9px!important;padding:0!important;background:none!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-lower-info .duel-starter {margin:0!important;padding:0!important;background:none!important;color:#45566d!important;font-size:12px!important}
html body article.duel.duel-layout-v48[data-scenery] > .duel-footer-band {
  grid-column:1/-1!important;grid-row:5!important;
  display:block!important;position:static!important;z-index:auto!important;
  width:100%!important;min-height:0!important;height:auto!important;
  margin:6px 0 0!important;padding:10px 0 0!important;
  background:#fff!important;background-image:none!important;
  border:0!important;border-top:1px solid #e4ebf2!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-footer {display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:space-between!important;align-items:center!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-brand {display:none!important}
html body .battle-collection-item > .battle-card-context {
  display:block!important;width:100%!important;min-height:0!important;max-width:none!important;
  margin:0!important;padding:0 2px 10px!important;background:#fff!important;
}
html body .battle-card-context .battle-card-overall {
  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
  gap:4px 16px!important;align-items:baseline!important;
  margin:6px 0 0!important;padding:0!important;
}
html body .battle-card-context .battle-card-overall > strong {font-size:16px!important;font-weight:850!important;line-height:1.3!important}
html body .battle-card-context .battle-card-overall > span {font-size:12px!important;line-height:1.4!important}
html body .baatle-personal-complete {margin:8px 0 0!important;font-size:13px!important;color:#226b49!important;font-weight:700!important}
html body .baatle-personal-complete a {margin-left:12px;color:#1958ac}

@media(max-width:960px) {
  html body article.duel.duel-layout-v48[data-scenery] {
    grid-template-columns:minmax(0,1.3fr) minmax(160px,.7fr)!important;
    column-gap:22px!important;
  }
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-cards {grid-column:1!important;grid-row:3!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-choices {grid-column:1!important;grid-row:4!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-score-group {grid-column:2!important;grid-row:3/5!important}
  html body article.duel.duel-layout-v48[data-scenery] > .duel-hero {grid-column:1!important;grid-row:5!important}
  html body article.duel.duel-layout-v48[data-scenery] > .duel-lower-info {grid-column:2!important;grid-row:5!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] {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    gap:12px!important;
    padding:15px 12px!important;
  }
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .baatle-round-nav {grid-column:1!important;grid-row:1!important;gap:3px!important}
  html body article.duel.duel-layout-v48[data-scenery] .baatle-round-nav .baatle-round-dot {width:31px!important;height:31px!important;min-height:31px!important;flex-basis:31px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-question,
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-question:first-child {grid-column:1!important;grid-row:2!important;font-size:18px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-cards {grid-column:1!important;grid-row:3!important;gap:5px!important;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-logo-frame {width:clamp(95px,27vw,152px)!important;height:clamp(95px,27vw,152px)!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-choices {grid-column:1!important;grid-row:4!important;gap:12px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-score-group {grid-column:1!important;grid-row:5!important;max-width:390px!important;justify-self:center!important;width:100%!important;margin:0!important}
  html body article.duel.duel-layout-v48[data-scenery] > .duel-hero {grid-column:1!important;grid-row:6!important}
  html body article.duel.duel-layout-v48[data-scenery] > .duel-lower-info {grid-column:1!important;grid-row:7!important}
  html body article.duel.duel-layout-v48[data-scenery] > .duel-footer-band {grid-column:1!important;grid-row:8!important}
  html body article.duel.duel-layout-v48[data-scenery] .knight-lane {height:83px!important;min-height:83px!important}
  html body article.duel.duel-layout-v48[data-scenery] .knight-slot {height:83px!important}
  html body article.duel.duel-layout-v48[data-scenery] .knight-lane .phase-knight {height:81px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-short-description {font-size:11px!important}
}
/* Legacy v0.8.17 used max-height:88px!important on all logo frames;
   height alone cannot override max-height, so explicitly release the cap. */
html body article.duel.duel-layout-v48[data-scenery] .duel-main .duel-cards .duel-project .duel-logo-frame {
  max-height:none!important;
  aspect-ratio:1/1!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-logo-frame::after {
  content:none!important;display:none!important;
}
/* Old positioning rule had an EXTRA .duel-score-group>.knight-lane
   specificity; the new direct-child selector supersedes it. */
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group > .knight-lane > .knight-slot,
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group > .knight-lane > .knight-slot-red,
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group > .knight-lane > .knight-slot-blue {
  display:flex!important;position:static!important;
  align-items:flex-end!important;justify-content:center!important;
  inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  flex:none!important;width:100%!important;max-width:100%!important;
  height:88px!important;min-height:88px!important;
  padding:0!important;margin:0!important;
  transform:none!important;transition:none!important;animation:none!important;
  overflow:visible!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group > .knight-lane > .knight-slot > .phase-knight {
  width:100%!important;max-width:110px!important;
  height:86px!important;max-height:86px!important;
  object-fit:contain!important;object-position:center bottom!important;
}
@media(max-width:650px) {
  html body article.duel.duel-layout-v48[data-scenery] .duel-score-group > .knight-lane > .knight-slot {
    height:83px!important;min-height:83px!important;
  }
  html body article.duel.duel-layout-v48[data-scenery] .duel-score-group > .knight-lane > .knight-slot > .phase-knight {
    height:81px!important;max-height:81px!important;
  }
}
/* The old card had an overlap-prone halo and old navigation on detail pages;
   use only the shared compact circular navigation within the card. */
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .baatle-round-nav {
  isolation:isolate!important;
}
html body article.duel.duel-layout-v48[data-scenery] .baatle-round-dot {z-index:1!important}
html body article.duel.duel-layout-v48[data-scenery] .baatle-round-nav::before {
  content:""!important;display:block!important;
  position:absolute!important;left:50%!important;
  width:min(190px,52%)!important;height:1px!important;
  transform:translateX(-50%)!important;
  background:#c2cfdd!important;z-index:-1!important;
}
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .baatle-round-nav {position:relative!important}


/* Combined from battle-cards-v076.css; source order preserved. */
/* 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;
  }
}


/* Combined from battle-cards-v077.css; source order preserved. */
/* BAATLE 0.8.77 — compact desktop composition, scoped to shared battle cards.
   Mobile keeps question navigation above the question for usable tap targets. */
@media (min-width:1101px) {
 html body article.duel.duel-layout-v48[data-scenery] {
  grid-template-columns:minmax(0,1.6fr) minmax(270px,1.13fr) minmax(160px,.43fr)!important;
  grid-template-rows:auto 0 minmax(0,auto) auto auto!important;
  row-gap:8px!important;
  column-gap:clamp(16px,1.8vw,28px)!important;
  padding:14px clamp(16px,2vw,26px) 12px!important;
  align-items:center!important;
 }
 html body article.duel.duel-layout-v48[data-scenery] .duel-main > .baatle-round-nav {
  grid-column:1!important;grid-row:1!important;justify-self:center!important;
  width:auto!important;max-width:100%!important;gap:5px!important;
 }
 html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-question,
 html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-question:first-child {
  grid-column:2/4!important;grid-row:1!important;
  padding:2px 0!important;text-align:left!important;
  font-size:clamp(18px,1.6vw,25px)!important;line-height:1.25!important;
 }
 html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-cards {grid-column:1!important;grid-row:3!important;align-self:start!important}
 html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-choices {grid-column:1!important;grid-row:4!important}
 html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-score-group {
  grid-column:2!important;grid-row:3/5!important;align-self:center!important;
  min-height:0!important;height:auto!important;max-height:none!important;
  padding:8px 0!important;gap:3px!important;
 }
 html body article.duel.duel-layout-v48[data-scenery] .duel-score-group > .knight-lane {
  flex:0 0 95px!important;min-height:95px!important;height:95px!important;
 }
 html body article.duel.duel-layout-v48[data-scenery] > .duel-side-meta {
  grid-column:3!important;grid-row:3/5!important;
  align-self:center!important;gap:9px!important;
  padding:0 0 0 12px!important;
 }
 html body article.duel.duel-layout-v48[data-scenery] .duel-side-meta .duel-meta {gap:5px!important}
 html body article.duel.duel-layout-v48[data-scenery] .duel-side-meta .duel-starter {margin:0 0 7px!important}
 html body article.duel.duel-layout-v48[data-scenery] > .duel-footer-band {grid-column:1/-1!important;grid-row:5!important;margin:0!important;padding:8px 0 0!important}
}
/* Context above the card: headline, score, totals and progress form one scan line. */
html body .battle-collection-item > .battle-card-context {padding:0 2px 7px!important}
html body .battle-card-context .battle-card-overall {align-items:center!important;gap:4px 14px!important}
html body .battle-card-context .battle-card-overall > strong {font-size:clamp(14px,1.25vw,18px)!important}
/* Avoid reintroducing the large gaps on smaller screens. */
@media (max-width:1100px) {
 html body article.duel.duel-layout-v48[data-scenery] {row-gap:9px!important;padding-top:14px!important;padding-bottom:12px!important}
 html body article.duel.duel-layout-v48[data-scenery] > .duel-footer-band {margin-top:0!important;padding-top:8px!important}
}


/* Combined from battle-cards-v078.css; source order preserved. */
/* v0.8.78: overall is a view, not a voteable round */
.baatle-overall-dot{border:1px solid #b3c5da;background:#fff;border-radius:22px;padding:8px 14px;color:#243f68;font-weight:800;cursor:pointer}
.baatle-overall-dot.is-current{background:#243f68;color:white}
.baatle-overall-title{grid-column:1/-1;text-align:center;display:flex;flex-direction:column;gap:5px;margin:8px auto 14px;font-size:24px}
.baatle-overall-title span{font-size:14px;font-weight:400;color:#60708b}
.baatle-overall-action{display:flex;justify-content:center;align-items:center;min-height:55px;margin-top:12px}
.baatle-overall-values{display:flex;justify-content:space-between;color:#233c60;font-size:22px;margin:12px 0}
.baatle-overall-bar{display:flex;overflow:hidden;height:18px;border:2px solid #334b70;border-radius:15px;width:100%}
.baatle-overall-explain{text-align:center;color:#596980;font-size:13px;margin:10px 0}
.duel[data-overall="1"] .duel-score-group{align-self:center}
@media(max-width:700px){.baatle-overall-title{font-size:20px}.baatle-overall-dot{padding:6px 10px}}


/* Combined from battle-cards-v079.css; source order preserved. */
/* v0.8.79 — navigation and provisional-results cleanup */
.duel .baatle-round-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.duel .baatle-round-prev,.duel .baatle-round-next{display:none!important}
.duel .baatle-round-dot{position:relative;display:inline-flex;justify-content:center;align-items:center;flex:0 0 43px;width:43px;height:43px;overflow:visible}
.duel .baatle-round-dot .baatle-picked-mark{position:absolute;right:-5px;top:-7px;border-radius:50%;background:#e7f7ee;border:1px solid #32935e;color:#176c42;font-size:11px;line-height:15px;width:16px;height:16px}
.duel .baatle-overall-dot{margin-right:5px;min-height:43px}
.duel[data-overall="1"] .baatle-overall-title{grid-column:auto;min-width:0;margin:0;align-self:center;justify-self:center;text-align:center;font-size:clamp(19px,2vw,27px);line-height:1.2}
.duel[data-overall="1"] .baatle-overall-action{display:none!important}
.duel[data-overall="1"] .duel-score-group{min-width:0}
.duel[data-overall="1"] .baatle-overall-explain{margin:7px 0 0}
@media(max-width:700px){.duel .baatle-round-nav{gap:5px}.duel .baatle-round-dot{flex-basis:34px;width:34px;height:34px}.duel .baatle-overall-dot{min-height:34px;padding:5px 9px}.duel[data-overall="1"] .baatle-overall-title{font-size:19px}}


/* Combined from battle-cards-v082.css; source order preserved. */
/* BAATLE 0.8.82 — stable card grid, equal knight height, responsive question heading. */
html body .battle-collection-item > .battle-card-context {
  position:relative!important;z-index:100!important;display:block!important;min-height:0!important;width:100%!important;
  margin:0 0 -19px!important;padding:0 15px!important;background:transparent!important
}
html body .battle-collection-item .battle-card-context-top {
  display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important;
  gap:7px!important;width:100%!important;min-width:0!important;min-height:38px!important;font-size:14px!important;line-height:1.1!important
}
html body .battle-collection-item .battle-number-bubble,
html body .battle-collection-item .battle-card-context .battle-result-state,
html body .battle-collection-item .battle-status-bubble,
html body .battle-collection-item .battle-placement-bubble {
  position:relative!important;z-index:101!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;min-height:32px!important;box-sizing:border-box!important;padding:5px 11px!important;border-radius:999px!important;
  white-space:nowrap!important;text-decoration:none!important;font-size:13px!important;font-weight:850!important;line-height:1.1!important;
  box-shadow:0 2px 7px rgba(17,34,59,.16)!important
}
html body .battle-collection-item .battle-number-bubble {background:#243b5e!important;border:1px solid #1b2d49!important;color:#fff!important;letter-spacing:.02em!important}
html body .battle-collection-item .battle-card-context .battle-result-state {
  min-height:36px!important;padding:5px 14px!important;border:2px solid #a77817!important;border-radius:11px!important;
  background:linear-gradient(180deg,#fff4c9 0%,#e9c45e 100%)!important;color:#62410a!important;
  box-shadow:inset 0 0 0 2px #fff8dd,0 2px 7px rgba(75,50,8,.22)!important;font-size:14px!important;font-weight:950!important
}
html body .battle-collection-item .battle-card-context .battle-result-state::before {content:"♛";margin-right:6px;color:#8e6413;font-size:17px!important;line-height:1}
html body .battle-collection-item .battle-card-context .battle-result-state.is-tie,
html body .battle-collection-item .battle-card-context .battle-result-state.is-no-votes {border-color:#b6c0ce!important;background:#f1f4f8!important;color:#45546a!important;box-shadow:0 2px 7px rgba(17,34,59,.12)!important}
html body .battle-collection-item .battle-card-context .battle-result-state.is-tie::before,
html body .battle-collection-item .battle-card-context .battle-result-state.is-no-votes::before {content:none!important}
html body .battle-collection-item .battle-status-bubble.is-live {border:1px solid #2c9661!important;background:#d7f4e3!important;color:#17653d!important}
html body .battle-collection-item .battle-status-bubble.is-completed {border:1px solid #b3364c!important;background:#f8dfe3!important;color:#8f2437!important}
html body .battle-collection-item .battle-status-bubble.is-upcoming {border:1px solid #aeb9c7!important;background:#eef1f5!important;color:#4b5a70!important}
html body .battle-collection-item .battle-placement-bubble {border:1px solid #c8d0da!important;background:#edf0f4!important;color:#536174!important;font-weight:700!important}

html body article.duel.duel-layout-v48[data-scenery] {
  display:grid!important;grid-template-columns:minmax(0,1fr) 205px!important;grid-template-areas:"main meta" "footer footer"!important;
  grid-template-rows:auto auto!important;align-items:stretch!important;gap:9px 16px!important;width:100%!important;height:auto!important;
  min-width:0!important;min-height:0!important;margin:0!important;padding:27px 16px 8px!important;overflow:visible!important;
  background:#fff!important;border:1px solid #dce4ed!important;border-radius:14px!important;box-shadow:0 2px 12px rgba(20,43,74,.07)!important
}
html body article.duel.duel-layout-v48.has-question-nav[data-scenery],
html body article.duel.duel-layout-v48:not(.has-question-nav)[data-scenery] {grid-template-columns:minmax(0,1fr) 205px!important;grid-template-areas:"main meta" "footer footer"!important}
html body article.duel.duel-layout-v48[data-scenery] > .duel-main {
  grid-area:main!important;position:static!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) minmax(250px,.72fr)!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;align-items:center!important;gap:6px 14px!important;min-width:0!important;width:100%!important;
  height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important
}
html body article.duel.duel-layout-v48:not(.has-question-nav)[data-scenery] > .duel-main {grid-template-columns:minmax(0,1fr) minmax(250px,.72fr)!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-question,
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .baatle-overall-title {
  grid-column:1/-1!important;grid-row:1!important;position:static!important;display:flex!important;justify-content:center!important;align-items:baseline!important;
  flex-wrap:wrap!important;gap:8px!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;
  margin:0 0 5px!important;padding:0 8px 5px!important;transform:none!important;overflow:visible!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#17263d!important;text-align:center!important;text-shadow:none!important;
  font-size:clamp(25px,2.35vw,38px)!important;font-weight:900!important;line-height:1.17!important;letter-spacing:-.025em!important
}
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-question a {display:inline!important;min-width:0!important;max-width:100%!important;color:inherit!important;text-decoration:none!important;overflow-wrap:anywhere!important;word-break:normal!important}
html body article.duel.duel-layout-v48[data-scenery] .baatle-question-index {flex:0 0 auto!important;color:#365d91!important;white-space:nowrap!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .baatle-round-nav {
  grid-column:1!important;grid-row:2/4!important;position:static!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  align-items:center!important;gap:7px!important;width:42px!important;min-width:42px!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
  transform:none!important;overflow:visible!important
}
html body article.duel.duel-layout-v48:not(.has-question-nav)[data-scenery] .duel-main > .baatle-round-nav {display:none!important}
html body article.duel.duel-layout-v48[data-scenery] .baatle-round-nav .baatle-round-dot {
  display:grid!important;place-items:center!important;position:relative!important;order:1!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  flex:0 0 36px!important;margin:0!important;padding:0!important;border:2px solid #afbed0!important;border-radius:50%!important;background:#fff!important;
  color:#354867!important;box-shadow:none!important;font:800 14px/1 system-ui,sans-serif!important
}
html body article.duel.duel-layout-v48[data-scenery] .baatle-round-nav .baatle-round-dot.is-picked:not(.is-current) {background:#ccefd9!important;border-color:#298b56!important;color:#155f39!important;font-weight:950!important}
html body article.duel.duel-layout-v48[data-scenery] .baatle-round-nav .baatle-round-dot.is-current {background:#243c62!important;border-color:#243c62!important;color:#fff!important}
html body article.duel.duel-layout-v48.has-question-nav[data-scenery] .baatle-overall-dot {
  order:2!important;width:42px!important;min-width:42px!important;height:34px!important;min-height:34px!important;flex:0 0 42px!important;margin:3px 0 0!important;
  padding:0 4px!important;border-radius:9px!important;white-space:nowrap!important;font-size:11px!important
}
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-cards {
  grid-column:2!important;grid-row:2!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)!important;
  align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important
}
html body article.duel.duel-layout-v48:not(.has-question-nav)[data-scenery] .duel-main > .duel-cards {grid-column:1!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-cards > .duel-project {
  position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important
}
html body article.duel.duel-layout-v48[data-scenery] .duel-project-main {position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;text-align:center!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-project-main:hover,
html body article.duel.duel-layout-v48[data-scenery] .duel-project-main:focus-visible {z-index:60!important;outline-offset:3px!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-logo-frame {
  position:relative!important;display:grid!important;place-items:center!important;flex:none!important;width:clamp(132px,12vw,174px)!important;height:clamp(132px,12vw,174px)!important;
  max-width:100%!important;min-width:0!important;min-height:0!important;margin:0 auto!important;box-sizing:border-box!important;overflow:visible!important;background:#fff!important
}
html body article.duel.duel-layout-v48[data-scenery] .duel-logo-frame > img:not(.duel-project-winner-crown) {width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:7px!important;object-fit:contain!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-project-main > strong {display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:2.6em!important;margin:0!important;padding:0!important;overflow:hidden!important;overflow-wrap:anywhere!important;color:#17263d!important;font-size:14px!important;font-weight:800!important;line-height:1.3!important;text-align:center!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-short-description {display:none!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-project-tooltip {display:none!important;position:absolute!important;z-index:80!important;top:26px!important;width:min(270px,78vw)!important;box-sizing:border-box!important;padding:11px 13px!important;border:1px solid #cbd6e3!important;border-radius:10px!important;background:#fff!important;color:#26364d!important;box-shadow:0 8px 24px rgba(17,34,59,.24)!important;text-align:left!important;white-space:normal!important;font-size:13px!important;line-height:1.45!important}
html body article.duel.duel-layout-v48[data-scenery] .project-blue .duel-project-tooltip {left:calc(100% + 8px)!important}
html body article.duel.duel-layout-v48[data-scenery] .project-red .duel-project-tooltip {right:calc(100% + 8px)!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-project-tooltip > strong {display:block!important;margin:0 0 5px!important;color:#173a68!important;font-weight:850!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-project-tooltip > span {display:block!important;color:#3f4e64!important;font-size:12px!important;font-weight:500!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-project-main:hover .duel-project-tooltip,
html body article.duel.duel-layout-v48[data-scenery] .duel-project-main:focus-visible .duel-project-tooltip {display:block!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-vs {grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;margin:0!important;padding:0!important;color:#9f2639!important;font-size:clamp(20px,2vw,28px)!important;font-weight:950!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-choices {
  grid-column:2!important;grid-row:3!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)!important;
  align-items:center!important;gap:8px!important;width:100%!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0!important;background:transparent!important;overflow:visible!important
}
html body article.duel.duel-layout-v48:not(.has-question-nav)[data-scenery] .duel-main > .duel-choices {grid-column:1!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices > form {grid-column:1!important;display:flex!important;justify-content:center!important;min-width:0!important;height:100%!important;margin:0!important;padding:0!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices > form:nth-of-type(2) {grid-column:3!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices .duel-vote,
html body article.duel.duel-layout-v48[data-scenery] .duel-choices .duel-final-label {width:min(100%,142px)!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:5px 10px!important;border-radius:9px!important;font-size:14px!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-score-group {
  grid-column:3!important;grid-row:2/4!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:8px 0 8px 16px!important;box-sizing:border-box!important;
  border-left:1px solid #e0e6ee!important;background:#fff!important;overflow:visible!important
}
html body article.duel.duel-layout-v48:not(.has-question-nav)[data-scenery] .duel-main > .duel-score-group {grid-column:2!important}
html body article.duel.duel-layout-v48[data-scenery] .battle-question-score-label {margin:0 0 4px!important;color:#53647b!important;font-size:11px!important;font-weight:850!important;letter-spacing:.035em!important;text-align:center!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group .knight-lane,
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-knights {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:end!important;justify-items:center!important;gap:8px!important;width:100%!important;height:106px!important;min-height:106px!important;margin:0 auto!important;padding:0!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group .knight-lane > .knight-slot,
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-knights .knight-slot {display:flex!important;align-items:flex-end!important;justify-content:center!important;width:100%!important;height:104px!important;min-width:0!important;min-height:104px!important;margin:0!important;padding:0!important;overflow:visible!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group .knight-lane .phase-knight,
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-knights .phase-knight {display:block!important;flex:0 0 auto!important;width:auto!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center bottom!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score {width:100%!important;margin:3px 0 0!important;padding:0!important;background:transparent!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-labels {display:flex!important;justify-content:space-between!important;gap:8px!important;margin:0 0 4px!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-labels > span {display:flex!important;flex-direction:column!important;gap:1px!important;font-size:13px!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-labels > span:last-child {text-align:right!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-labels strong {font-size:19px!important;line-height:1.1!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-labels small {font-size:10px!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-track {height:13px!important;margin:0!important;border-radius:8px!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-no-votes {margin:6px 0 0!important;color:#516178!important;font-size:13px!important;text-align:center!important}
html body article.duel.duel-layout-v48[data-scenery] > .duel-side-meta {grid-area:meta!important;position:static!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:12px!important;min-width:0!important;width:100%!important;height:auto!important;margin:0!important;padding:7px 0 7px 13px!important;border:0!important;border-left:1px solid #e3e8ef!important;overflow:visible!important;text-align:left!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 {position:static!important;display:block!important;min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-meta {display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;width:100%!important;margin:0!important;text-align:left!important;font-size:12px!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-time {display:block!important;width:100%!important;max-width:none!important;color:#53647b!important;font-size:12px!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;text-align:left!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-lower-info .duel-starter {margin:0!important;color:#53647b!important;font-size:12px!important;text-align:left!important;white-space:normal!important;overflow-wrap:normal!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-lower-info .duel-starter a {white-space:nowrap!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-lower-info .duel-tags {display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:6px!important;margin:0!important;padding:0!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-lower-info .duel-tags > a {flex:0 0 auto!important;max-width:100%!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
html body article.duel.duel-layout-v48[data-scenery] > .duel-footer-band {grid-area:footer!important;min-height:0!important;width:100%!important;margin:0!important;padding:7px 0 0!important;border:0!important;border-top:1px solid #e2e7ee!important;background:#fff!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-footer {display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:10px!important;margin:0!important;padding:0!important;border:0!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-footer .battle-share-icons {display:flex!important;align-items:center!important;gap:11px!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-brand {display:none!important}

@media(max-width:1100px) {
  html body article.duel.duel-layout-v48[data-scenery] {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"main" "meta" "footer"!important;grid-template-rows:auto auto auto!important;gap:7px!important;padding:25px 12px 8px!important}
  html body article.duel.duel-layout-v48.has-question-nav[data-scenery],html body article.duel.duel-layout-v48:not(.has-question-nav)[data-scenery] {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"main" "meta" "footer"!important}
  html body article.duel.duel-layout-v48[data-scenery] > .duel-main {grid-area:main!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto auto!important;gap:6px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .baatle-round-nav {grid-column:1!important;grid-row:1!important;flex-direction:row!important;justify-content:center!important;gap:6px!important;width:100%!important;min-width:0!important}
  html body article.duel.duel-layout-v48[data-scenery] .baatle-round-nav .baatle-round-dot {width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;flex:0 0 32px!important}
  html body article.duel.duel-layout-v48.has-question-nav[data-scenery] .baatle-overall-dot {width:auto!important;min-width:42px!important;height:32px!important;min-height:32px!important;flex:0 0 auto!important;margin:0 0 0 2px!important;padding:0 8px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-question,
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .baatle-overall-title {grid-column:1!important;grid-row:2!important;width:100%!important;min-width:0!important;margin:0 0 2px!important;padding:0 4px 3px!important;font-size:clamp(19px,4.2vw,29px)!important;line-height:1.2!important;word-break:normal!important;overflow-wrap:anywhere!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-cards {grid-column:1!important;grid-row:3!important;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)!important;gap:5px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-logo-frame {width:clamp(100px,18vw,150px)!important;height:clamp(100px,18vw,150px)!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-vs {font-size:clamp(17px,3vw,23px)!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-choices {grid-column:1!important;grid-row:4!important;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)!important;gap:5px!important;height:39px!important;min-height:39px!important;max-height:39px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-choices .duel-vote,html body article.duel.duel-layout-v48[data-scenery] .duel-choices .duel-final-label {height:35px!important;min-height:35px!important;max-height:35px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-score-group {grid-column:1!important;grid-row:5!important;min-height:0!important;margin:3px auto!important;padding:7px 0 0!important;border:0!important;border-top:1px solid #e2e7ee!important;max-width:560px!important;width:100%!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-score-group .knight-lane,html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-knights {height:90px!important;min-height:90px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-score-group .knight-lane > .knight-slot,html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-knights .knight-slot {height:88px!important;min-height:88px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-score-group .knight-lane .phase-knight,html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-knights .phase-knight {height:100%!important}
  html body article.duel.duel-layout-v48[data-scenery] > .duel-side-meta {grid-area:meta!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px 14px!important;width:100%!important;padding:7px 0 0!important;border:0!important;border-top:1px solid #edf0f4!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 {width:auto!important;flex:1 1 190px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-meta {flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-time {width:auto!important}
  html body article.duel.duel-layout-v48[data-scenery] > .duel-footer-band {grid-area:footer!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-project-tooltip {top:12px!important;width:min(250px,76vw)!important}
}
@media(max-width:480px) {
  html body .battle-collection-item > .battle-card-context {padding-inline:8px!important;margin-bottom:-17px!important}
  html body .battle-collection-item .battle-card-context-top {gap:5px!important;min-height:34px!important}
  html body .battle-collection-item .battle-number-bubble,html body .battle-collection-item .battle-card-context .battle-result-state,html body .battle-collection-item .battle-status-bubble,html body .battle-collection-item .battle-placement-bubble {min-height:28px!important;padding:4px 8px!important;font-size:11px!important}
  html body .battle-collection-item .battle-card-context .battle-result-state {min-height:32px!important;font-size:12px!important}
  html body article.duel.duel-layout-v48[data-scenery] {padding:24px 8px 7px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-question,html body article.duel.duel-layout-v48[data-scenery] .duel-main > .baatle-overall-title {font-size:clamp(18px,5vw,23px)!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-cards {grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)!important;gap:3px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-choices {grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)!important;gap:3px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-logo-frame {width:clamp(82px,25vw,112px)!important;height:clamp(82px,25vw,112px)!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-project-main > strong {font-size:12px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-vs {font-size:16px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-project-tooltip {width:min(210px,76vw)!important}
}


/* Combined from battle-cards-v085.css; source order preserved. */
/* BAATLE 0.8.85 — stacked composition, question navigation and equal visual knight height. */
html body article.duel.duel-layout-v48.has-question-nav[data-scenery] .baatle-overall-dot {
  border:0!important;border-radius:0!important;background:transparent!important;color:#243b5e!important;box-shadow:none!important;
  font-size:13px!important;font-weight:900!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important
}
html body article.duel.duel-layout-v48.has-question-nav[data-scenery] .baatle-overall-dot.is-current {color:#17263d!important;text-decoration-thickness:2px!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices .duel-vote {
  box-sizing:border-box!important;width:min(100%,142px)!important;min-width:112px!important;height:40px!important;min-height:40px!important;max-height:40px!important;
  border:2px solid #171b22!important;border-radius:11px!important;box-shadow:inset 0 0 0 2px #fff,0 3px 0 #cbd2dd!important;
  transform:none!important;font-size:14px!important;font-weight:900!important
}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices .duel-vote:focus-visible {outline:3px solid #506d99!important;outline-offset:3px!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group .knight-lane .phase-knight,
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-knights .phase-knight {
  max-width:none!important;transform:scaleY(var(--knight-visual-scale,1))!important;transform-origin:center bottom!important
}

@media(max-width:1100px) {
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-cards,
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-choices {
    width:100%!important;max-width:780px!important;justify-self:center!important
  }
  html body article.duel.duel-layout-v48[data-scenery] > .duel-side-meta .duel-lower-info {
    display:flex!important;flex:1 1 100%!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;
    align-items:center!important;gap:8px 14px!important;width:100%!important
  }
  html body article.duel.duel-layout-v48[data-scenery] .duel-lower-info .duel-starter {flex:0 1 auto!important;margin:0!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-lower-info .duel-tags {flex:0 1 auto!important;margin:0!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-lower-info .duel-tags > a {white-space:nowrap!important}
}
@media(max-width:480px) {
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-cards,
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-choices {max-width:100%!important;padding-inline:8px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-choices .duel-vote {min-width:0!important;width:min(100%,142px)!important}
}


/* BAATLE 0.8.85 — strict visual parity, metadata spacing and clean question navigation. */
html body article.duel.duel-layout-v48[data-scenery] .duel-choices > form {
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;max-height:42px!important
}
html body article.duel.duel-layout-v48[data-scenery] .duel-choices .duel-vote.vote-blue,
html body article.duel.duel-layout-v48[data-scenery] .duel-choices .duel-vote.vote-red {
  box-sizing:border-box!important;display:grid!important;place-items:center!important;flex:0 1 142px!important;
  width:min(100%,142px)!important;min-width:0!important;max-width:142px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0 10px!important;
  border:2px solid #171b22!important;border-radius:10px!important;
  box-shadow:inset 0 0 0 2px #fff,0 3px 0 #cbd2dd!important;
  transform:none!important;transform-origin:center!important;line-height:1!important;white-space:nowrap!important
}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group > .knight-lane > .knight-slot > .phase-knight,
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-knights .knight-slot > .phase-knight {
  display:block!important;flex:0 0 auto!important;width:auto!important;height:100%!important;min-width:0!important;min-height:0!important;
  max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center bottom!important;
  transform:scaleY(var(--knight-visual-scale,1))!important;transform-origin:center bottom!important
}
html body article.duel.duel-layout-v48[data-scenery] .baatle-round-nav::before,
html body article.duel.duel-layout-v48[data-scenery] .baatle-round-nav::after {
  content:none!important;display:none!important;background:none!important;border:0!important
}
html body article.duel.duel-layout-v48[data-scenery] .baatle-round-nav .baatle-round-dot.is-picked {
  background:#17653d!important;border-color:#125331!important;color:#fff!important;font-weight:900!important
}
html body article.duel.duel-layout-v48[data-scenery] .baatle-round-nav .baatle-round-dot.is-current:not(.is-picked) {
  background:#243c62!important;border-color:#243c62!important;color:#fff!important
}
html body article.duel.duel-layout-v48[data-scenery] > .duel-side-meta .duel-lower-info .duel-tags {margin-top:11px!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-project:hover {z-index:200!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-project-main:hover,
html body article.duel.duel-layout-v48[data-scenery] .duel-project-main:focus-visible {z-index:201!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-project-tooltip {z-index:202!important}
@media(max-width:1100px) {
  html body article.duel.duel-layout-v48[data-scenery] > .duel-side-meta .duel-lower-info {row-gap:14px!important}
  html body article.duel.duel-layout-v48[data-scenery] > .duel-side-meta .duel-lower-info .duel-tags {margin-top:0!important}
}
@media(max-width:760px) {
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .duel-choices {height:44px!important;min-height:44px!important;max-height:44px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-choices > form {height:42px!important;min-height:42px!important;max-height:42px!important}
}


/* Combined from battle-cards-v086.css; source order preserved. */
/* BAATLE 0.8.86 — overall summary clarity and fixed knight lanes. */
html body article.duel.duel-layout-v48.has-question-nav[data-scenery] .baatle-overall-dot {
  order:0!important;display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;
  margin:0!important;padding:0!important;border:1px solid #243c62!important;border-radius:50%!important;background:#243c62!important;color:#fff!important;
  box-shadow:none!important;text-decoration:none!important;font:900 18px/1 system-ui,sans-serif!important
}
html body article.duel.duel-layout-v48.has-question-nav[data-scenery] .baatle-overall-dot.is-current {background:#172b49!important;border-color:#172b49!important;color:#fff!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .baatle-round-nav .baatle-round-dot {order:1!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group > .knight-lane,
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-knights {
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:1fr!important;
  align-items:end!important;justify-items:stretch!important;gap:8px!important;width:100%!important;overflow:visible!important;isolation:isolate!important
}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group > .knight-lane > .knight-slot,
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-knights > .knight-slot {
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;transition:none!important;animation:none!important;
  display:flex!important;align-items:flex-end!important;justify-content:center!important;grid-row:1!important;width:100%!important;max-width:none!important;margin:0!important;overflow:visible!important
}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group > .knight-lane > .knight-slot-blue,
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-knights > .knight-slot-blue {grid-column:1!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-score-group > .knight-lane > .knight-slot-red,
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-knights > .knight-slot-red {grid-column:2!important}
html body article.duel.duel-layout-v48[data-scenery] .duel-main > .baatle-overall-descriptions {
  grid-column:2!important;grid-row:3!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)!important;align-items:start!important;gap:8px!important;
  width:100%!important;min-width:0!important;margin:0!important;padding:0!important;color:#45566e!important;font-size:13px!important;line-height:1.4!important;text-align:center!important
}
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-descriptions > p {grid-column:1!important;min-width:0!important;margin:0!important;padding:0 4px!important;overflow-wrap:anywhere!important}
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-descriptions > p:nth-child(2) {grid-column:3!important}
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-excerpt-narrow {display:none!important}
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-bar {display:flex!important;align-items:stretch!important;overflow:hidden!important;background:#fff!important}
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-bar > .baatle-overall-win-a {display:block!important;flex:0 0 auto!important;max-width:100%!important;background:#2865b9!important}
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-bar > .baatle-overall-win-b {display:block!important;flex:0 0 auto!important;max-width:100%!important;background:#d84359!important}
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-bar.is-tied {justify-content:center!important;height:auto!important;min-height:0!important;overflow:visible!important;border:0!important;background:transparent!important}
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-tie-label {display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:25px!important;padding:3px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#40516a!important;font-size:12px!important;font-weight:850!important;letter-spacing:.04em!important}
@media(max-width:1100px) {
  html body article.duel.duel-layout-v48.has-question-nav[data-scenery] .baatle-overall-dot {flex-basis:32px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;margin:0!important;font-size:17px!important}
  html body article.duel.duel-layout-v48[data-scenery] .duel-main > .baatle-overall-descriptions {grid-column:1!important;grid-row:4!important;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)!important;max-width:780px!important;justify-self:center!important;font-size:12px!important;line-height:1.35!important}
  html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-excerpt-wide {display:none!important}
  html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-excerpt-narrow {display:inline!important}
}


/* Combined from battle-cards-v087.css; source order preserved. */
/* BAATLE 0.8.87 — show an even wins bar and clarify the trailing knight pose. */
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-bar > .baatle-overall-win-a,
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-bar > .baatle-overall-win-b {
  min-width:0!important;height:100%!important
}
html body article.duel.duel-layout-v48[data-scenery] .baatle-overall-bar.is-tied {
  justify-content:center!important;height:auto!important;min-height:0!important;overflow:visible!important;border:0!important;background:transparent!important
}


/* Combined from battle-cards-v088.css; source order preserved. */
/* BAATLE 0.8.88 — subtle same-page round transitions, with reduced-motion fallback. */
html body article.duel.duel-layout-v48.baatle-async-loading {opacity:.68!important;pointer-events:none!important;transition:opacity .12s ease-out!important}
html body article.duel.duel-layout-v48.baatle-async-transition,
html body .round-section.baatle-async-transition {view-transition-name:baatle-round-content}
::view-transition-old(baatle-round-content),
::view-transition-new(baatle-round-content) {animation-duration:180ms;animation-timing-function:ease-out}
@media(prefers-reduced-motion:reduce) {
  html body article.duel.duel-layout-v48.baatle-async-loading {opacity:1!important;transition:none!important}
  ::view-transition-old(baatle-round-content),::view-transition-new(baatle-round-content) {animation:none!important}
}


/* Combined from battle-cards-v089.css; source order preserved. */
/* BAATLE 0.8.89 — keep the selected card pinned in the viewport during DOM replacement. */
html.baatle-scroll-lock,
html.baatle-scroll-lock body {overflow-anchor:none!important;scroll-behavior:auto!important}