/* WhichPup v1.47: approved matchup styling, no public matchup sharing control */
.battle-home .home-battle{
  position:relative;
  overflow:hidden;
  padding:24px 34px 18px;
  background:
    radial-gradient(circle at 18% 12%,rgba(250,247,238,.72),transparent 24%),
    linear-gradient(180deg,#fff 0%,#fffefd 100%);
  border:1px solid #e5ded1;
  border-radius:28px;
  box-shadow:0 10px 28px rgba(38,47,40,.06);
}
.battle-home .home-battle>*:not(.battle-paw){position:relative;z-index:1}
.battle-home .battle-brand{display:flex;justify-content:center;align-items:center;margin:-8px auto 7px;pointer-events:none}
.battle-home .battle-brand img{display:block;width:min(236px,42%);height:auto}
.battle-home .battle-toolbar{align-items:flex-start;margin-bottom:15px}
/* Decorative matchup frame and paw treatment. */
.battle-home .battle-paw{position:absolute;z-index:0;width:48px;height:48px;opacity:.36;pointer-events:none;transform:rotate(-18deg)}
.battle-home .battle-paw:before,
.battle-home .battle-paw:after{content:"";position:absolute;display:block}
.battle-home .battle-paw:before{
  left:15px;top:19px;width:20px;height:17px;border-radius:52% 52% 46% 46%;background:#cfc5a8;
  box-shadow:-12px -10px 0 -5px #cfc5a8,-3px -17px 0 -5px #cfc5a8,8px -16px 0 -5px #cfc5a8,16px -7px 0 -5px #cfc5a8;
}
.battle-home .battle-paw-tl{top:16px;left:18px}
.battle-home .battle-paw-tr{top:16px;right:18px;transform:rotate(19deg)}
.battle-home .battle-paw-bl{bottom:13px;left:18px;transform:rotate(-28deg)}
.battle-home .battle-paw-br{bottom:13px;right:14px;transform:rotate(18deg) scale(.72)}
.battle-home .battle-paw-br:before{background:#b04d18;box-shadow:-12px -10px 0 -5px #b04d18,-3px -17px 0 -5px #b04d18,8px -16px 0 -5px #b04d18,16px -7px 0 -5px #b04d18}

.battle-home .matchup-brand-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;margin:13px 14px 0;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.04em}
.battle-home .matchup-brand-footer:before{content:""}
.battle-home .matchup-site{grid-column:1/-1;grid-column:2;display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.14em;color:#758079}
.battle-home .matchup-site:before,.battle-home .matchup-site:after{content:"";display:block;width:38px;height:1px;background:#9ba39e}
@media(max-width:760px){
  .battle-home .home-battle{padding:18px 18px 14px;border-radius:23px}
  .battle-home .battle-brand{margin:-2px auto 8px}
  .battle-home .battle-brand img{width:min(200px,52%)}
  .battle-home .battle-paw{width:40px;height:40px;opacity:.28}
  .battle-home .battle-paw-tl{top:10px;left:8px}.battle-home .battle-paw-tr{top:10px;right:8px}.battle-home .battle-paw-bl{bottom:11px;left:7px}.battle-home .battle-paw-br{bottom:11px;right:8px}
  .battle-home .matchup-brand-footer{grid-template-columns:1fr;gap:5px;text-align:center;margin-top:10px}
  .battle-home .matchup-brand-footer:before{display:none}
}
@media(max-width:480px){
  .battle-home .home-battle{padding:14px 12px 12px}
  .battle-home .battle-paw{display:none}
}