/* 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}
}
