/* voxel sandbox Foundation Stone/PE-style Creative flight controls */
#descend-button{
  display:none;
  right:calc(30px + var(--safe-r));
  bottom:calc(200px + var(--safe-b));
}

.touch #game.creative-flying #descend-button{display:block}

#flight-hint{
  display:none;
  position:absolute;
  z-index:8;
  top:calc(74px + var(--safe-t));
  left:50%;
  transform:translateX(-50%);
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.42);
  background:rgba(8,24,31,.76);
  box-shadow:0 3px 0 rgba(0,0,0,.28);
  white-space:nowrap;
  font-size:8px;
  letter-spacing:.08em;
  pointer-events:none;
}

#game.creative-flying.playing #flight-hint{display:flex;align-items:center;gap:8px}
#flight-hint b{color:#8fe8ff;font-size:9px}
.flight-mobile{display:none}
.touch .flight-desktop{display:none}
.touch .flight-mobile{display:inline}

@media(pointer:coarse) and (orientation:portrait){
  #descend-button{right:calc(16px + var(--safe-r));bottom:calc(266px + var(--safe-b))}
  #flight-hint{top:calc(62px + var(--safe-t));font-size:7px}
}

@media(max-height:520px) and (pointer:coarse){
  #descend-button{right:calc(30px + var(--safe-r));bottom:calc(164px + var(--safe-b));width:62px;height:62px}
  #flight-hint{top:calc(52px + var(--safe-t));padding:5px 8px;font-size:6px}
}