/* Dead Tide 152 candidate: manual FIRE FRONT, one level ABOVE existing FIRE BACK. */
/* Unloaded during Build151 rollout. Uses the established pixel button dock. */
#active-combat>#frontshoot-btn{
  position:absolute!important;grid-column:auto!important;grid-row:auto!important;
  right:0!important;bottom:calc(100% + 4px)!important;inset-inline-start:auto!important;
  width:50px!important;min-width:0!important;height:46px!important;min-height:46px!important;
  padding:3px 1px!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:0!important;
  background:linear-gradient(180deg,#4e4224,#1e2929)!important;color:#fff0ba!important;
  border:2px solid #dab76c!important;border-bottom:3px solid #78552f!important;
  border-radius:2px!important;box-shadow:3px 3px #080c12,inset 0 2px #fff1ab35!important;
  touch-action:none!important;user-select:none;cursor:pointer;z-index:2
}
#active-combat>#frontshoot-btn .dt-pixel{width:23px;height:23px;image-rendering:pixelated;flex:none}
#active-combat>#frontshoot-btn span{
  font:900 7px/1 'IBM Plex Mono',monospace!important;letter-spacing:0!important;
  white-space:nowrap!important;color:inherit!important
}
#active-combat>#frontshoot-btn.held,
#active-combat>#frontshoot-btn:active{
  background:linear-gradient(180deg,#e3a446,#785421)!important;color:#130f10!important;
  border-color:#fff2b4!important;transform:translateY(2px)!important
}
#active-combat>#frontshoot-btn:focus-visible{outline:3px solid #fff1ae;outline-offset:2px}
@media(max-width:620px){
  #active-combat>#frontshoot-btn{width:48px!important;height:43px!important;min-height:43px!important}
}
@media(max-width:375px){
  #active-combat>#frontshoot-btn{width:43px!important;height:42px!important;min-height:42px!important}
}
@media(orientation:landscape) and (max-height:540px){
  #active-combat>#frontshoot-btn{height:39px!important;min-height:39px!important}
}
/* B152 hotfix: large, readable, reliable multitouch target. */
#active-combat>#frontshoot-btn{
  width:66px!important;height:61px!important;min-height:61px!important;
  right:-3px!important;padding:5px 2px!important;
  background:linear-gradient(180deg,#3f6c66,#182e38)!important;
  color:#efffea!important;border-color:#a6e8d4!important;
  box-shadow:inset 0 0 0 2px #0e1921,3px 4px 0 #080b10!important;
  z-index:6!important;pointer-events:auto!important
}
#active-combat>#frontshoot-btn .dt-pixel{width:31px!important;height:31px!important}
#active-combat>#frontshoot-btn span{
  color:#edffe2!important;font-size:9px!important;letter-spacing:.045em!important
}
#active-combat>#frontshoot-btn.held{
  background:linear-gradient(180deg,#cfef93,#487a69)!important;
  border-color:#f4ffc4!important;color:#0c1a18!important
}
#active-combat>#frontshoot-btn.held span{color:#071813!important}
#active-combat>#frontshoot-btn:disabled{opacity:.47!important}
@media(max-width:620px){
 #active-combat>#frontshoot-btn{width:61px!important;height:57px!important;min-height:57px!important;right:-2px!important}
}
@media(orientation:landscape) and (max-height:540px){
 #active-combat>#frontshoot-btn{width:56px!important;height:49px!important;min-height:49px!important}
}