/* A single stage keeps the boss silhouettes and sprite joints separate. */
.boss-battle{width:1280px;height:480px;right:max(0px,calc((100vw - 1740px)/2));bottom:22px;transform:scale(.82);transform-origin:bottom right}
.battle-moon{left:510px;top:5px}.zakum{left:35px;bottom:18px}
.horntail{left:480px;bottom:35px;width:435px;height:420px;filter:drop-shadow(0 7px 4px #0006)}
.ht-rig{position:absolute;width:660px;height:640px;left:0;top:0;transform:scale(.66);transform-origin:top left}
.boss-battle .ht-rig img{filter:none;max-width:none}.ht-rig .ht-head{z-index:1}.ht-rig .ht-legs{z-index:2}.ht-rig .ht-chest{z-index:3}.ht-rig .ht-wing,.ht-rig .ht-tail{z-index:0}
.battle-vonleon{left:1010px;right:auto;bottom:7px;width:270px;height:340px;z-index:4}.vl-body{width:266px;left:7px;top:87px}
.battle-menagerie{position:absolute;left:930px;top:60px;width:300px;height:160px;z-index:5}
.battle-menagerie .battle-scarlion{width:83px;left:19px;top:27px;bottom:auto;right:auto}.battle-menagerie .battle-targa{width:73px;left:135px;top:35px;bottom:auto;right:auto}
.boss-battle .battle-polearm{width:184px;height:126px;left:300px;bottom:0;z-index:8;transform:none;filter:drop-shadow(0 4px 2px #0009)}
.battle-warrior{left:460px;bottom:2px;transform:scaleX(-1)}.battle-archer{left:965px;right:auto;bottom:0;transform:scaleX(-1)}
.battle-pap{left:384px;bottom:122px;width:110px}.battle-bean{left:893px;bottom:16px;width:73px}.battle-balrog{left:184px;top:59px;width:85px}
.attack-a{left:530px;bottom:105px}.attack-b{left:1050px;right:auto;bottom:95px}.attack-z{left:285px;bottom:87px;width:105px;transform:rotate(25deg);border-color:#d7f2ff;animation:hit-swing 1.6s ease-in infinite;animation-delay:-.4s}
.hero:after{mask-image:linear-gradient(#000 0 68%,#0008 82%,transparent 98%)}
.battle-label{right:max(24px,calc((100vw - 1224px)/2))}
@media(min-width:1500px){.boss-battle{transform:none}}
@media(max-width:1100px) and (min-width:701px){.boss-battle{transform:scale(.7);right:-75px}.hero:after{background:linear-gradient(90deg,#151a2bf5,#151a2be0 23%,#151a2b88 45%,transparent 75%),linear-gradient(0deg,#111522,transparent 25%)}}
@media(max-width:700px){.hero{height:650px}.boss-battle{width:1280px;height:480px;transform:scale(.48);right:-43px;bottom:21px}.hero:after{background:linear-gradient(180deg,#151a2bf5,#151a2bf0 36%,#151a2b66 58%,transparent 75%),linear-gradient(0deg,#111522,transparent 17%)}.battle-label{bottom:8px;left:15px;right:15px}.hero-content{padding-top:28px}}

.ht-rig .head-left{width:253px;left:87px;top:123px;right:auto;bottom:auto;height:auto}
/* The center neck covers the cut edges of both side-neck sprites. */
.ht-rig .head-center{width:161px;left:249px;top:0px;right:auto;bottom:auto;height:auto;z-index:2}
.ht-rig .head-right{width:253px;left:320px;top:123px;right:auto;bottom:auto;height:auto}
.ht-rig .chest-left{width:210px;left:120px;top:307px;right:auto;bottom:auto;height:auto}
.ht-rig .chest-right{width:210px;left:330px;top:307px;right:auto;bottom:auto;height:auto}
.ht-rig .ht-wing{width:574px;left:43px;top:265px;right:auto;bottom:auto;height:auto}
.ht-rig .ht-legs{width:514px;left:73px;top:445px;right:auto;bottom:auto;height:auto}
.ht-rig .ht-tail{width:406px;left:351px;top:484px;right:auto;bottom:auto;height:auto}