header:has(>.elb-battle-5v5){position:relative;isolation:isolate}
header>.elb-battle-5v5{position:absolute;left:0;top:0;width:calc(100% - 440px);height:280px;overflow:hidden;pointer-events:none;z-index:0;background:#141821}
header:has(>.elb-battle-5v5)>:not(.elb-battle-5v5){position:relative;z-index:2}
.elb-battle-map{position:absolute;inset:0;background:linear-gradient(90deg,#151821bb,#15182155,#151821cc),url('/EsportsLineupBuilder/map-photos/nuke.webp') center/cover;opacity:.3}
.elb-squad-actor{position:absolute;left:var(--left);bottom:var(--bottom);width:180px;height:150px;transform-origin:50% 85%;animation:elbSquadFire 5s var(--delay) infinite;filter:drop-shadow(0 4px 5px #000b)}
.elb-squad-actor img{width:100%;height:100%;object-fit:contain;display:block}
.elb-squad-actor[data-fighter='mascot']{z-index:1}
.elb-squad-actor[data-fighter='opponent'] .elb-muzzle-flash{left:5%;right:auto;top:31%}
.elb-muzzle-flash{position:absolute;top:26%;right:0;width:35px;height:20px;opacity:0;background:radial-gradient(ellipse at 25% 50%,#fffbd0 0 18%,#ffd139 30%,#ff7713 65%,transparent 75%);clip-path:polygon(0 28%,35% 30%,75% 0,65% 35%,100% 50%,65% 65%,82% 100%,35% 70%,0 73%);filter:drop-shadow(0 0 5px #ffad28);animation:elbMuzzleFire 5s var(--delay) infinite}
.elb-squad-ct .elb-muzzle-flash{left:0;right:auto;transform:scaleX(-1)}
.elb-battle-5v5 .elb-battle-smoke{position:absolute;inset:auto -30px -25px;height:100px;background:radial-gradient(ellipse at 30% 90%,#d7dddf30,transparent 58%),radial-gradient(ellipse at 70% 90%,#d7dddf20,transparent 55%);animation:elbSquadSmoke 10s ease-in-out infinite alternate}
@keyframes elbSquadFire{0%,16%,30%,100%{transform:translate(0,0) rotate(0)}18%,24%{transform:translate(-3px,1px) rotate(-1deg)}21%,27%{transform:translate(1px,0)}55%,70%{transform:translate(6px,5px) rotate(1deg)}}
@keyframes elbMuzzleFire{0%,16%,20%,23%,27%,100%{opacity:0}18%,25%{opacity:.95}}
@keyframes elbSquadSmoke{from{transform:translateX(-20px);opacity:.35}to{transform:translateX(25px);opacity:.65}}
@media(max-width:1000px){header>.elb-battle-5v5{width:100%;height:250px}.elb-squad-actor{width:145px;height:125px;bottom:calc(var(--bottom)*.8)}}
@media(prefers-reduced-motion:reduce){.elb-battle-5v5 *{animation:none!important}.elb-battle-5v5 .elb-muzzle-flash{display:none}}

header>.elb-battle-5v5{width:var(--elb-arena-width,calc(100% - 440px));height:var(--elb-arena-height,276px)}
html body header:has(>.elb-battle-5v5)>.brand{position:absolute!important;left:var(--elb-arena-center,calc((100% - 440px)/2))!important;top:42px!important;transform:translateX(-50%)!important;z-index:3!important;width:300px!important;height:186px!important}
html body header:has(>.elb-battle-5v5)>.brand>img{width:300px!important;height:186px!important}
.elb-battle-5v5 .elb-squad-actor{width:170px;height:150px}
.elb-battle-5v5 .elb-squad-t{left:calc(50% - 300px + var(--squad-index)*40px)}
.elb-battle-5v5 .elb-squad-ct{left:calc(50% - 30px + var(--squad-index)*40px)}
.elb-squad-actor[data-fighter='mascot'],.elb-squad-actor[data-fighter='opponent']{--squad-index:0}
.elb-squad-actor[data-fighter='t2'],.elb-squad-actor[data-fighter='ct2']{--squad-index:1}
.elb-squad-actor[data-fighter='t3'],.elb-squad-actor[data-fighter='ct3']{--squad-index:2}
.elb-squad-actor[data-fighter='t4'],.elb-squad-actor[data-fighter='ct4']{--squad-index:3}
.elb-squad-actor[data-fighter='t5'],.elb-squad-actor[data-fighter='ct5']{--squad-index:4}
@media(max-width:1000px){
 html body header:has(>.elb-battle-5v5)>.brand{top:30px!important;width:240px!important;height:156px!important}
 html body header:has(>.elb-battle-5v5)>.brand>img{width:240px!important;height:156px!important}
 .elb-battle-5v5 .elb-squad-actor{width:140px;height:125px}
 .elb-battle-5v5 .elb-squad-t{left:calc(50% - 245px + var(--squad-index)*30px)}
 .elb-battle-5v5 .elb-squad-ct{left:calc(50% - 15px + var(--squad-index)*30px)}
}

html body header:has(>.elb-battle-5v5)>.brand{grid-column:auto!important;grid-row:auto!important;right:auto!important;bottom:auto!important;justify-self:start!important;align-self:start!important}

/* Teams stand beside the logo, leaving the wordmark clear as central cover. */
.elb-battle-5v5 .elb-squad-actor{width:145px;height:136px}
.elb-battle-5v5 .elb-squad-t{left:calc(50% - 360px + var(--squad-index)*22px)}
.elb-battle-5v5 .elb-squad-ct{left:calc(50% + 125px + var(--squad-index)*22px)}
@media(max-width:1000px){
 .elb-battle-5v5 .elb-squad-actor{width:112px;height:112px}
 .elb-battle-5v5 .elb-squad-t{left:calc(50% - 330px + var(--squad-index)*20px)}
 .elb-battle-5v5 .elb-squad-ct{left:calc(50% + 130px + var(--squad-index)*20px)}
}

.elb-battle-5v5 .elb-squad-actor{display:none!important}
.elb-barricade-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:1;pointer-events:none}
html body header:has(>.elb-battle-5v5)>.brand{opacity:0!important}
.elb-cover-fire{position:absolute;width:28px;height:18px;z-index:2;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(ellipse,#fff8b7 0%,#ffc229aa 30%,#ff730000 73%);filter:drop-shadow(0 0 8px #ffb400);animation:elbCoverFire 3.8s var(--delay) infinite;opacity:0}
@keyframes elbCoverFire{0%,17%,22%,29%,100%{opacity:0}19%,25%{opacity:1}}
@media(prefers-reduced-motion:reduce){.elb-cover-fire{display:none}}

.elb-barricade-art,.elb-cover-fire{display:none!important}
.elb-cover-group{position:absolute;top:0;bottom:0;width:calc(50% - 140px);z-index:4;pointer-events:none}
.elb-cover-left{left:0}.elb-cover-right{right:0}
.elb-cover-group>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
html body header:has(>.elb-battle-5v5)>.brand{opacity:1!important;top:21px!important;width:350px!important;height:235px!important;background:linear-gradient(145deg,#252933,#0b0d12)!important;border:4px solid #353945!important;border-radius:5px!important;box-shadow:inset 0 0 0 3px #090b0e,0 8px 12px #0008!important;z-index:3!important}
html body header:has(>.elb-battle-5v5)>.brand>img{width:100%!important;height:100%!important;object-fit:contain!important;image-rendering:auto!important;animation:none!important;filter:none!important}
html body header:has(>.elb-battle-5v5)>.brand:before,html body header:has(>.elb-battle-5v5)>.brand:after{display:none!important}
.elb-cover-flash{position:absolute;width:28px;height:18px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#fff4c5 10%,#ffce42 30%,#ff8a1200 72%);filter:drop-shadow(0 0 6px #ffb128);animation:elbCoverFire 3.8s var(--delay) infinite;opacity:0}
@media(max-width:1000px){html body header:has(>.elb-battle-5v5)>.brand{width:280px!important;height:190px!important;top:22px!important}.elb-cover-group{width:calc(50% - 110px)}}
@media(prefers-reduced-motion:reduce){.elb-cover-flash{display:none}}