PORTRAIT MODE ONLYRotate your phone upright to play Fight Night.
JHC STUDIO PRESENTS
FIGHT NIGHT
SIDE-SCROLLING FIGHTING GAME
TAP A FIGHTER TO START · MUSIC ON
2HIT COMBO
![]()
![Animated versus showdown: Nighthunter versus Jerry Bailey]()
STAGE 1NIGHTHUNTER VS JERRY BAILEY
READYFIGHT!
/* 8BitDo-style lower controller layout */
@media(max-width:780px){
.nhf__game:not(.is-versus) .nhf__controls{
bottom:-14px!important;
min-height:132px!important;
padding:5px 8px 2px!important;
align-items:end!important;
}
.nhf__game:not(.is-versus) .nhf__joystick{
align-self:end!important;
transform:translateY(16px)!important;
}
.nhf__game:not(.is-versus) .nhf__actions{
position:relative!important;
display:block!important;
width:150px!important;
height:108px!important;
min-width:150px!important;
min-height:108px!important;
justify-self:end!important;
align-self:end!important;
margin:0 0 0 auto!important;
transform:translateY(16px)!important;
}
.nhf__game:not(.is-versus) .nhf__actions button{
position:absolute!important;
width:46px!important;
height:46px!important;
min-width:46px!important;
min-height:46px!important;
margin:0!important;
}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="punch1"]{left:4px!important;top:10px!important}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="punch2"]{left:52px!important;top:0!important}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="punch3"]{left:100px!important;top:10px!important}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="kick1"]{left:0!important;top:58px!important}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="kick2"]{left:48px!important;top:50px!important}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="kick3"]{left:96px!important;top:58px!important}
}
@media(max-width:350px){
.nhf__game:not(.is-versus) .nhf__controls{
bottom:-12px!important;
min-height:120px!important;
padding-bottom:1px!important;
}
.nhf__game:not(.is-versus) .nhf__actions{
width:136px!important;
height:100px!important;
min-width:136px!important;
min-height:100px!important;
}
.nhf__game:not(.is-versus) .nhf__actions button{
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="punch1"]{left:4px!important;top:9px!important}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="punch2"]{left:47px!important;top:0!important}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="punch3"]{left:90px!important;top:9px!important}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="kick1"]{left:0!important;top:54px!important}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="kick2"]{left:43px!important;top:47px!important}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="kick3"]{left:86px!important;top:54px!important}
}
@media (orientation:landscape) and (max-height:650px) and (max-width:1200px){
.nhf__game:not(.is-versus) .nhf__joystick{
bottom:-14px!important;
}
.nhf__game:not(.is-versus) .nhf__actions{
right:max(10px,env(safe-area-inset-right))!important;
bottom:-14px!important;
width:148px!important;
height:106px!important;
display:block!important;
transform:translateY(12px)!important;
}
.nhf__game:not(.is-versus) .nhf__actions button{
position:absolute!important;
width:45px!important;
height:45px!important;
min-width:45px!important;
min-height:45px!important;
}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="punch1"]{left:4px!important;top:10px!important}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="punch2"]{left:51px!important;top:0!important}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="punch3"]{left:98px!important;top:10px!important}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="kick1"]{left:0!important;top:57px!important}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="kick2"]{left:47px!important;top:49px!important}
.nhf__game:not(.is-versus) .nhf__actions [data-nhf-action="kick3"]{left:94px!important;top:57px!important}
}
